Яркие цвета в дизайне сайтов

Автор: Nick Babich    Источник: uxplanet.org
23.01.2017
842
0
img

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

Ниже несколько советов по использованию ярких цветов в веб дизайне:

Монотонность

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

Совет: Используйте один цвет с черными и белыми акцентами, это создаст визуально интересную картинку на маленьком экране.

Дуплекс

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

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

Советы:

  • Используйте дуплекс, чтобы создать доминантное изображение. Выберете простое, качественное фото с одним, четким объектом. Фотографии с множеством деталей могут быть неразборчивы.
  • Подберите цвета, которые будут отражать настроение фото. Не забывайте, что разные цвета вызывают разные эмоции.
  • Если вы создаете дизайн сайта и хотите использовать дуплекс эффект, вы можете сделать это, не меняя существующую картинку. Просто используйте Colofilter.css, чтобы создать этот эффект с помощью CSS.

Перекрытие

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

Рассмотрите возможность использовать перекрытие для элементов в карточном стиле, для видео контента или для акцентов, призывающих к действию.

Совет: Используя перекрытие, думайте о насыщенности и прозрачности цвета:

  • Сложная цветовая комбинация (насыщенная и не очень прозрачная) больше фокусирует внимание на самом цвете, чем на изображении за ним.
  • Легкая цветовая комбинация больше выделяет изображение.

Вывод

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

Нет не правильных цветов. Важнее то, как вы их используете.

ПОХОЖИЕ СТАТЬИ: