Web design trends 2020: The 8 Biggest Web Design Trends of 2020

Разное 

Содержание

6 основных трендов веб-дизайна на 2020 год | Креативный блок

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

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

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

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

01. Сложные микровзаимодействия0002 Микровзаимодействия существуют уже много лет, особенно в социальных сетях; например, красное сердце, которое появляется, когда лайкается пост в Instagram. Но по мере того, как объем внимания продолжает сокращаться, Ли Пойнтер, глобальный руководитель отдела дизайна в Crowd, считает, что в 2020 году они станут более важными. «Микровзаимодействия и микроанимации будут становиться все более изощренными, пока не станут частью интерактивность каждого», — прогнозирует он. «Это способ указать, получить обратную связь и обеспечить доверие».

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

02. Более высокие изображения

Mountainguides.is, веб-сайт о приключенческих путешествиях по Исландии, широко использует портретные, а не пейзажные изображения (Изображение предоставлено Icelandic Mountain Guides)

«В этом году я заметил реальный рост использования портретных изображений на рабочем столе, — говорит Джейк Янг, старший цифровой дизайнер Mad River. «Это будет становиться все более распространенным, поскольку все больше и больше людей просматривают контент на своих телефонах».

И эта тенденция больше, чем случай с ленивыми дизайнерами, ориентированными на мобильные устройства, с масштабированием портретных изображений до настольных компьютеров, добавляет он; и не ограничивается обычным соотношением 4:5. «Мы все чаще видим все более и более высокие обрезанные изображения на настольных компьютерах… и они прекрасны. Это рассмотрение изображения приводит к более высоким, но продуманным дизайнам, будь то карусель или открытка».

Instagram был одним из нескольких крупных сайтов, представивших темный режим в 2019 году (Изображение предоставлено Instagram). «Мы видели, как повсюду обсуждаются плюсы и минусы, особенно вопрос о том, приносится ли «дизайн» в жертву науке. Я ожидаю, что обсуждение продолжится в 2020 году».

Консуэла Ониги, UX-дизайнер в Illustrate Digital, считает эту тенденцию положительной. «Темный режим — хороший вариант для более приятного UX, так как он выделяет контент и приятнее для глаз», — утверждает она. «Я не удивлюсь, если большинство дизайнеров начнут переходить на темный режим в новом году».

Конечно, эта концепция не нова. «Однако в 2019 году мы видели, как такие бренды, как Pinterest, Slack и Instagram, сделали это популярным, а Facebook и Whatsapp должны быть запущены в ближайшее время», — отмечает Ли Ходди, креативный партнер Conran Design Group. И он горячо одобряет.

«Помимо более функциональных преимуществ, которые предлагает темный режим, таких как увеличение времени автономной работы и настройки при слабом освещении, с эстетической точки зрения он создает впечатление действительно безрамочного дизайна без вырезов, что большинство производителей смартфонов требуют с точки зрения дизайна продукта», — утверждает Ходди. «Будет интересно посмотреть, как дизайнеры продвигают темный режим в 2020 году».

  • Как включить темный режим Instagram

04. Складная сеть

Дизайнерам необходимо учитывать складные устройства, такие как Samsung Galaxy Fold 5G, в будущем (Изображение предоставлено Samsung)

Многие важные тенденции в Интернете Дизайн был обусловлен появлением новых устройств, особенно в начале 2010-х годов, когда появился iPad. И, возможно, на заре 2020-х годов мы увидим аналогичный сдвиг в ответ на появление новых складных устройств, таких как Samsung Galaxy Fold 5G.

«Появление складной паутины будет означать, что все больше и больше дизайнов будут распознавать складные телефоны и планшеты и предоставлять уникальные возможности», — предсказывает Адам Иннес, старший разработчик программного обеспечения на 50 000 футов. самые уникальные и инновационные проекты становятся вирусными, пока концепция свежа».

05. Типографское разнообразие

Прекрасная реализация трехмерного анимированного шрифта на веб-сайте &Walsh (Изображение предоставлено &Walsh)

Будет ли в 2020 году больше типографских экспериментов в Интернете? «Жирные строчные шрифты без засечек используются уже много лет, и в результате многие веб-сайты стали выглядеть немного одинаково», — говорит Джеймс Вуд, соучредитель и креативный директор ShopTalk. «Но мы видим семена перемен, и они наберут обороты в 2020 году. Рукописный шрифт, ретро-шрифты и анимационные шрифты возвращаются.

«Мы также видим комбинации — вещи, которые выглядят так, как будто они не должны быть вместе, но каким-то образом работают», — продолжает он. ««Несовершенства» могут добавить реальную индивидуальность. Также обратите внимание на большое количество иммерсивных 3D-элементов. Вращающийся трехмерный металлический амперсанд Уолша — отличный тому пример».

