Веб-дизайн 0 Комментариев ,

Duotone (Дуплекс) – свежий тренд в веб-дизайне.

Duotone (Дуплекс) – вариант воспроизведения изображения, когда кроме 2 основных цветов присутствуют их полутона. Благодаря этому можно сочетать цвета, которые в чистом виде не сочетаются. Красный, желтый, зеленый и т.д. На эти цвета падает ежедневный выбор дизайнеров. Но данный тренд в последние несколько месяцев наглядно демонстрирует возможности использования сочетаний самых разных цветов. Благодаря использованию многочисленных оттенков от фиолетового до зеленого создается невероятный эффект.

Если вам нужен быстрый эффект, вы можете воспользоваться следующими инструментами:

  • jQuery Duotone;
  • Duotone Colorschemes;
  • Colofilter.

Давайте рассмотрим несколько примеров великолепного воплощения данной техники:

Adidas Football

2-Adidas-Football

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

Mirage Festival

3-Mirage-Festival

Данный пример имеет немного странный вид, ведь цвета, которые здесь используются (красный и синий) по всем законам сочетаться не могут. Но благодаря эффекту двойного тона (duotone) и использованию текста белого цвета, данная страница определенного притягивает внимание.

MailChimp

9-mailchimp

Взгляните на прекрасный переход цвета данной страницы. От горячего красного к холодному синему, который мягко ведет посетителей сверху вниз.

jonkopingssodra

1-jonkopingssodra

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

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

Вот небольшое видео о том, как создавать данный эффект



Подпишитесь на обновления блога!

Будьте всегда в курсе новостей

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