Научете практическа теория на цветовете с този уеб приложение

Макар че темата за цветовата теория може да изглежда доста основна, това не е нещо, което можете да разберете чрез четене. За да разберете истински теорията на цветовете, трябва да я приложите на практика.

Ако често изграждате уеб проекти, използването на цвят е задължително. Практическата теория на цветовете е a удобен webapp, който може да ви помогне да научите за цветовете бързо. Този безплатен webapp е предназначен за разработчици, които не знаят нищо за цвета, дизайна или естетиката на потребителския интерфейс.

Цялата работа беше създадена и пусната на GitHub от невероятния дизайнер и кодиращ Наталия Шелбърн.

Работи като фрондън разработчик сега, но има над 6 години опит в преподаването на изкуство и дизайн. Наталия е перфектният коктейл на дизайн и дизайн, който прави този цветен ресурс!

Докато работите през сайта, вие научете защо някои цветове просто не съвпадат, докато други го правят. Също така, някои цветови схеми често изглеждат аматьорски и лесно се избягват, след като разберете някои ключови правила.

Например, аз често проектирам по правилото, че никога не използвам черно и това ми е послужило добре. Същото може да се отнася и за други силни цветове. Избягвайте използването на чисти форми на цветове, когато е възможно (т.е. избягвайте пълно синьо като # 0000FF).

Най-готиното в този инструмент е това всяка секция включва малко код за CSS / Sass заедно с добре написано обяснение за цветовете. Ще разберете защо неутралите са толкова важни, как да създавате акцентни цветове и как да генерирате схеми, които вървят добре заедно.

Не мога да кажа, че това ръководство ще ви направи експерт по цветовете. Наистина това просто надраска повърхността с някои основни съвети. Но това е огромно изскачате от подбора на цветовете за начинаещи така че ако имате проблеми с цветовете, този сайт ще ви помогне.

Целият изходен код, който намирате на сайта, е свободен да се използва и играе самостоятелно.

Съвет за бонус: опитайте да промените цветовата схема на страницата, като кликнете върху цветните точки в горната част на страницата. Можете да получите доста идеи от тях!