me_edu
UX/UI-дизайн: фундаментШаг 13 из 20 · 0% пройдено
Типографика и цвет · Типографика и цвет

Цвет и контраст

70Нейтральные20Основной10Акцент
Палитра: много нейтрального фона, немного основного и совсем чуть-чуть акцента для действий

Цвет в интерфейсе работает функционально, а не просто украшает. Удобная палитра обычно строится так: один основной (брендовый) цвет, набор нейтральных (серые, фон, текст) и один-два акцентных цвета для действий. Если всё яркое — ничто не выделяется; акцент работает только на спокойном фоне.

Цветом передают и смысл: зелёный обычно означает успех, красный — ошибку или опасность, жёлтый — предупреждение. Но нельзя полагаться только на цвет: около 8% мужчин плохо различают красный и зелёный, поэтому статус дублируют значком или текстом, а не одним лишь цветом.

Контраст текста и фона — вопрос не вкуса, а доступности. Светло-серый текст на белом фоне читается плохо. Существуют нормы контрастности (для обычного текста коэффициент не ниже 4,5:1), которым стоит следовать, чтобы интерфейсом могли пользоваться все, включая людей со слабым зрением и при ярком солнце на экране телефона.

Назад

Обсуждение

Войдите, чтобы участвовать в обсуждении.

Пока нет сообщений.