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

С чего все начиналось?

Первый сайт появился еще в 1991 году. Это была веб-страница без изображений, созданная по стандарту HTML. Последующие версии HTML позволяли улучшить внешний вид, но о дизайне тут нечего сказать. Революционное появление Flashанимации позволило сделать виртуальную графику интерактивной, что перевернуло веб-дизайн с ног на голову. В начале 2000-х появилась технология CSS, позволяющая разделять контент и дизайн как отдельные составляющие. Сайт наполняют гифками, фотографиями, визуально выделенными ссылками, появилась возможность выбирать цвет и размер шрифта.

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

Появление первых соцсетей датируется 2003–2005 годами. Именно тогда развивается технология Web 2.0, появляются мультимедийные форматы и дизайн в стиле глянцевого пластика.

Эра Flash завершается с выходом HTML5. Благодаря ему теперь можно размещать динамичные видео и другой мультимедийный контент, не перегружая при этом сам сайт. Работа над стандартом HTML5 продолжается и до сих пор.

В 2010 году появляется тенденция к минимализму, простоте и плоскости веб-дизайна. Первой такой стиль применила компания Apple. Их сайт, появившийся в 1996 году, всегда был первооткрывателем и задавал тренды. С 1998 года структура сайта почти не менялась, а акценты делались на продажах конкретных продуктов.

Неудивительно, что тренд на минимализм в 2010 году поддержали и Microsoft, кардинально поменяв свой интерфейс. В моду входят «плоские» цвета и простые элементы. Это быстро подхватили все, началась эра минимализма, и не только в веб-дизайне.

От минимализма к экстремальному минимализму

До 2020 года тренд на минимализм трансформировался и изменялся. Сейчас снова в моде «плоский» дизайн, но появляются hero-images (масштабные изображения или фото), анимация и дерзкие контрастные цвета. Главный акцент веб-дизайна смещается. Тенденции взяли вектор мобильной адаптивности, другими словами, mobile first. Именно версия сайта для мобильных приложений сейчас становится основной.

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

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

Трендом стала также темная тема сайтов, приложений и интерфейсов. Ее уже используют для своих продуктов Instagram, Apple, Android, Telegram. Выглядит минималистично, стильно и современно. Именно благодаря этой теме яркие и светлые цвета проявляются по-новому, а различные элементы дизайна, почти незаметные в светлой теме, становятся ключевыми. Достоинство темной темы не только в дизайне, она уменьшает нагрузку на глаза, когда устройство используют в темное время, экономит заряд аккумулятора для OLED- и AMOLED-экранов.

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

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

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

Автор: Лилия Галка

Перевод с украинского: Мила Кац