Добро Mail.Ru и ivi запустили совместную благотворительную акцию
Previous
выбрать за меня
AliExpress запускает дискаунтер с товарами дешевле 600 рублей
Next
тренды 2018, тренды email, тренды ecommerce, тренды веб-дизайна, тренды дизайна, типографика, анимация, Storytelling, цвета, плоский дизайн, иллюстрации, AI, искусственный интеллект, мобильные интерфейсы
Юзабилити

12 горячих трендов веб-дизайна 2018

Автор: Ия Пфанштиль05.02.2018

Пожалуй, нельзя рассказать о трендах веб-дизайна лучше, чем это сделали Том Мэй и Филлип Морис.

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

Следовать этим трендам или нет, решать вам, но знать о них должен каждый профессионал.



1. Веб-анимация

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

Бруно ла Верса, старший digital-дизайнер в Lightful, соглашается, что анимация начинает играть все более важную роль в сторителлинге и создании уникальной динамичной личности бренда.

тренды 2018, тренды email, тренды ecommerce, тренды веб-дизайна, тренды дизайна, типографика, анимация, Storytelling, цвета, плоский дизайн, иллюстрации, AI, искусственный интеллект, мобильные интерфейсы

Какой же анимации станет больше в 2018?

Один из очевидных трендов – анимированные логотипы. Но с этим видом брендинга нужно работать с осторожностью. При правильном применении с помощью логотипа можно будет передать сразу несколько посланий.

Также уверенно растет популярность GIF анимации. Несомненный плюс – ее можно добавлять куда угодно, даже в подпись в email-рассылке. Основатель Territory Projects Ли Фасиани считает, что мир уже давно готов к этому шагу.



GIF анимацию можно с успехом использовать и в соцсетях. Как она работает в Facebook вы узнаете из статьи “Гифки – новый путь к успеху в рекламе на Facebook“. 

Чем вызван такой повышенный интерес к анимации?

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

Благодаря им все больше людей начало экспериментировать с анимацией. Креативный директор агентства DARE Мирейя Лопес также отмечает, что эти инструменты позволили стереть границы между дизайном и разработкой.

тренды 2018, тренды email, тренды ecommerce, тренды веб-дизайна, тренды дизайна, типографика, анимация, Storytelling, цвета, плоский дизайн, иллюстрации, AI, искусственный интеллект, мобильные интерфейсы

Еще одна причина – современные браузеры начали поддерживать 60fps даже в векторных форматах, например, SVG. Вот почему анимация будет одним из самых горячих трендов 2018.

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



2. Смелые цвета

Дизайнеры все чаще стали использовать яркие цвета на самых разных платформах. Например, DesignStudio предложили совершенно новую схему брендинга для сезона премьер Лиги 2016-2017.

тренды 2018, тренды email, тренды ecommerce, тренды веб-дизайна, тренды дизайна, типографика, анимация, Storytelling, цвета, плоский дизайн, иллюстрации, AI, искусственный интеллект, мобильные интерфейсы

И по мнению Джеймса Беарна, креативного директора в Kagool, этот тренд продолжит набирать обороты в 2018.

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

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

3. Изобретательная типографика

В битве за внимание пользователей типографика – мощное оружие, и по мнению Келли Морр, старшего менеджера по контент-стратегии в 99designs, дизайнеры продолжат активно использовать его в 2018.

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

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

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

Еще один важный тренд по мнению Джи Гантрипа, менеджера студии Hyped Marketing, – вырезная типографика. Эта техника подразумевает использование однотонного фона и шрифта, в котором проступает неподвижное изображение или фрагменты видео.

тренды 2018, тренды email, тренды ecommerce, тренды веб-дизайна, тренды дизайна, типографика, анимация, Storytelling, цвета, плоский дизайн, иллюстрации, AI, искусственный интеллект, мобильные интерфейсы

Увидеть его можно в видео Danbury, а также в проектах Comedie Francaise и Nurture Digital.

Хотите увидеть, на что способна типографика в сочетании с анимацией? Откройте для себя 19 потрясающих примеров кинетической типографики.

4. Data сторителлинг

Как отмечает Крейг Тэйлор, старший менеджер по визуализации данных в Ito World, в 2017 повысился интерес дизайнеров к анимированной визуализации данных и представлению ее в 3D формате. Но важно помнить не только о визуальной привлекательности, но и о полезности и удобстве изучения информации.

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

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

Ли Фасиани соглашается, что виртуальная и дополненная реальность значительно повлияют на развитие визуализации данных. Дизайнерам пора учиться работать со смешанной реальностью и всеми четырьмя измерениями. Сегодня этот тренд уже находит отражение в популярных играх и полезных приложениях, например, IKEA Place.

тренды 2018, тренды email, тренды ecommerce, тренды веб-дизайна, тренды дизайна, типографика, анимация, Storytelling, цвета, плоский дизайн, иллюстрации, AI, искусственный интеллект, мобильные интерфейсы

Эксперт по визуализации данных Майк Брондбьерг добавляет, что для новичков появилось множество новых инструментов (например, Datawrapper и Flourish), при помощи которых на основе данных можно создавать истории.

