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

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

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

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

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

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

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

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

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



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

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



tgoop.com/code_breakers/576
Create:
Last Update:

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

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

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

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

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

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

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

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

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



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

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

BY Code Breakers | No-code solutions




Share with your friend now:
tgoop.com/code_breakers/576

View MORE
Open in Telegram


Telegram News

Date: |

How to Create a Private or Public Channel on Telegram? Ng Man-ho, a 27-year-old computer technician, was convicted last month of seven counts of incitement charges after he made use of the 100,000-member Chinese-language channel that he runs and manages to post "seditious messages," which had been shut down since August 2020. Telegram channels fall into two types: Telegram Android app: Open the chats list, click the menu icon and select “New Channel.” Read now
from us


Telegram Code Breakers | No-code solutions
FROM American