Дизайн Dmitry Kotenko
1 282

UX/UI-тренды: мобильные приложения в 2019

Коллеги по разработке мобильных приложений и дизайна, привет! Мы в InfoShell составили список трендов на 2019 год, кто что скажет? Есть, чем дополнить? Ну и желаю приятного чтения :)

В закладки

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

Минимализм

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

Минимализм применяется и в иконках, значках. В них становится меньше элементов, разных цветов. “Не перегружать” будет одним из главных правил дизайна в 2019 году.

Цвета и градиенты

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

www.behance.net/gallery/70087889/Poster-Creating-app-iOS-Interactive-UIUX-Projec

Скругленные края, изменение соотношения сторон экрана

Тренд на “безрамочность” в смартфонах породил в том числе и изменения в дизайне мобильных приложений. Скругленные края, “моноброви” придется обыгрывать, а соотношение сторон 18:9 сыграет только на руку – добавится больше полезного места.

“Воздух”, больше пространства между элементами

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

www.behance.net/gallery/71481981/2019-Design-Trends-Guide

Авторские иллюстрации и иконки

От простеньких лендингов до мобильных приложений – тренд продолжает нарастать последние пару лет. 2019 год предъявит к иллюстрациям более жесткие требования: больше уникальности, дружелюбия, интеграций с брендом. Черпать вдохновение в векторных человечках на фотостоках уже будет недостаточно.

www.behance.net/gallery/71937709/Free-Error-Illustration-Screens

Динамические линейные иконки

Помимо уникального стиля, такие иконки служат инструментом для привлечения внимания пользователя к тому или иному элемента интерфейса. Чаще всего, это услуги.

www.behance.net/gallery/71481981/2019-Design-Trends-Guide

Перекрытия

Совсем не новый, но эффективный прием придет в 2019 год ввиду своей популярности. Перекрывать друг друга могут буквы (даже разных шрифтов), элементы и цвета, изображения, иллюстрации. Благодаря этому приему дизайн становится интереснее, “просторнее”.

www.behance.net/gallery/71481981/2019-Design-Trends-Guide

Анимации

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

www.behance.net/gallery/71481981/2019-Design-Trends-Guide

Использование трендовых цветов (простите за каламбур)

Следите за цветами, которые в моде. Их можно посмотреть на сайте www.pantone.com. В этом году был моден ультрафиолет и оттенки розового. Так как цвета на 2019 год еще нет, их еще можно будет использовать.

Брендирование изображений

Здесь снова про уникальность. Всем осточертели идеальные фотографии с шаттерстока. Пользователь хочет видеть именно вас в интерфейсе и в графических материалах. Брендирование применимо не только к изображениям, но к другим элементам. Иными словами, передайте свой фирменный стиль через дизайн!

Шрифтовая контрастность

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

Итоговый тренд

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

Материал опубликован пользователем. Нажмите кнопку «Написать», чтобы поделиться мнением или рассказать о своём проекте.

Написать
{ "author_name": "Dmitry Kotenko", "author_type": "self", "tags": [], "comments": 11, "likes": 10, "favorites": 50, "is_advertisement": false, "subsite_label": "design", "id": 51812, "is_wide": false, "is_ugc": true, "date": "Mon, 26 Nov 2018 17:00:13 +0300" }
{ "id": 51812, "author_id": 77560, "diff_limit": 1000, "urls": {"diff":"\/comments\/51812\/get","add":"\/comments\/51812\/add","edit":"\/comments\/edit","remove":"\/admin\/comments\/remove","pin":"\/admin\/comments\/pin","get4edit":"\/comments\/get4edit","complain":"\/comments\/complain","load_more":"\/comments\/loading\/51812"}, "attach_limit": 2, "max_comment_text_length": 5000, "subsite_id": 199114, "possessions": [] }

11 комментариев 11 комм.

Популярные

По порядку

Написать комментарий...
3

опять сделали подборку хуеты с дрибббла?

Ответить
2

и если «шрифтовая контрастность» — это «тренд», то у меня для вас плохие новости

Ответить
0

