Ismerje meg a gyakorlati színelméletet ezzel a webalkalmazással

Míg a színelmélet témája elég alaposnak tűnhet, nem olvassa el az olvasást. Ahhoz, hogy valóban megértsük a színelméletet, gyakorlatba kell hozni.

Ha gyakran építesz webes projekteket, akkor a szín használata kötelező. Gyakorlati színelmélet a hasznos webapp, amely segít a színek gyors megismerésében. Ez az ingyenes webapp a fejlesztőkre irányul, akik nem ismerik a színt, a designot vagy az UI esztétikát.

Az egészet ténylegesen építették és bocsátották ki a GitHub-on a hihetetlen Natalya Shelburne tervező és kódoló.

Most a frontend fejlesztőjeként dolgozik, de több mint 6 éves tapasztalattal rendelkezik a művészet és a design oktatásában. A Natalya a design és a dev tapasztalat tökéletes koktélja, hogy ezt a színforrást hozza létre!

Ahogy a webhelyen dolgozol megtudja, miért nem egyezik meg bizonyos színek, míg mások. Bizonyos színsémák gyakran amatőrnek tűnnek, és könnyen elkerülhetők, ha megértik néhány kulcsfontosságú szabályt.

Például a szabály szerint gyakran úgy tervezem, hogy soha ne használjam a fekete-t, és ez jól szolgált. Ugyanez igaz más erős színekre is. Kerülje a tiszta színformák használatát, amennyire csak lehetséges (vagyis elkerülje a teljes kéket, mint a # 0000FF).

A legmenőbb dolog ez az eszköz minden egyes szakasz tartalmaz egy kis CSS / Sass kódot, valamint egy jól megírt magyarázatot a színekről. Meg fogod érteni, hogy miért olyan fontosak a semlegesek, hogy hogyan lehet kiemelkedő színeket létrehozni, és hogyan hozhatunk létre olyan rendszereket, amelyek jól együttműködnek.

Nem mondhatom, hogy ez az útmutató színszakértővé tesz. Tényleg csak néhány alapvető tippvel karcolja a felületet. De ez hatalmas ugrás felfelé az újoncszintű színválasztásból így ha problémái vannak a színekkel, ez az oldal segít.

A webhelyen található összes forráskód szabadon használható és önállóan használható.

Bónusz tipp: próbálja meg megváltoztatni az oldal színsémáját az oldal tetején található színes pontokra kattintva. Ezekből nagyon sok ötletet kaphat!