💻 UI дизайн для No-code разработчика: теория цвета

Для создания дизайна приложений ноукодеру достаточно кратко изучить основные моменты:
🟣 теорию цвета;
🟣 основы типографики;
🟣 законы Гештальта.

Сегодня остановимся на первом пункте — теории цвета.

В каждом цифровом продукте есть основной цвет. Как правило, он оговаривается с заказчиком, потому что выбирается на основе брендбука компании или предпочтений к проекту, если брендбука нет. К основному цвету нужно уметь подбирать один или два дополнительных цвета, которые сочетаются с основным. И есть ещё базовые цвета — чёрный, белый, серый. Они нужны для текстов, фона и обводки.

И снова хорошая новость — вам не нужно полагаться на свой визуальный вкус или теоретические знания. В наши дни есть множество готовых решений, приёмов и программ, которые помогут решить, какие цвета вам нужны.

Например, в подборе цветов хорошо помогает цветовой круг. Надо только разобраться, как он работает и знать, что такое первичные, вторичные, третичные цвета и как подбирать цветовые сочетания по цветовому кругу.

Важно учитывать и контрастность цветов — чтобы один цвет хорошо был виден и хорошо читался на другом. Для этого есть специальные сервисы, например:
🟣 Coolors.co.
Он помогает подобрать контрастное сочетание цветов и даёт оценку, насколько удачно это сочетание.
🟣 Color Contrast Cheker.
Он показывает сочетание оттенков в шестнадцатеричном коде.

Как использовать цвета?
Например, принято, чтобы основной цвет был связан с главными элементами (вот и сошлись UX и UI). То есть, главные кнопки, привлекающие внимание баннеры, главные по смыслу карточки и проч. должны быть основного цвета.

Дополнительные цвета в этом случае будут поддерживать интерфейс, выделяя второстепенные элементы. Элементы, вроде неактивных кнопок и чекбоксов, можно делать в оттенках основного цвета — например, если основной у вас салатовый, то неактивная кнопка может быть бледно-зелёного цвета.

➖➖➖➖➖➖➖➖➖➖➖➖➖

Конечно, это далеко не все нюансы цифрового дизайна. Если вы хотите освоить все тонкости цифрового дизайна, научиться делать красивые, эффективные и высокооплачиваемые IT-проекты в любых форматах, — тогда ждём на курсе «Профессия No-code разработчик», который стартует в следующий четверг, 3 августа!

💵 Хочу стать востребованным специалистом: codebreakers.tech/profession