Поэтому в начале статьи и написано, что всем дополнениям welcome. Чем это, кстати, не тренд?

Ответить
1

это не тренд, это прописная истина

Ответить
1

а есть еще что-нибудь про UX проектирование и UX исследования почитать, а то днем с огнем не сыщешь? спасибо за статью. Мы кстати когда заказывали сайт с адаптивкой под смартфоны получили фидбек от компании, которая занимается исключительно UX проектированием,
что лучше начать проектирования моб версии,а уж ее доработать под декстоп

Ответить
1

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

Ответить
1

А где тут про UX?

Ответить
1

аффтар из околодизайна, не обращайте внимания

Ответить
1

Тренды в UI/UX - минимализм.
Тренды в проектировании UI/UX-фреимворков - максимализм

Ответить
1

Очередная бесполезная статья про тренды, в следующем году измените цифры 2019 на 2020 и готово.

Ответить
0
{ "page_type": "article" }

Прямой эфир

[ { "id": 1, "label": "100%×150_Branding_desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox_method": "createAdaptive", "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "ezfl" } } }, { "id": 2, "label": "1200х400", "provider": "adfox", "adaptive": [ "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "ezfn" } } }, { "id": 3, "label": "240х200 _ТГБ_desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fizc" } } }, { "id": 4, "label": "240х200_mobile", "provider": "adfox", "adaptive": [ "phone" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "flbq" } } }, { "id": 5, "label": "300x500_desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "ezfk" } } }, { "id": 6, "label": "1180х250_Interpool_баннер над комментариями_Desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "pp": "h", "ps": "bugf", "p2": "ffyh" } } }, { "id": 7, "label": "Article Footer 100%_desktop_mobile", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fjxb" } } }, { "id": 8, "label": "Fullscreen Desktop", "provider": "adfox", "adaptive": [ "desktop", "tablet" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fjoh" } } }, { "id": 9, "label": "Fullscreen Mobile", "provider": "adfox", "adaptive": [ "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fjog" } } }, { "id": 10, "disable": true, "label": "Native Partner Desktop", "provider": "adfox", "adaptive": [ "desktop", "tablet" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "fmyb" } } }, { "id": 11, "disable": true, "label": "Native Partner Mobile", "provider": "adfox", "adaptive": [ "phone" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "fmyc" } } }, { "id": 12, "label": "Кнопка в шапке", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "p1": "bscsh", "p2": "fdhx" } } }, { "id": 13, "label": "DM InPage Video PartnerCode", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox_method": "createAdaptive", "adfox": { "ownerId": 228129, "params": { "pp": "h", "ps": "bugf", "p2": "flvn" } } }, { "id": 14, "label": "Yandex context video banner", "provider": "yandex", "yandex": { "block_id": "VI-223676-0", "render_to": "inpage_VI-223676-0-1104503429", "adfox_url": "//ads.adfox.ru/228129/getCode?pp=h&ps=bugf&p2=fpjw&puid1=&puid2=&puid3=&puid4=&puid8=&puid9=&puid10=&puid21=&puid22=&puid31=&puid32=&puid33=&fmt=1&dl={REFERER}&pr=" } }, { "id": 15, "label": "Плашка на главной", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox": { "ownerId": 228129, "params": { "p1": "byudx", "p2": "ftjf" } } }, { "id": 16, "label": "Кнопка в шапке мобайл", "provider": "adfox", "adaptive": [ "tablet", "phone" ], "adfox": { "ownerId": 228129, "params": { "p1": "byzqf", "p2": "ftwx" } } }, { "id": 17, "label": "Stratum Desktop", "provider": "adfox", "adaptive": [ "desktop" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fzvb" } } }, { "id": 18, "label": "Stratum Mobile", "provider": "adfox", "adaptive": [ "tablet", "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fzvc" } } }, { "id": 19, "label": "Тизер на главной", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "p1": "cbltd", "p2": "gazs" } } } ]
Нейронная сеть научилась читать стихи
голосом Пастернака и смотреть в окно на осень
Подписаться на push-уведомления
{ "page_type": "default" }