Есть мнение ...

7 трендов в веб-дизайне, которые задавали тон в 2016 году

7 трендов в веб-дизайне, которые задавали тон в 2016 году

И получат развитие в 2017-м.

AI, нейросети и VR – наиболее интересные и пока не проявившие себя в полной мере технологии 2016 года. Революций не случилось, но скучным год не был: визуальные тренды сменяют один другой, идёт закономерное развитие в сторону сервисного дизайна.

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

Интерфейсы ещё уходят от «картинки» в сторону «взаимодействия» – именно по этой причине моушн-дизайн по объёму доносимой до пользователя информации сегодня практически равен дизайну графическому.

Мобильный интернет вырывается вперёд, и процесс адаптации сайтов под мобильные устройства готов смениться обратным процессом.

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

Растёт популярность новых инструментов дизайна

Использовать Photoshop и другие продукты Adobe в проектировании UI – привычка дизайнеров старой школы. Но, кажется, теперь и они готовы от них отказаться.

Что сейчас

Sketch App начал победоносное шествие в 2010-м, но в России стал массовым явлением всего пару лет назад. Специализированные инструменты для веб-дизайна постепенно вытесняют традиционные.

Дорогостоящие коммерческие решения получают конкурентов в лице качественных, но менее дорогих инструментов (Affinity Designer). При этом платформенная эксклюзивность таких продуктов постепенно сходит на нет – Affinity выпустил свой продукт для Windows в ноябре 2016-го, перестав быть «только для Mac».

Чего ждать

Рынок продолжит усложняться – уже сейчас есть функциональные SaaS-решения для проектирования UI (Figma), которые почти ничем не уступают нативным приложениям.

Шаг Affinity Designer не останется незамеченным – стоит ждать и других мультиплатформенных продуктов. Сделает ли такой шаг Sketch App?

Экраны высокого разрешения задают качественно новые требования к графике: векторная графика продолжит вытеснять растровую, а векторные редакторы – привычный Photoshop.

Интерактивные прототипы

Пользователи отвыкают от статики, а дизайн сайта перестаёт быть просто «картинкой».

Что сейчас

Интерфейс сегодня – это на 70% взаимодействие и только на 30% композиция. UX-дизайнеры хотят проектировать и то и другое без помощи программистов – и такую возможность им дают сервисы наподобие UXpin или Marvel. Интерактивные презентации макетов – уже правило хорошего тона в отрасли.

Чего ждать

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

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

Интеллектуальные алгоритмы в дизайне

2016 год был годом VR и нейросетей. И эти модные технологии обязательно повлияют на проектирование интерфейсов.

Что сейчас

Пока что это влияние в сфере диджитал незначительно. Например, появление VR-устройств массово выразилось только в добавлении на сайты роликов с обзором 360 °, а нейросети спровоцировали появление развлекательных приложений вроде MSQRD и Prisma.

Чего ждать

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

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

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

Для тех, кто хочет углубиться в тему, – UX-разработчик Макс Гленистер собрал любопытные доклады и статьи по теме VR и UI на сайте своего спецпроекта.

Победа мобильного трафика

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

Что сейчас

Если в 2012 году доля мобильного трафика еле дотягивала до 30%, то сегодня он уже догнал десктопный.

Исследования Data Insight предрекают рост мобильных продаж в e-commerce – около 30-40% общего объёма к 2018 году. Этой цифры уже достигли отдельные ритейлеры – например, мобильные продажи сети «М.Видео» составили 38% ещё в 2015 году. Это только в очередной раз подтверждает прогноз.

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

Чего ждать

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

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

Адаптивность всего

Адаптивной может быть не только вёрстка, но и контент. Поведение мобильных пользователей иногда в корне отличается от поведения десктопных – например, мобильный браузер чаще используется как инструмент моментального решения проблем. Цели посещения сайта могут отличаться – значит, контент должен под это подстраиваться.

Что сейчас

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

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

Чего ждать

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

