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

Ниже, я опишу несколько техник использования резонирующих цветов:

 

Однотонная палитра

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

1-vhR-59PaFKBS3m7eX0kESw

Совет: использование одного цвета с черно-белыми акцентами — это хороший способ создать визуальный интерес на маленьком экране.

1-drhyauyG4OTUFNFqiFDHbw

Двутонная палитра

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

1-afG8j6Dp0iQlcrJHxB95hQ

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

1-qAYYunqyfceNkIjy-bDotQ

Советы:

  • Используйте двутонную палитру для создания доминирующего образа. Подберите простое, высококачественное фото с единственным, четко видным субъектом.

1-xCIDDDa0X3CC7iZHODnxyQ

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

 

Наложение

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

1-PcwzXeiIVvzwsaWipRT91A

Рассмотрите возможность применения наложения для карточных элементов, видео контента или для выделения СТА.

1-vOUCaaKQUO1E5V9xN4YdsQ

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

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

 

Заключение

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

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

Перевод статьи Ника Бабича