Как развести метрику, ряд и статус
Дашборд молчит поверхностью. Цвет появляется в дельте, в столбце одного смысла и в пилюле статуса.
Как проверить цвет на дашборде
Правило 60–30–10 на дашборде звучит так: 60% нейтральная поверхность, 30% вторичный тон в чередовании столбцов и мягких плашках, 10% акцент на главной метрике и primary-действии. Закон общности судьбы (common fate) помогает графику: столбцы одного смысла красьте одним цветом, чередование — только чтобы отделить соседние дни, а не чтобы «украсить».
Семантические статусы нельзя отдавать случайным HEX из палитры. Live, Review и Draft должны отличаться по светлоте и роли, иначе таблица врёт. Если в палитре нет спокойного зелёного или янтарного, лучше оставить нейтральный чип и один акцент, чем красить статусы соседними розовыми.
Текст метрик — не декорация. Число «248» читается за счёт кегля и насыщенности, а не за счёт цветной заливки всей карточки. Закон Якоба подсказывает: дашборды узнают по привычной схеме «KPI сверху, график слева, лента справа». Ломайте её формой, не цветом. Контраст подписей осей и времени — не ниже 3:1 для крупной графики и 4.5:1 для 12 px.
- Оставьте карты белыми. График, лента и таблица сидят на светлой карте. Цвет не заливает карточку целиком.
- Красьте ряд, не каждый день новым HEX. Столбцы одного смысла — один цвет. Чередование отделяет соседние дни, а не украшает сетку.
- Разведите Live, Review и Draft по светлоте. Если статусы соседние по тону, таблица врёт. Нет спокойного зелёного — оставьте нейтральный чип.
Часто задаваемые вопросы
Должно ли число KPI быть цветным?
Нет. «248» читается кеглем. Цвет нужен дельте и подписи смысла, не заливке всей карточки метрики.
Какой контраст у подписей графика?
Крупной графике хватает около 3:1. Подписи 12 px и время в таблице держите ближе к 4.5:1.