Какие роли нужны цвету в интерфейсе
Интерфейс ломается не от «некрасивого» HEX, а от одинаковой громкости кнопки, фона и статуса. Этот раздел только называет роли. Как они сидят на конкретном экране — на странице макета.
Три плотности, три проверки
Лендинг проверяет, есть ли одна точка действия среди воздуха. Приложение проверяет, читается ли акцент в узкой колонке и в таббаре. Дашборд проверяет, отличает ли цвет метрику от ряда и статус строки от декора.
Не красьте все три задачи одним приёмом. На маркетинговом экране цвет ведёт глаз вниз. В продукте он отмечает текущий шаг. В данных он подписывает смысл, а числа остаются почти чёрными.
- Лендинг — одно действие на светлом поле
- Приложение — активная вкладка и следующий шаг
- Дашборд — дельта, ряд графика и статус
Примеры раздела
Цвет лендинга
Экран с обещанием, кнопкой и карточками продукта.
Цвета мобильного приложения
Телефон: вкладки, задачи и нижняя навигация.
Цвета дашборда
Сетка метрик, графика и строк таблицы.
Часто задаваемые вопросы
С чего начать проверку UI-палитры?
С экрана, который ближе к задаче. Для посадки и кнопки откройте лендинг, для навигации — приложение, для метрик — дашборд.
Почему статус нельзя взять из соседнего цвета палитры?
Соседние HEX часто одной светлоты. В таблице Live, Review и Draft тогда сливаются, и цвет перестаёт быть смыслом.
Где менять цвета кнопок?
На странице выбранного экрана. Здесь только каталог: карточка открывает лендинг, приложение или дашборд.