Тренды

8 популярных трендов-2020 в UI Design на Dribbble

Автор Freelance.Today

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

 

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

Neumorphism

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

 

Нейморфный дизайн плеера Филипа Легерского

3D hero-image

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

Дизайн веб-страницы с милой и запоминающейся иллюстрацией от Tran Mau Tri Tam

 



Привлекательный и игривый 3D-арт Майка Креатив Минц

Монохромные палитры

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

 

Элегантная однотонная концепция веб-дизайна от Samuel Octavianus

 

Дизайн веб-страницы в черно-белой палитре от Achraf Elkaami 

Типографское разнообразие

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

 

Веб дизайн от Tran Mau Tri Tam

Наложение анимации прокрутки

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

Иллюстрации мобильного интерфейса

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

 
На этих мобильных экранах, созданных дизайнером Icons8 Денисом Даниловым,представлены иллюстративныесхемы в стиле Coleиз векторной библиотеки Ouch.
 

Аппетитные иллюстрации интерфейса для категорий продуктов питания в дизайне мобильных приложений Анастасии

Интерактивные страницы

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

Ассиметричные сетки

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

Концепция веб-дизайна с использованием сетки экспериментов для страницы статьи Жени Рынжук.

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

Источник 

 

 

 
  • 1299