Question 1

Что такое цветовая палитра и почему она важна в дизайне?

Accepted Answer

Цветовая палитра — это тщательно подобранный набор цветов, последовательно используемых во всём дизайне. Грамотно составленная палитра создаёт визуальную гармонию, формирует фирменный стиль и направляет внимание пользователя. Большинство палитр включают основной фирменный цвет, 1–2 акцентных цвета, нейтральные фоны и семантические цвета для состояний успех/ошибка/предупреждение.

Question 2

Что такое правило 60-30-10 для цветовых палитр?

Accepted Answer

Правило 60-30-10 — классический принцип дизайна: используйте доминирующий цвет для 60% дизайна (фоны, большие области), дополнительный для 30% (карточки, боковые панели) и акцентный для 10% (кнопки, выделения, CTA). Это соотношение создаёт сбалансированный, профессиональный вид, не перегружая взгляд.

Question 3

Как создать доступную цветовую палитру?

Accepted Answer

Обеспечьте достаточный контраст между цветами текста и фона. WCAG AA требует минимального соотношения контраста 4.5:1 для обычного текста и 3:1 для крупного. Не используйте цвет как единственный способ передачи смысла (добавляйте иконки или подписи). Инструменты вроде WebAIM Contrast Checker помогут проверить, соответствует ли палитра стандартам доступности.

Question 4

В чём разница между дополнительными, аналогичными и триадными цветовыми схемами?

Accepted Answer

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

Question 5

Сколько цветов должна содержать палитра дизайн-системы?

Accepted Answer

Типичная палитра дизайн-системы содержит 5–10 базовых цветов с несколькими оттенками каждого (напр. шкала 50–900, как в Tailwind CSS). Минимум: основной, дополнительный, нейтральный/серый и семантические цвета (зелёный успех, красный ошибка, жёлтый предупреждение, синий информация). Каждый цвет должен иметь светлые варианты для фонов и тёмные для текста, чтобы сохранять контраст в светлой и тёмной темах.

Генератор цветовой палитры

Часто задаваемые вопросы

Comments & Feedback