06. Минимализм идет дальше

Даже на Рождество Apple.com делает вещи гладкими и минималистичными (Изображение предоставлено Apple)

«Одна тенденция, которую мы наблюдаем все больше и больше в 2019 году— это простой и минималистичный дизайн веб-страницы», — говорит Стив Шарп, директор Fat Cow Media. «Следуя по стопам Apple в этом мире, компании ищут простые шаблоны, чтобы передать сообщение своего бренда и продемонстрировать свои продукты и услуги в ясным и лаконичным способом». И он является решительным сторонником этого подхода. «Он чистый, современный и свежий, и делает пользовательский опыт еще лучше. Я рад видеть, что эта конкретная тенденция получает более широкое распространение в 2020 году».

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

«Мы привыкнем к интерфейсам с очень низким или нулевым сопротивлением, когда речь идет о таких вещах, как регистрация и платежи», — сказал он. предсказывает. «Регистрация в одно касание и мгновенные платежи станут нормой, а ввод номеров кредитных карт и паролей станет казаться архаичным». Мы с нетерпением ждем этого!

(Изображение предоставлено Future / Toa Heftiba, Unsplash)

Присоединяйтесь к нам в апреле 2020 года вместе с нашими суперзвездами JavaScript на GenerateJS — конференции, которая поможет вам улучшить JavaScript. Забронируйте сейчас по адресу 

generateconf.com  

Подробнее:

  • Основные тенденции портфолио на 2020 год
  • Основные тенденции в иллюстрациях на 2020 год
  • Мастер минимализма в веб-дизайне

Спасибо, что прочитали 5 статей в этом месяце* Присоединяйтесь, чтобы получить неограниченный доступ

Наслаждайтесь своим первым месяцем всего за 1 фунт стерлингов / 1 доллар США / 1 евро

У вас уже есть учетная запись? Войдите здесь

*Читайте 5 бесплатных статей в месяц без подписки

Присоединяйтесь и получите неограниченный доступ

Попробуйте первый месяц всего за 1 фунт стерлингов / 1 доллар США / 1 евро

У вас уже есть аккаунт? Войдите здесь

Ежедневные новости дизайна, обзоры, практические советы и многое другое, выбранное редакторами.

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

Том Мэй — отмеченный наградами журналист и редактор, специализирующийся на дизайне, фотографии и технологиях. Автор бестселлера Amazon # 1 Great TED Talks: Creativity, опубликованного Pavilion Books, Том ранее был редактором журнала Professional Photography, помощником редактора Creative Bloq и заместителем редактора сетевого журнала. Сегодня он является постоянным автором Creative Bloq и дочерних сайтов Digital Camera World, T3.com и Tech Radar. Он также пишет для Creative Boom и работает над проектами по контент-маркетингу.

10 главных тенденций веб-дизайна в 2020 году для веб-сайтов для бизнеса

Перейти к содержимому

Предыдущая Следующая

10 главных тенденций веб-дизайна в 2020 году 5 мин. Чтение мы начинаем — не чувствуйте необходимости прыгать в тренды только ради того, чтобы не отставать. Всегда в первую очередь думайте о своей целевой аудитории (создавайте и следуйте профессиональной стратегии веб-дизайна), а также о том, что добавит ценности и улучшит общий пользовательский опыт. Если ваша аудитория из отрасли или ниши, которая медленнее реагирует на изменения, сначала подумайте об их ожиданиях. Примерами таких аудиторий могут быть медицинские работники, представители автомобильной отрасли, руководители высшего звена или специалисты по недвижимости. При этом даже самые традиционные сегменты аудитории в конечном итоге примут новые тенденции, просто им может потребоваться некоторое время.

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

Хотите сравнить эти тенденции веб-дизайна 2020 года с этим годом?
Ознакомьтесь с нашей статьей о 10 главных тенденциях веб-дизайна в 2021 году.

Топ-10 тенденций веб-дизайна 2020 года
  1. Использование ярких цветовых схем
  2. Коллажи изображений
  3. Штриховые рисунки
  4. Плавающие элементы
  5. Градиенты кнопок
  6. Видеобаннер Hero
  7. Увеличенные шрифты
  8. Анимации, запускаемые при взаимодействии
  9. Ультраминимализм
  10. Доступность веб-сайта

1. Яркие и яркие цветовые схемы

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

Экраны стали более яркими, чем когда-либо, особенно на мобильных устройствах, и более яркие цвета извлекают выгоду из этого. Отрасли, использующие эту тенденцию, больше всего связаны с технологиями B2C, искусственным интеллектом и SaaS-компаниями. Цветовые схемы, такие как пурпурный, ярко-синий и зеленый, являются одними из фаворитов.

Когда использовать?