Контент тоже может быть адаптивным – например, когда размер шрифта и длина текста заголовков подстраивается под размер экрана устройства (адаптивная типографика).

Адаптивность контента – то, на что действительно стоит обратить внимание.

Ещё одна интересная тенденция, связанная с адаптивностью, –параметрические шрифты, которые имеют множество программно генерируемых промежуточных начертаний. Стандартные black, bold, semibold и прочие, вероятно, скоро будут вытеснены параметрическими шрифтами.

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

Эпоха фотостоков катится к закату, и мы наблюдаем становление нового тренда – авторского графического контента.

Что сейчас

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

Появляются специализированные банки таких фотографий:

  • – Gratisography
  • – Negative Space
  • – Stocksnap
  • – Life of Pix
  • – Death to Stock
  • – Picjumbo
  • – IM Free
  • – New Old Stock
  • – Getrefe
  • – Freestocks.org
  • – MMT

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

Чего ждать

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

Скетч-арт. Крафтовая тематика захватила бизнес-умы, а иллюстрации «от руки» завоевали современную полиграфию. И эта тенденция продолжит укореняться в вебе.

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

Ещё один вероятный поворот – изменение в подходе к фотоконтенту на сайтах e-commerce, уход от одинаковых изображений в магазинах в сторону уникальных авторских фотографий. Что любопытно, все предпосылки налицо: 63% пользователей считают, что решающим фактором покупки выступают фотографии, а магазины давно уделяют фотоконтенту максимум внимания.

Визуальный дизайн

Здесь всё как обычно – несколько новых (на самом деле старых) трендов набирают обороты.

Что сейчас

2016 год можно назвать годом неоретро – стиль проявлялся во всём: от каллиграфических логотипов до дуотона и неомемфиса. Сохраняется тяготение дизайна к минимализму. Появляются любопытные новые формы вроде «белых объектов с тенями», которые, однако, являются всего лишь модным веянием.

Тренд проникает в веб, предположительно, из сферы 3D-визуализаций – очень напоминает черновые рендеры объектов без текстур.

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

Визуальный дизайн.

Чего ждать

Сервисный (или конверсионный) дизайн остаётся главным вектором развития нашего сегмента.

Быть просто «хорошим веб-продакшеном» уже не выгодно – клиенты требуют экспертизы, аналитики, выполненных KPI. Задачи уровня «нужен новый сайт» решаются современными SaaS-конструкторами. Для старта маленького e-commerce-бизнеса больше не нужен интернет-магазин, можно начинать в Instagram. Полноценные блоги с великолепным дизайном создаются по щелчку пальцев на Tilda или Readymag.

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

Напоследок: анимация, моушен, интерактив

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

Мы видим анимированные объекты повсюду: иконки на сайтах и в приложениях, переходы между состояниями объектов в material design, синемаграфы в социальных сетях.

Даже в почтовые рассылки пробирается интерактив: они обрастают фоновыми видео, встроенным процессом оформления заказа, полноценными меню.

Банальные гифки получили новый виток развития с появлением их агрегаторов вроде Giphy. Кстати, недавно там завело аккаунт NASA, что лишний раз подтверждает популярность формата.

Отличительной чертой последнего года стал вертикальный микропараллакс – он пришёл на смену классическому параллаксу.


Сергей Попков ("Секрет фирмы")

27.12.2016

на печать


Комментарии

Александр
28.12.2016 7:58 | сообщение #1
 

Сергею Попкову - "Не говори гоп, пока не перепрыгнешь!"

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

 Проверочный код

Архив

Пн Вт Ср Чт Пт Сб Вс

Рассылка

Подписка на рассылку

E-mail:
 

Также нашу рассылку вы можете получать через

E-mail:  

на правах рекламы

Есть мнение ...

