Красный против розового? Вот что нужно знать про комплементарные цвета
Комплементарные цвета — это не «красиво/некрасиво», а управляемый инструмент: они дают максимальный контраст, быстро выделяют важные элементы интерфейса и при этом легко превращаются в визуальный шум, если забыть про контекст и доступность
В UX-дизайне цвет работает как навигация: подсказывает, где нажимать, что важно, а что фон. это все применимо и к кино, фото и другим сферам. Комплементарные пары — цвета, стоящие напротив друг друга на цветовом круге (классика: синий–оранжевый, красный–зеленый, желтый–фиолетовый) — особенно любимы в интерфейсах приложений из-за их «мгновенной заметности».
Но заметность сама по себе не равна качеству: контраст нужно дозировать, учитывать культурные смыслы и проверять читаемость, иначе пользователь просто устанет.
Как сочетать цвета и держать контраст под контролем
Секрет комплементарных пар в том, что они создают высокий контраст: один цвет визуально «выталкивает» другой вперед. Например, в интерфейсе приложений это удобно: кнопка действия, ссылка, бейдж или предупреждение сразу отделяются от фона и быстрее считываются.
При этом комплементарность — не про «два цвета поровну». Обычно один цвет становится базой (фон, большие поверхности), а второй — акцентом (CTA, подсветка статуса, важные метки).
Если попытаться сделать оба цвета одинаково громкими, получится раздражающая конкуренция: взгляд прыгает, и пользователь теряет смысловую опору.