Какие цвета не использовать в веб-дизайне?
Какие цвета не использовать в веб-дизайне?
10 апреля 2016

В этой статье мы расскажем, каких цветов вы не должны использовать в ваших проектах.

Ранее мы писали о том, как подобрать цвета для сайта. Теперь же поговорим о том, какие цвета и их комбинации вообще не стоит использовать в веб-дизайне.

Веб предлагает всевозможные варианты выбора цвета. Это отличный инструмент для захвата внимания пользователей, который обеспечивает визуальный интерес и влияние на поведение. С помощью цвета не только создается необходимый контраст для удобства чтения, но и расставляются акценты на дизайне. Цвет также является центром многих дизайнерских трендов, включая Flat и Matherial desigh.

Но можно ли ошибиться с выбором цвета? Или испортить всё впечатление странной их комбинацией? В статье мы приведём цвета и их комбинации, которых вам следует избегать при разработке сайтов и приложений. Если ошибка уже допущена, то далее вы найдёте способы её устранения.

Неоновые цвета

Неоновые цвета могут довольно нестандартными и яркими и добавить дизайну необходимых в некоторых случаях качеств. Но такие цвета очень сложны для восприятия. Прибегая в дизайне к таким решениям, знайте, что долго смотреть на такое произведение никто не сможет - попросту будут болеть глаза.

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

Решение: уменьшите яркость цветов чтобы они получились более тёмными и лучше выглядели на экране. 

«Vibrance» цвета

Когда в паре используются высоко насыщенные цвета, они создают эффект вибрации. Кажется, что цвета будто вибрируют друг на друге. Это нам тоже не нужно, мы же не в 2002-м. Использовать такой эффект - значит вызвать подсознательное чувство тревоги у ваших пользователей. Сначала вся эта вакханалия и может показаться привлекательной, но через некоторое время глаза устанут и захочется уйти. Единственное для чего такие цвета подходят, так это для кричащего привлечения внимания. Вы наверняка можете вспомнить несколько роликов, в которых видели такой приём. Но демонстрируется такое сочетание буквально несколько секунд, чтобы привлечь внимание, но и в то же время не раздражать пользователя чрезмерно.

Решение: если вам всё же нужно использовать такой адский контраст, рекомендуем разделять их чем-то нейтральным по середине.

Светлое на светлом

Это одна из самых наиболее распространенных ошибок. Это допускается по разным причинам, начиная от неправильно настроенного монитора, до недостатка практики. Но использование светлых элементов на светлом фоне практически всегда нечитабельно.

 

Решение: используйте новое фоновое изображение или цветную рамку для текста поверх изображения, если заказчик не хочет его изменять. Такое подчеркивание создаст контраст между фоном и элементом.

Все цвета радуги

Уже давно понятно, что радужные темы не работают. В них вы нарушаете почти все правила теории выбора цвета для дизайна. Такой фон на некоторое время захватывает внимание пользователя, но в скором времени он ему просто надоедает. Нет, конечно, если у вас сайт, посвящённый ретро-играм из 90-х, то сам Бог велел вам выполнить ваш дизайн в таком стиле. В остальных случаях избегайте дажё намёка на такие решения и отмахивайтесь крестом и ладаном от клиентов, требующих от вас подобный треш.

Решение: если уж вы решили уместить множество цветов в одном дизайне, то попробуйте сделать это на основе блоков или карточек, где цвета могут ассоциироваться с определёнными функциями и элементами интерфейса. Это позволит повысить гибкость цвета, создаст ощущение организации и движения.

Яркое на ярком, тёмное на тёмном

Ещё один совершенно провальный приём, которым можно серьёзно усложнить жизнь пользователям вашего дизайна.

Как и "светлое на светлом", эта ошибка часто случается из-за недостатка опыта либо ошибочного представления о том, что на всех мониторах одинаковая цветопередача.

Решение: Продумайте контрасты. Если нужно использовать несколько тёмных или светлых цветов, разграничьте их в разных местах на разных экранах прокрутки.

"K" Black

Не используйте чисто черный цвет. Придайте ему реальности. Даже перья у вороны имеют оттенок фиолетового или голубого. В качестве фона всегда используйте комбинацию черного с другими цветами.

Запомните, что чисто черный цвет используется исключительно для печати. Его использование в дизайне - это не очень хорошая практика.

Решение: используйте такой цвет по минимуму и разбавляйте акцентами другого цвета.

Получи доступ к мастер-классам топовых спикеров и базе полезных материалов


Читайте также
Как создать визуальные эффекты, призывающие к действию
Как создать визуальные эффекты, призывающие к действию

Как сделать ваши Call-to-Action элементы более эффективными.

27.06 0
5 UX трендов, которые вы увидите в 2016 году
5 UX трендов, которые вы увидите в 2016 году

Какие тренды только зарождаются в UX? Читайте об этом и о будущем UX в данном материале.

27.06 0
Как улучшить навигацию и подготовиться к эре мобильного интернета?
Как улучшить навигацию и подготовиться к эре мобильного интернета?

В этой статье речь пойдёт о небольших советах касательного того, как оптимизировать мобильную навигацию.

22.06 0
8 худших UX ошибок и как их не делать - Комментарии экспертов
8 худших UX ошибок и как их не делать - Комментарии экспертов

Специалисты в UX делятся своим взглядом на то, какие самые большие ошибки все ещё допускают в дизайне интерфейсов.

28.05 0
Комментарии

×
Подписка на новости Skillsup

Заполните поля, чтобы получать новости о дизайне от Skillsup,
обещаем не тревожить чаще 2-х раз в неделю.
Если передумаете — во всех письмах будет ссылка на отписку.