О том, как развивался data сторителлинг, вы узнаете из статьи “Эволюция журналистики данных“. 

5. Стандартизация инструментов

В 2017 практически день выходили новые инструменты и приложения от таких гигантов индустрии, как InVision, Adobe XD, Figma, Axure, Marvel и Vectr. Особенно стоит отметить Sketch 43 от Sketch, который стал настоящим открытием.

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

Выход InVision Studio может изменить ситуацию: этот инструмент станет платформой для стандартизации процессе дизайна.

тренды 2018, тренды email, тренды ecommerce, тренды веб-дизайна, тренды дизайна, типографика, анимация, Storytelling, цвета, плоский дизайн, иллюстрации, AI, искусственный интеллект, мобильные интерфейсы

6. Плоский дизайн 2.0

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

Причем современные градиенты должны быть яркими и с более мягкими переходами.

Еще совсем недавно дизайнеры отдавали предпочтение минимализму и 2D формату, но в 2018 они начнут экспериментировать с мягкими и стильными тенями.

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

тренды 2018, тренды email, тренды ecommerce, тренды веб-дизайна, тренды дизайна, типографика, анимация, Storytelling, цвета, плоский дизайн, иллюстрации, AI, искусственный интеллект, мобильные интерфейсы

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

7. Игривые иллюстрации

В 2017 на сайтах стало появляться все больше иллюстраций. И это неудивительно. Бренды хотят выделиться, а иллюстрации добавляют им индивидуальность, считает Морр.

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

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

тренды 2018, тренды email, тренды ecommerce, тренды веб-дизайна, тренды дизайна, типографика, анимация, Storytelling, цвета, плоский дизайн, иллюстрации, AI, искусственный интеллект, мобильные интерфейсы

8. Эволюция AI

Искусственный интеллект уверенно прокладывает себе путь в сфере веб-дизайна.

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

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

Давно хотите создать собственного чатбота? О том, как это сделать, читайте в статье “Пять шагов к созданию эффективных чатботов“. 

9. Ассиметричные разметки

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

Однако Беарн считает, что к этому тренду следует относится с осторожностью. В 2015 ассиметричные разметки сыграли злую шутку со многими дизайнерами.

В этом году Spotify выбрали ассиметричный дизайн для своего проекта Year in Music: получилось креативно и актуально. Но этот прием будет работать далеко не для всех сайтов.

тренды 2018, тренды email, тренды ecommerce, тренды веб-дизайна, тренды дизайна, типографика, анимация, Storytelling, цвета, плоский дизайн, иллюстрации, AI, искусственный интеллект, мобильные интерфейсы

Хорошие дизайнеры любят правила, следуют им, но они также не бояться экспериментировать с новыми формами представления контента. И этот тренд продолжит набирать популярность в 2018.

10. Мобайл на все 100%

В 2017 пользователи начали чаще выходить в сеть с мобильных устройств, чем с ПК. Важное событие. Это значит, что в 2018 и последующих годах дизайнеры будут, в первую очередь, ориентироваться на мобильную аудиторию.

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

Лопес считает, что сегодня mobile-first подход должен стать основой дизайнерских процессов. Также при использовании популярной сегодня анимации необходимо обязательно задумываться об ее уместности в мобильных интерфейсах.

11. Интерактивные email-сообщения

Сегодня одной мобильной оптимизации для электронных сообщений уже недостаточно. Но чем же удивить пользователей?

В 2017 стало появляться все больше интерактивных email-сообщений. Роб Пеллоу, руководитель отдела digital-дизайна в Adestra, считает, что пользователи настолько привыкли к мобильным приложениям и сайтам, что хотят видеть их элементы и в электронных сообщениях.

Благодаря этим изменениям любая email-кампания сможет стать независимым путешествием.

B&Q удивили своих получателей впечатляющей каруселью, в письмах Litmus можно работать с корзиной, а Rebel теперь предлагают совершить покупку через email (получатели попадают на сайт только в самом конце процесса оформления заказа).

тренды 2018, тренды email, тренды ecommerce, тренды веб-дизайна, тренды дизайна, типографика, анимация, Storytelling, цвета, плоский дизайн, иллюстрации, AI, искусственный интеллект, мобильные интерфейсы

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

12. Бум ecommerce

Владелец Dowson Design Co Кристофер Доусон считает, что все мы потребители по своей природе. Нам всегда нужно что-то покупать, и интернет дает нам такую возможность.

У Delivery Club нет ресторанов, но он может доставить любую еду прямо к вам домой. Мы только начинаем открывать для себя все возможности ecommerce.

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

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

Таким видят дизайн 2018 эксперты индустрии. Какие из этих трендов идеально впишутся в вашу стратегию?

Реакция на статью
поделюсь
6%
интересно
67%
полезно
24%
не уверен
0%
скучно
0%
где автор?
3%
Ия Пфанштиль
Стараюсь радовать читателей полезным и качественным контентом.
Комментарии
Оставить отзыв

    You must log in to post a comment