PR в 2025 году: как изменилась профессия, и кто сможет в ней работатьPR в 2025 году: как изменилась профессия, и кто сможет в ней работать
Владимир Нерюев, заместитель генерального директора коммуникационного агентства Аура поделился мнением, какие изменения произошли или произойдут в профессии PR-специалиста.
Эффективность мобильных кампаний сейчас зависит от грамотного...Эффективность мобильных кампаний сейчас зависит от грамотного...
Генеральный директор агентства мобильного маркетинга Mobisharks (входит в ГК Kokoc Group) — об эффективном мобильном маркетинге и примерах успешных стратегий.
Как банки в рекламе ищут новые смыслы и старые ценностиКак банки в рекламе ищут новые смыслы и старые ценности
За последние пару лет реклама банков изменилась. Появились новые сюжеты и герои. Реклама по-прежнему — не только инструмент продвижения услуг, но и способ формирования доверия к финансовым организациям. Главный тренд, который отмечают  эксперты,— переход от сухого перечисления выгод к эмоционально окрашенным коммуникациям.
Антитренды наружной рекламыАнтитренды наружной рекламы
Антитрендами наружной рекламы в текущем году стали прямолинейность и чрезмерная перегруженность сообщений. Наружная реклама продолжает показывать рост: число рекламных конструкций за последний год увеличилось более чем на 2 тысячи.
Мария Бар-Бирюкова, Sellty: продажи на маркетплейсах не заменят...Мария Бар-Бирюкова, Sellty: продажи на маркетплейсах не заменят...
В компании Sellty спрогнозировали развитие рынка электронной коммерции в сегменте СМБ на ближайший год. По оценке основателя Sellty Марии Бар-Бирюковой, число собственных интернет-магазинов среднего, малого и микробизнеса продолжит расти и увеличится минимум на 40% до конца 2025 года. Компании будут и дальше развиваться на маркетплейсах, но станут чаще комбинировать несколько каналов продаж. 

Книги по дизайну


Сюнга. Откровенное искусство Японии / Shunga. Explicit Art of Japan

Сюнга. Откровенное искусство Японии / Shunga. Explicit Art of Japan
Сюнга. Откровенное искусство Японии / Shunga. Explicit Art of Japan. В этой книге многое впервые. Впервые на русском издается книга посвященная Японской откровенной гравюре Сюнга. Впервые в издании представлено более 700 произведений. Когда мы их отбирали из трехтысячной коллекции шли настоящие редакционно-искусствоведческие баталии. В книгу вошли самые интересные, значимые и редкие работы. Впервые проведена атрибуция некоторых гравюр и книг. Хвастаться не хорошо, но это действительно круто!   О Сюнга С момента создания этих волнующих образов прошли сотни лет, однако японская эротическая гравюра продолжает приковывать взгляды зрителей по всему миру. Можно долго спорить о том, кто впервые взялся за изображение на бумаге, в глине или мраморе сексуальных сцен. Их можно обнаружить еще на фресках древнего Рима или на античных вазах Греции. Вся Европа в эпоху Возрождения не брезговала картинками, поднимающими «тонус». Да почему только Европа? Нечто подобное было характерно и для древнего Перу. А что уж сказать об Индии, где Камасутра служит своеобразной азбукой для мужчин и женщин! Славился этим искусством и Китай. Но если спросить знатока этого жанра о наиболее эффектных образцах изобразительного искусства, то ответ будет однозначным: на этом поприще удачнее всего потрудились мастера ксилографии Японии XVII-XIX веков. Отнюдь не намекаем на сексуальную распущенность японских мастеров культуры. Дело в том, что взаимоотношения полов во всем их разнообразии в Японии всегда воспринимались как нечто естественное, причем не ограниченное сугубо семейными рамками в японской религии – синтоизме – не удастся найти ничего, что бросало бы мрачную тень на секс. Даже древние мифы, посвященные космогоническим процессам, нередко насыщены сугубо сексуальными подробностями. Возьмем, к примеру, описание процесса зарождения мира, изложенное в самом древнем письменном памятнике Японии – «Кодзики», датированным 712 годом. Результатом этого вполне невинного, с точки зрения японца, божественного инцеста и стало появление Японского архипелага, а вместе с ним и всего мира, в котором мы живем. В стране издавна существовал (и поныне сохраняется!) фаллический культ, связанный с прославлением богини плодородия. Сюнга в дословном переводе означает «весенние картинки». Почему японцы дали такое название рисункам? Вернее всего, этот термин был позаимствован у китайцев. Но в Японии он прижился. Может быть, это связано с характерным для этого народа четким ощущением смены времен года. Именно весной под теплыми солнечными лучами не только оживает природа, но и обостряются человеческие чувства, эмоции переполняют душу. Книжки-альбомы сюнга изначально считались лучшим и непременным подарком молодоженам со стороны родителей, родственников или друзей. Часть гравюр в книжке изображала весьма реалистичные ситуации, другая была более фантазийной, где любовники принимали поистине невозможные позы, доступные, пожалуй, лишь опытным акробатам. Книгами сюнга в стране увлекались все поголовно, не зависимо от материального или социального статуса, старики и молодежь, мужчины и женщины. Правительство Японии не раз пыталось лишить свой народ столь дешевого и доступного развлечения. Однако это приводило лишь к росту ухищрений участников торговых сделок. Среди книг сюнга множество шедевров таких именитых и талантливых мастеров гравюры, как Моронобу Хисикава, Хокусаи Кацусика, Иссё Миягава, Сигэнобу Янагава, Утамаро Китагава, Эйсэн Томиока. Авторы графических листов предельно откровенно, с мельчайшими анатомическими подробностями изображали моменты интимных контактов между мужчинами и женщинами, мужчинами и мужчинами, женщинами и женщинами, людьми и животными (например, осьминогами, тиграми), женщинами, мужчинами и потусторонними существами… Сюнга вполне обоснованно может считаться прародителем таких современных жанров искусства, широко распространившихся по современному миру, как анимэ и манга.

