Цвет — это один из самых мощных инструментов в арсенале дизайнера. Он способен привлекать внимание, влиять на настроение, эмоции, восприятие, и действия пользователей. Дизайнеры используют резонирующие цвета для того, чтобы привлечь внимание пользователей к важным элементам, и сделать сам дизайн запоминающимся.
Ниже, я опишу несколько техник использования резонирующих цветов:
Однотонная палитра
Один из самых популярных способов применения резонирующих цветов — однотонная палитра. Она включает в себя единственный цвет со смесью тонов и оттенков. Такие цветовые палитры визуально стимулируют, а в паре с хорошей типографикой, однотонная палитра в состоянии создать действительно запоминающийся опыт.
Совет: использование одного цвета с черно-белыми акцентами — это хороший способ создать визуальный интерес на маленьком экране.
Двутонная палитра
Двутонная палитра — это полутоновая репродукция изображения. Техника, которая когда-то использовалась в печатной продукции, получила вторую жизнь в интернете. Двутонные изображения визуально интересны и их довольно просто создавать. Для их создания можно использовать Adobe Photoshop, и двухцветный градиент.
Двутонные эффекты хорошо работают как на десктопах, так и на небольших экранах мобильных телефонов.
Советы:
- Используйте двутонную палитру для создания доминирующего образа. Подберите простое, высококачественное фото с единственным, четко видным субъектом.
- Подберите цвета, которые отражают настроение фотографии. Помните, что разные цвета пробуждают разные эмоции.
- Вы создаете веб сайт и хотите придать своему изображению двутонный эффект? Вы можете это сделать, не изменяя существующее изображение. Просто используйте Colorfilter.css для применения эффекта в CSS режиме.
Наложение
Если вы хотите использвоать дизайн что бы сделать заявление — примените цветовое наложение. Просто покройте изображение или видео полупрозрачным цветом. Используя один из ярких и насыщенных цветов, связанных с материальным дизайном, вы сможете пробудить ощущение модернизма.
Рассмотрите возможность применения наложения для карточных элементов, видео контента или для выделения СТА.
Совет: при использовании одного цвета в качестве наложения, подумайте о насыщенности и прозрачности цвета:
- Более тяжелые комбинации цветов (меньше прозрачности и больше насыщенности) будут больше выделять сам цвет, а не изображение, находящееся за ним.
- Более легкие комбинации будут выделять изображение
Заключение
Сложно найти технику, с которой также интересно играть, как с цветом. Цветовые эффекты могут быть драматичными, впечатляющими, и даже уютными. Именно вам, дизайнеру, решать, когда и какой цветовой эффект применить. Являетесь ли вы поклонником ярких, смелых оттенков, или предпочитаете более минималистский черно-белый, вы должны помнить:
Не существует неправильных цветов. Главное — знать, как их использовать.
Перевод статьи Ника Бабича