5 советов по использованию цветов Material Design

5 советов по Material Design цветам

1. Используйте правило 3-1

Один основной цвет, один акцентный и один нейтральный (серый). Это основа гармоничного интерфейса Material Design.

2. Акцентные цвета — для действий

Оттенки A200, A400 предназначены для интерактивных элементов: кнопок, ссылок, иконок действий.

3. Проверяйте контраст на поверхностях

Белый текст на основном цвете должен иметь коэффициент контраста не менее 4.5:1. Оттенки 500 и выше обычно подходят.

4. Не смешивайте случайные оттенки

Используйте оттенки одного цвета для создания иерархии: 900 для заголовков, 700 для текста, 300 для фона.

5. Тестируйте в тёмной теме

Material Design предлагает инвертированную палитру для тёмной темы: оттенок 200 вместо 500 для основного цвета.

Популярные сочетания

Смотрите также: Tailwind CSS цвета, Смешивание цветов