Репортажи

Дизайн под грифом "секретно"Дизайн под грифом "секретно"
На чем раньше ездили первые лица страны? Эскизы, редкие фотографии и прототипы уникальных машин.
"Наша индустрия – самодостаточна": ГПМ Радио на конференции..."Наша индустрия – самодостаточна": ГПМ Радио на конференции...
Чего не хватает радио, чтобы увеличить свою долю на рекламном рынке? Аудиопиратство: угроза или возможности для отрасли? Каковы первые результаты общероссийской кампании по продвижению индустриального радиоплеера? Эти и другие вопросы были рассмотрены на конференции «Радио в глобальной медиаконкуренции», спикерами и участниками которой стали эксперты ГПМ Радио.
Форум "Матрица рекламы" о технологиях работы в период...Форум "Матрица рекламы" о технологиях работы в период...
Деловая программа 28-й международной специализированной выставки технологий и услуг для производителей и заказчиков рекламы «Реклама-2021» открылась десятым юбилейным форумом «Матрица рекламы». Его организовали КВК «Империя» и «Экспоцентр».
В ЦДХ прошел День социальной рекламыВ ЦДХ прошел День социальной рекламы (3)
28 марта в Центральном доме художника состоялась 25-ая выставка маркетинговых коммуникаций «Дизайн и реклама NEXT». Одним из самых ярких её событий стал День социальной рекламы, который организовала Ассоциация директоров по коммуникациям и корпоративным медиа России (АКМР) совместно с АНО «Лаборатория социальной рекламы» и оргкомитетом LIME.
Форум "Матрица рекламы": к рекламе в интернете особое...Форум "Матрица рекламы": к рекламе в интернете особое... (2)
На VII Международном форуме «Матрица рекламы», прошедшем в ЦВК «Экспоцентр» в рамках международной выставки  «Реклама-2018», большой интерес у профессиональной аудитории вызвала VI Конференция «Интернет-реклама».

Форум

на правах рекламы

04.04.2025 - 12:28
RSS-каналы Advertology.RuRSS    Читать Advertology.Ru ВКонтактеВКонтакте    Читать Advertology.Ru на Twittertwitter   
Advertology.Ru - все о рекламе, маркетинге и PR
реклама

Вход | Регистрация