Подпишись
и получи бесплатно:

Готовые шаблоны

Устал от однотипного дизайна. Большая подборка готовых шаблонов поможет тебе

Подборки для вдохновения

Не знаешь что рисовать? Наша подборка выбранная по цветам и темам поможет тебе

Иконки и векторные элементы

Громадное количество иконок и графики для твоего дизайна

Плагины для дизайнера

Крутые плагины для дизайнерских программ

Спасибо, Вы успешно подписаны!

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

Лекции
13.02.2019
76

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Вывод

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

Читать также
Хочешь получать лучшие
статьи от WebDes Guru ?

Подпишись на рассылку

Спасибо, Вы успешно подписаны!