me_edu
UX/UI-дизайн: фундаментШаг 20 из 27 · 0% пройдено
2. Профессиональный практикум: кейс, модель и итоговый артефакт
3. Атлас моделей: схема, пример, критерий и проект
Типографика и цвет

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

Шаг 20 из 277 минТеория
Цель

Понять основной механизм темы «Цвет и контраст» без заучивания отдельных терминов.

Как работать

Прочитайте блок один раз целиком, затем вернитесь к схеме или примеру и перескажите идею своими словами.

Критерий

Сформулированное правило, пример применения и одно ограничение метода.

COMPARATIVE CHART · LINEAR SCALE01428425670сред.70Нейтральныеmax20Основной10АкценткатегориязначениеЧтениеmax: Нейтральн…min: Акцент×7.0Среднее 33 · максимум 70 · минимум 10
Палитра: много нейтрального фона, немного основного и совсем чуть-чуть акцента для действий
Опорная идея

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

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

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

Назад

Обсуждение

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

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