3 основные тенденции в дизайне, август 2022

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

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

1. Down Scroll Arrows​

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

Эта крошечная подсказка говорит пользователям о том, что нужно продолжать прокручивать дизайн. Это сильная интерактивная подсказка, которая сигнализирует о том, что нужно делать дальше.

Замечательно то, что команды начинают проектировать эту крошечную стрелку так, чтобы она соответствовала стилю и индивидуальности остальной части сайта. (В мире существует множество таких стрелок, которые выглядят и ощущаются как послесловие).

Вот как это делается на каждом из этих трех сайтов:

Médecins Du Monde использует традиционную стрелку вниз в нижней части области героя главной страницы. Ее легко заметить благодаря круглой кнопке и стандартной стрелке внутри. Это ожидаемый прием, который легко реализовать. Они делают это хорошо благодаря изменению цвета по сравнению с остальным дизайном и адекватному размеру, чтобы ее было легко увидеть и взаимодействовать с ней.

1659948854568.png

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

1659948920437.png

Blue Lagoon переместила стрелку прокрутки из центра экрана и расположила ее вместе с читаемым контентом в левой части экрана. Такое нетрадиционное размещение привлекает внимание, потому что оно отличается от других, и эффективно, потому что сочетается с приведенной выше копией.

1659948998004.png

2. Video Options​

Эта тенденция должна продолжать развиваться, поскольку она делает видео более интерактивным, более удобным для использования и в целом улучшает веб-опыт.

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

И это выглядит фантастично.

Deventi использует наиболее традиционный подход с полноэкранным изображением, включающим кнопку click-to-play. Что делает его хорошим, так это то, что герой имеет привлекательное изображение и движение без видео. Нажав на кнопку play, вы получаете видео, которое всплывает в наложении для просмотра.

1659949144957.png

Day by Day Digital использует видео на главной странице, которое не занимает весь экран и очень похоже на взаимодействие с YouTube. Человек в видеоролике разговаривает с вами в динамике. Видеоролик небольшой, поэтому вы видите другой контент и информацию и получаете хорошее представление о дизайне сайта.

1659949440373.png

Grafisch Lyceum Utrecht размещает видео на главной странице в необычной форме в рамке, занимающей менее половины экрана. Пользователь должен нажать на кнопку, чтобы начать воспроизведение, и после этого видео расширяется до полноэкранного, более захватывающего впечатления. Отличие заключается в том, что всегда есть выход (X); пользователь может включить или выключить звук и даже изменить масштаб видео до вставной версии.

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

1659949540865.png

3. Rainbow Color​

Месяц гордости закончился, но тема радуги продолжается.

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

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

Meta Golden использует самую сильную, самую очевидную ассоциацию главной страницы с радугой - радужную реку, наложенную на пейзаж. Это ярко и весело, и добавляет дополнительный эмоциональный уровень изображению, которое в противном случае могло бы не иметь большого влияния.

1659951847089.png

Gato Negro использует радужную расцветку для "FLAVOR", чтобы на самом деле обратиться к этим ассоциациям гордости. Но эффект здесь хороший, потому что слово отличается от гордости, и хотя намерение объяснено, оно оставляет некоторый простор для интерпретации пользователем, потому что опускается ниже свитка.

1659951959993.png

Компания Evozyne использует совершенно другой подход: цвета радуги представлены в виде цветных слов в довольно плотном текстовом блоке и дизайне. (Радуга еще больше подчеркивается в логотипе.) Приятно также то, что традиционные цвета радуги слегка десатурированные для более сложного восприятия радуги. Для дополнительного элемента радуги нажмите на меню, чтобы увидеть анимированный гео-образный фон цвета радуги, который, несомненно, привлечет ваше внимание.

1659952087733.png

Заключение​

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

Все эти тенденции хороши тем, что вы можете сделать их своими собственными. В них нет определенных элементов; каждый из них - это скорее идея дизайна и стиля, которая поможет продвинуть проекты на более высокий уровень с помощью современного стиля.
 
Регистрация
28.10.2017
Сообщения
1 154
Реакции
282
Сайт
tehadm.ru
Может конечно у меня устаревшие взгляды, но такие дизайны выглядят не очень.
Допустим мне как клиенту, хочется попасть на сайт и сразу же получить нужную информацию, а не лазить и разбираться в сайте. Кстати, сейчас многие сайты сделанны именно по такому принципу: наворочено всего и не разберешься.
 
Регистрация
27.05.2019
Сообщения
482
Реакции
200
Возраст
30
Сайт
s1.horrorfilm.top
наворочено всего и не разберешься.
да, согласен)
Ну тут больше речь идет о дизайне, с творческой точки зрения) Сайт носит не столь информационный характер, сколько "лицо", престиж )
 
Регистрация
28.10.2017
Сообщения
1 154
Реакции
282
Сайт
tehadm.ru
да, согласен)
Ну тут больше речь идет о дизайне, с творческой точки зрения) Сайт носит не столь информационный характер, сколько "лицо", престиж )
Я с тобой согласн, что престижь, но согласись, когда неразбериха полная, тоже не хорошо...
 
Регистрация
27.05.2019
Сообщения
482
Реакции
200
Возраст
30
Сайт
s1.horrorfilm.top
когда неразбериха полная
Возможно, у тебя складывается такое впечатление потому, что он на английском языке, забугорный, простыми словами) Вот тебе и кажется, что это "неразбериха" =)
 
Верх