Почему следует избегать «вибрирующих» цветов

Жирный или яркий?

Среди дизайнеров интерфейсов появляется тенденция имитировать яркие цветовые схемы, часто встречающиеся в полиграфическом дизайне. Однако важно отметить различия между разными видами дизайна, из-за которых «вибрирующий» цвет будет более допустимым в печати и менее – в веб-дизайне.

Пример вибрирующих цветов

 

Что такое цветовая вибрация?

Один из основных феноменов, возникший из смелых и насыщенных цветовых схем – цвет, который на вид вибрирует. Это когда края двух смежных цветов сливаются, размываются и подсвечиваются, что создает иллюзию движения.

Известный теоретик цвета Джозеф Альберс высказывался против использования «вибрирующих» цветов в своей книге «Взаимодействие цвета»:

«Этот изначально интересный эффект в то же время выглядит агрессивным и часто даже некомфортный для глаз. Его мало где можно использовать, разве что для кричащего эффекта в рекламе. В результате она неприятная, и ее хочется избегать».

Заметно вибрировать цвета начинают, когда у них высокая насыщенность и они дополнительные относительно друг друга. Такие цвета находятся на противоположных сторонах цветового круга.

 

Разборчивость

Читабельность текста интерфейса заметно снижается, если он окрашен в одинаково яркие, «вибрирующие» цвета. Как, например, в такие:

Картинка с разборчивым текстом

При цветовой вибрации искажение сильнее всего проявляется на стыке двух цветов. Именно поэтому вибрация особенно неуместна в дизайне шрифтов интерфейса, небольших значков и других похожих элементов. Они недостаточно велики, чтобы компенсировать их размытые вибрирующие края.

Минус «вибрирующих» и размытых цветов не только в том, что они раздражают. Из-за одинаковой яркости цветов люди с дальтонизмом могут вообще ничего не увидеть. Конечно, существуют разные виды цветовой слепоты. Но лучше всего выбрать безопасный вариант, когда речь идет о доступности восприятия.

Так, например, значок корзины на Apple Watch не виден людям с дальтонизмом:

Цветовое зрение (слева) и цветовая слепота (справа)

Цветовое зрение (слева) и цветовая слепота (справа)

 

Вывод

«Вибрирующие» цвета можно использовать для эффектности. Однако они создают большие неудобства для пользователей, если применяются в интерфейсах, и могут быть тяжелыми для восприятия. Помните об этом во время создания дизайна!

Обсуждение закрыто.