http://euro-tl.ruSpotify — причина того, что 2-цветный веб-дизайн ежедневно становится всё более популярным. Ведь этот новыйтренд в дизайне с фотографическим эффектом быстро привлекает внимание.

Дуотон — что это такое?

 

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

Дуотон — довольно интересная в зрительном плане методика, которая реализуется элементарно. Этот эффект можно создать при помощи Фотошопа либо приложения типа Colofilter.css.

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

Заглавная фотография

Можно применить 2-цветную фотографию для основной страницы — аналогично New Deal Design, выбравшим самые смелые цвета и комичные образы. Не стоит бояться выйти со своей зоны комфорта — нужно использовать несочетаемые между собой цвета. Основное условие — создание контрастного изображения, которое привлекало бы внимание пользователей.

Как достичь наибольшего возможного эффекта:

  • Выбрать 2 контрастных цвета. Желательно, чтобы это были брендовые цвета.
  • Взять фотографии с такими объектами, на которых возможно сфокусироваться. Для этого мало подходят пейзажи.
  • Использовать изображения только высокого качества. Размытые низкокачественные фото не подойдут.
  • Создать контраст.
  • Определить, где будут кнопки и текст.
  • Выбрать цвета, отображающие настроение фото.
  • Добавить параллакс-эффект либо цветную рамку.

2-цветные изображения - один из трендов современного дизайна

 

Простая палитра цветов

Дуотон не всегда является сложным методом. Яркие примеры часто элементарны.

Assurity Life Insurance применяют 2 оттенка красного цвета и обычный шрифт. По скроллу возникает также несколько дополнительных полутонов. Красный цвет позволяет привлечь внимание.

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

2-цветные изображения - один из трендов современного дизайна

 

 

Высокая читабельность

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

2-цветные изображения - один из трендов современного дизайна

 

Акцент

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

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

2-цветные изображения - один из трендов современного дизайна

 

Фон

Является оптимальным способом применения фирменных цветов. Дуотон позволяет сделать веб-ресурс более современным, не прибегая к радикальным изменениям.

Join Radio применяет для фона едва заметный градиент. Имеет место гармония цветов с интерфейсом пользователя. Благодаря простоте анимации и переходу от светлого к тёмному возникает желание скроллить страницу.

 

2-цветные изображения - один из трендов современного дизайна

 

Дуотон позволяет поэкспериментировать, сочетать несочетаемые цвета. Результат всегда имеет превосходный вид и весьма эффективен.

Вывод

Оригинальность — это не всегда сложность. Тем более сейчас, во времена доминирования минимализма. Потому возьмите фотошоп (либо даже мобильное приложение) и создайте стильный дизайн.

По материалам: www.webdesguru.com

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *