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

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

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

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


Нейморфный дизайн плеера

3D hero-image

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

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

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

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

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



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


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

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

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


Веб дизайн от

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

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

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

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


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

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

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

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

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

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

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

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