Color Contrast
Color Contrast у графічному дизайні — це співвідношення між кольорами за яскравістю, насиченістю й відтінком, яке робить елементи візуально відмінними один від одного. Воно визначає, наскільки добре текст, іконки, кнопки та фони читаються й розпізнаються в композиції. Англійська назва — color contrast.
Як працює контраст кольорів
Контраст виникає не лише через «світлий» і «темний». На сприйняття впливають температура кольору, взаємне сусідство, розмір форми та кількість візуального шуму навколо неї. Два кольори можуть здаватися різко різними в ізоляції, але втрачати виразність у макеті, якщо поруч є ще яскравіші акценти.
У практиці дизайну контраст використовують, щоб спрямувати погляд, створити ієрархію та відокремити функціональні елементи від декоративних. Саме тому інтерфейсна кнопка, заголовок або попередження зазвичай мають помітніший колірний розрив із фоном, ніж другорядний текст.
Основні різновиди
- Світлотний — різниця в яскравості; найпомітніший для читабельності.
- Хроматичний — протиставлення за відтінком, наприклад синього й помаранчевого.
- Насиченісний — зіставлення чистих і приглушених кольорів.
- Тепло-холодний — поєднання теплих і холодних тонів для посилення глибини.
Де він особливо потрібен
Найчутливіше до контрасту поводяться текстові блоки, навігація, форми, бейджі стану та інфографіка. У плакатах і брендингу контраст допомагає створити фокус і зробити повідомлення помітним здалеку. В інтерфейсах він ще й зменшує ризик помилок: користувач швидше розрізняє активні й неактивні стани, підказки та попередження.
Типові помилки
- світлий текст на занадто світлому фоні;
- кілька яскравих акцентів, що конкурують між собою;
- спирання лише на колір без додаткових відмінностей форми або розміру;
- ігнорування того, як палітра виглядає на екранах із різними налаштуваннями.
Добре підібраний color contrast не робить макет «гучним» автоматично; він лише дає кожному елементу потрібну міру виразності й дозволяє композиції працювати без напруження для зору.
