На сайтах adn.agency используются cookie-файлы и другие аналогичные технологии. Если, прочитав это сообщение, вы остаетесь на нашем сайте, это означает, что вы не возражаете против использования этих технологий.

Хорошо

Тренды веб-дизайна. А они вообще меняются?

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

Давайте начнем с плоского дизайна. Переход от реализма к флэту, конечно, начался раньше 2014. Еще в конце 2011 Microsoft и Twitter огорошили всех карточным дизайном, негативным пространством и ставкой на шрифты.

С тех пор начали появляться осторожные прогнозы про минимализм, дизайнерскую типографику и все те же карточки, которые никак не умрут до сих пор — и карточки, и прогнозы. И если в 2013 скевоморфизм еще подавал признаки жизни, то через год пришел Google с Material Design и положил конец его мучениям.

Остались плоский и полуплоский дизайны — вместе с уже знакомыми нам трендами. В этом новом году они не изменились — встречаем старых знакомых.

Плоский (и полуплоский) дизайн

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

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

Пора констатировать, что простота и чистота одержали верх над украшательством и излишествами. Вначале на это сильно повлиял Windows 8, а затем и компания Apple отказалась от скевоморфизма в iOS7. Можно утверждать, что плоский дизайн прочно стоит на ногах.

18 главных трендов веб-дизайна в 2014 году

Интерфейс Windows 8

Прогресс интерфейса iOS, справа — iOS 7

Semi-flat

Навигация

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

Иконка-гамбургер стала стандартом в дизайне сайтов и приложений и, похоже, обосновалась здесь надолго. Сообщество UX/UI-дизайнеров встретило её не очень тепло. Кто-то говорит, что она ужасна, её нужно отовсюду убрать и заменить на простое меню или удобные вкладки. Кто-то её ненавидит, кто-то любит. Другие составляют подборки сайтов, где иконка-гамбургер задействована в чудесном минималистичном дизайне. Так может, смысл не в самой иконке, а в том, где и как она используется?

Karly Urbina о меню-гамбургере в 2014 году

В общем, сами видите — гамбургер здесь и уходить никуда не собирается.

Плитка и карточки

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

2014

2018

Карточки есть в проектах Twitter, Google Now, Passbook, Pinterest, Facebook Paper и т. д. Эти сервисы вывели карточные интерфейсы на уровень мейнстрима, но не раскрывают весь потенциал подобной организации контента.

Крис Це о карточном интерфейсе в 2014 году

Кстати, здесь можно полностью посмотреть презентацию Криса Це и понять, почему карточки — тренд на все времена.

Негативное пространство

Хотя в 2014 негативное пространство не называли трендом прямо, оно уверенно прокладывало себе дорогу к сердцам дизайнеров — сначала на Западе, а затем и у нас.

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

Марк Шенкер о негативном пространстве в 2014 году

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

Типографика

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

2014 Развитие веб-шрифтов находится на подъеме. Дизайнеры предпочитают все более крупные размеры, миксуют шрифты и сочетают их различными способами
2015 В 2015 году шрифты в интернете станут еще больше.
2016 Более высокие разрешения девайсов, быстрые Интернет и наличие доступа к новым библиотекам веб-шрифтов делают из нашего времени золотой век типографики.
2017 Начавшийся в 2016 году тренд на использование шрифтов и больших надписей в качестве ключевых элементов дизайна сайта продолжит развиваться в 2017 году.
2018 Типографика, возможно, самая важная часть в создании дизайна. В этом году типографика будет выразительной, смелой и красивой.
2019 Типографика начинает становиться все больше и смелее, что делает ее тенденцией, которую мы можем найти в прогнозах каждого года.

Прогнозы каждого года — бинго! Как это выглядит на практике? Примерно так.

2014

2015

2018

3D

Несмотря на модную «плоскость», 3D в 2014 было. Речь тут прежде всего идет о ecommerce: стильные 3D-объекты на сайтах позволяли потенциальным покупателям рассмотреть продукт со всех сторон.

3D в 2014

Ну а сейчас, с развитием VR и AR, 3D-визуализация становится доступнее и в веб-дизайне ее, соответственно, все больше. Тренд остается.

Анимация

Новая волна моушена после казалось бы ушедшего в небытие flash пришлась на 2014 год. И хотя параллакса, gifs и java-анимаций с тех пор стало меньше, тренд кочует из года в год благодаря новым инструментам.

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

Emelyn Baker про анимацию в 2014

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

В 2019 анимация логотипов снова в тренде

Яркие цвета и градиенты

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

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

ADN про тренды дизайна—2018

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

Авторские фото

О том, что использовать стоковые фото неправославно, тоже заговорили в 2014. С тех пор авторские фотографии постепенно набирали популярность, а небольшие инди-проекты «для своих» становились достоянием общественности.

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

10 трендов веб-дизайна, от которых стоит отказаться в 2014 году

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

Видео

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

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

18 главных трендов веб-дизайна в 2014 году

Сегодня в тренде видеоролики, а не просто динамичный фон. Особенно актуально это для e-commerce: наглядно, информативно, вызывает эмоции. По статистике на 2018, год 95% потребителей смотрят видео, чтобы больше узнать о продукте.

И вот

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

Новые тренды тоже появляются, чтобы остаться — как ломаные сетки в 2016. Вносят свою лепту и новые инструменты, которые делают нашу работу быстрой, удобной и менее рутинной. И то, и другое, безусловно, заслуживает внимания, просто читать одно и то же о шрифтах шестой год подряд немного утомительно. Про засечки бы написали, они всего года 3–4 как снова вошли в моду.

Наши тексты как этот мишаня — мягкие снаружи, бомба внутри. Подпишись:

С нами уже 743 человека

Спасибо за подписку!