Тенденции веб-дизайна постоянно меняются, и 2020 год не является исключением.


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

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

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

Все это означает, что 2020 год – год крайностей дизайна. Дни единого подхода к веб-штурму (помните плоский дизайн в 2012 году?) Прошли. Осталось гораздо больше нюансов и гораздо интереснее.

Давайте посмотрим на основные тенденции дизайна 2020 года.

Эстетические тенденции веб-дизайна 2020

1. Черный вернулся

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

Но долгосрочное влияние темного режима может быть даже более широким. Внезапно, сайты Geocities с 1997 года больше не имеют монополии на темный фон и неоновые цвета. И дизайнеры в 2020 году пользуются.

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

Темная тема DevArt

Google-х DevArt а также Два Шимпанзе Кофе два отличных примера стиля.

2. Didone гарнитуры

Дизайнеры широко экспериментировали с типографикой 2019 года, и эта тенденция уже набирает обороты в 2020 году, превращаясь в определенный набор шрифтов, известный как Didones.

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

Принтеры популяризировали Didones в начале 1800-х годов, и эти шрифты переживают возрождение в 2020 году. Некоторые уже называется Didones «Типография следующего десятилетия», и мы склонны согласиться.

Didone логотипы

Логотипы Allswell, Vox и Winc являются яркими примерами стиля, но не только бренды, ориентированные на потребителя, но и медиа-компании входят в эту тенденцию. Многие технические стартапы, как Skillshare а также Робин, используют Didones в качестве вторичных гарнитур, чтобы привнести немного человечности в бренды, которые в 2020 году были бы немного холодными и роботизированными.

Skillshare использует Didones типографии

3. Негабаритный тип

Говоря о шрифтах, Didones – не единственная тенденция типографского дизайна в этом году..

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

Cowboy Bicycle использует большие шрифты

Дизайнеры часто сочетают эту тенденцию с яркими цветами и иллюстрациями в сочетании с самим шрифтом. Ковбойские велосипеды это фантастический пример стиля.

4. Винтажные стили

Гарнитуры – не единственные реликвии, которые возвращаются. Винтажные стили вернулись в этом году.

От психоделических красок 60-х и более теплых оттенков земли 70-х до аркадной чувствительности 80-х и гранжевых текстур 90-х, ностальгия в этом году не более чем на расстоянии нескольких кликов..

Некоторые из этих конструкций, такие как Gucci’s Игра Grip скейтбординг, явно пародии, а другие, как конструкции Десятки а также NudieJeans, относиться к себе гораздо серьезнее.

Игра Gucci по скейтбордингу

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

5. Охватывая глубину

В начале 2020 года многие бренды запустили дизайн в стиле faux-3D, в котором для создания глубины используются слои и тени..

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

Проще говоря, он не плоский. Это плоский.

Пример домашней страницы Fullstory

Текущая домашняя страница FullStory Наглядный пример стиля – каждая графика с размытыми и не размытыми тенями, несколькими слоями и сочетанием фотографий и иллюстративных элементов. Есть даже вторичный шрифт Didone-esque для хорошей меры.

6. Смелый минимализм

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

На самом деле, многие минималистичные сайты чувствуют себя еще смелее, чем когда-либо, полагаясь почти исключительно на тяжелую типографику и насыщенные цвета для создания красоты. Сайт Third & Grove Это фантастический пример с чередующимися цветными блоками с полным обзором, игривой типографикой Didone и множеством негативных пространств для передышки..

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

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

7. Футуристические темы (и цветовые схемы)

Научно-фантастический стиль, похоже, возвращается в 2020 году.

Из вдохновленных НЛО дизайнов, таких как Сайт BrightScout к графике космической колонизации на InVision Отраслевой отчет DesignBetter, дизайнеры используют пространство и научную фантастику как основу для инноваций так же, как их коллеги в 1950-х годах.

Футуристическая тема сайта Brightscout

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

8. Абстрактные иллюстрации

Абстрактные иллюстрации, часто состоящие из пастельных силуэтов, были повсюду в 2019 году. Если в начале 2020 года есть какие-либо признаки, эта тенденция будет продолжать расти.

Сайты как GitHub а также HelloSign используйте эти иллюстрации тонко, в то время как другие любят Airtable чувствовать себя властным. Мы получим это; реальные люди используют ваше абстрактное программное обеспечение.

пример домашней страницы airtable

Тем не менее, несмотря на свои достоинства, эта тенденция, похоже, никуда не денется.

9. Захватывающее 3D

Так называемые эксперты предсказывают рост трехмерных элементов на современных веб-сайтах в течение многих лет, но 2020 год может стать годом, когда это действительно происходит массово.

Shopify создает интерактивные 3d элементы

На большинстве страниц продуктов в Магазине Google используются 3D-элементы, чтобы проиллюстрировать промышленный дизайн физических продуктов Google, и даже такие SaaS-компании, как Shopify, создают интерактивные 3D-элементы, хотя полезность анимации с перетаскиваемым глобусом сомнительна..

10. Экспериментальное рассказывание историй

2020 год также может стать временем расцвета экспериментальных и интерактивных онлайн-историй..

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

пример трафика

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

Тенденции использования и дизайн продукта в 2020 году

Если все вышеперечисленное кажется слишком субъективным и артистичным, вы не одиноки.

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

Вот некоторые из основных тенденций юзабилити 2020.

1. Возвращение информационной архитектуры

Информационная архитектура, долгое время считавшаяся жутким дядей UX-дизайна, дает триумфальное возвращение в 2020 году.

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

2. Доступность становится основной

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

2020 год может стать годом, когда все изменения.

Ряд стартапов, нацеленных на то, чтобы сделать доступным мейнстрим, набирает популярность. AccessiBe а также UserWay, например, предложить платформы SaaS, которые автоматизируют многие проблемы, связанные с обеспечением доступности веб-сайтов..

Пример домашней страницы accessiBe

AccessiBe уже обслуживает длинный список известных клиентов, включая Fiverr, Hilton и BMW, а UserWay может похвастаться такими клиентами, как Disney, eBay и Coca-Cola. После целого ряда судебных процессов, инициированных потребителями, против компаний с низкими стандартами доступности в 2019 году, оба стартапа, похоже, значительно вырастут в 2020 году..

3. Прозрачность сейчас

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

В 2000-х и 2010-х компаниям принадлежали данные их клиентов. В 2020 году и далее кажется, что сценарий перевернется.

4. Файлы дизайна исчезают

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

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

пример домашней страницы figma

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

5. Тестирование, измерение и эксперименты

В то время как почти все остальное изменилось онлайн, A / B-тестирование и аналитика продукции выдержали испытание временем. 2020 не будет исключением.

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

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

Путь вперед

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

Остерегайтесь синдрома блестящего объекта.

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

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me