Введите ваш E-Mail для связи

Разработка сайта продвижение заказать ✅ SEO в подарок 🎁

  • Главная
  • Работы
  • Контакты
  • Блог
Суббота, 08 мая 2021 / Опубликовано Веб-дизайн

3 ОСНОВНЫХ ТЕНДЕНЦИИ ДИЗАЙНА, МАЙ 2021 Г.

Содержание показать
1 1. «Плоские» карты
2 2. Несколько точек входа на главную страницу
3 3. Рискованная типографика
4 Заключение
Время на прочтение: 5 минут(ы)

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

Вот что модно в дизайне в этом месяце.

1. «Плоские» карты

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

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

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

Сегодняшние трендовые карты абсолютно плоские. И красивый.

Каждый из этих веб-сайтов делает это немного по-своему.

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

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

3 ОСНОВНЫХ ТЕНДЕНЦИИ ДИЗАЙНА, МАЙ 2021 Г. 1

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

3 ОСНОВНЫХ ТЕНДЕНЦИИ ДИЗАЙНА, МАЙ 2021 Г. 2

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

3 ОСНОВНЫХ ТЕНДЕНЦИИ ДИЗАЙНА, МАЙ 2021 Г. 3

2. Несколько точек входа на главную страницу

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

Эти проекты выбрасывают эту идею из окна с несколькими точками входа и элементами щелчка.

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

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

Но этот тип схемы дизайна кажется несколько персонализированным, предоставляя пользователю больше контроля.

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

3 ОСНОВНЫХ ТЕНДЕНЦИИ ДИЗАЙНА, МАЙ 2021 Г. 4

Tasty Find использует параметры поиска, чтобы помочь пользователям начать свой путь. Что интересно, здесь есть варианты: найдите еду, которую хотите, выберите что-нибудь случайное или (мелким шрифтом) найдите еще больше вариантов. Пользователи могут выбрать один из трех вариантов, чтобы начать свое путешествие с веб-сайта.

3 ОСНОВНЫХ ТЕНДЕНЦИИ ДИЗАЙНА, МАЙ 2021 Г. 5

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

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

3 ОСНОВНЫХ ТЕНДЕНЦИИ ДИЗАЙНА, МАЙ 2021 Г. 6

3. Рискованная типографика

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

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

У How Many Plants есть дуэль с риском типографики: забавный шрифт в сочетании со странными разрывами слов. Интересно, что удобочитаемость — не такая большая проблема, как вы думаете. Вероятно, это потому, что слов не так много, и они короткие. Кроме того, образы прекрасно сочетаются.

3 ОСНОВНЫХ ТЕНДЕНЦИИ ДИЗАЙНА, МАЙ 2021 Г. 7

Вы замечаете сходство между «Сколько растений» и «Великим озером»? Типографика выполнена в том же стиле: блочные, плоские, без засечек с чередованием толстых и тонких штрихов. (Это тот же шрифт.)

Риск в дизайне типографики для The Great Lake не в отображении домашней страницы, хотя вы можете задаться вопросом, о чем этот дизайн. Он несет этот шрифт по всему дизайну. Хотя он выглядит великолепно большим и состоит всего из нескольких слов, чем больше вы его видите, тем сложнее становится. Этот тип мысленного считывания веса со временем может быть трудным для посетителей, создавая элемент риска.

3 ОСНОВНЫХ ТЕНДЕНЦИИ ДИЗАЙНА, МАЙ 2021 Г. 8

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

3 ОСНОВНЫХ ТЕНДЕНЦИИ ДИЗАЙНА, МАЙ 2021 Г. 9

Заключение

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

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

А это другие мои статьи

тенденции веб-дизайна 2021
7 основных тенденций веб-дизайна на 2021 год
Стоимость создания лендинг пейдж
Стоимость создания лендинг пейдж
Плагин для оптимизации изображений wordpress

Добавить комментарий Отменить ответ

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Категории

  • Веб-дизайн
  • СЕО
  • блог веб дизайнера
    Как создать портфолио веб дизайнера пошагово
  • Seo факторы 2020
    Продвижение и поисковая оптимизация сайтов seo
  • Сайты для вдохновения веб дизайнера 10
    Сайты для вдохновения веб дизайнера
  • Лучшие темы wordpress 2020 11
    Лучшие темы wordpress 2020
  • Тенденции в веб дизайне 2020
    Тенденции в веб дизайне 2020
  • Сайт портфолио веб дизайнера 12
    Сайт портфолио веб дизайнера
  • безопасность wordpress 2020
    Безопасность wordpress 2020
  • как получить качественные ссылки
    Как получить качественные ссылки
  • практики копирайтинга
    Практики копирайтинга
  • Способы увеличения конверсии
    Способы увеличения конверсии
  • Проверить сайт на seo ошибки
    Проверить сайт на seo ошибки
  • как добавить метатег в код главной страницы своего сайта wordpress
    Как добавить метатег в код главной страницы своего сайта wordpress
  • сайты для домашнего обучения
    Идеи для контента для блога
  • Тенденции веб-дизайна
    Тенденции веб-дизайна 2020
  • Rank Math seo пошаговая настройка 13
    Rank Math seo пошаговая настройка
  • Портфолио для поиска работы
    Портфолио для поиска работы
  • сайты для домашнего обучения
    Сайты для домашнего обучения
  • как получить качественные ссылки
    Сколько стоит создание веб-сайта
  • Seo факторы 2020
    Seo факторы 2020
  • список работ по СЕО
    Cписок работ по СЕО
  • seo оптимизация и продвижение сайта для начинающих
    Seo оптимизация и продвижение сайта для начинающих
  • Как фрилансеру оценить свою работу
    Как фрилансеру оценить свою работу
  • Тренды веб дизайна 2021
    Тренды веб дизайна 2021
  • Стоимость создания лендинг пейдж
    Стоимость создания лендинг пейдж
  • как работает сео продвижение сайта
    Как работает сео продвижение сайта
  • Сайт портфолио веб разработчика
    Сайт портфолио веб разработчика
  • как создать портфолио веб дизайнера
    Как создать портфолио веб дизайнера
  • портфолио для дизайнеров шаблоны
    Портфолио для дизайнеров шаблоны
  • Сео оптимизация сайта самостоятельно
    Сео оптимизация сайта самостоятельно
  • Сео чек лист 2020
    Сео чек лист 2021
  • правила создания веб-сайта
    Правила создания веб-сайта
  • Плагин для оптимизации изображений wordpress 14
    Плагин для оптимизации изображений wordpress
  • Веб дизайн 2021 15
    Веб дизайн 2021
  • Тренды логотипов 2021 16
    Тренды логотипов 2021
  • Тренды графического дизайна 2021 17
    Тренды графического дизайна 2021
  • основные принципы веб-дизайна
    Основные принципы веб-дизайна
  • Тренды веб-дизайна 2021
    Тренды веб-дизайна 2021
  • призывы к действию на сайтах
    Призывы к действию на сайтах
  • Процесс создания сайта по этапам 18
    Процесс создания сайта по этапам
  • Бесплатные стоковые изображения
    Бесплатные стоковые изображения. 31 ресурс.
  • 4 топовых тенденций дизайна веб-сайтов в 2021 году 19
    4 топовых тенденций дизайна веб-сайтов в 2021 году
  • 3 ОСНОВНЫХ ТЕНДЕНЦИИ ДИЗАЙНА, МАРТ 2021 Г. 20
    3 ОСНОВНЫХ ТЕНДЕНЦИИ ДИЗАЙНА, МАРТ 2021 Г.
  • 9 основных вопросов, которые нужно задать клиентам перед тем, как начать проект веб-дизайна 21
    9 основных вопросов, которые нужно задать клиентам перед тем, как начать проект веб-дизайна
  • 10 бесплатных многоцелевых тем WordPress 22
    10 бесплатных многоцелевых тем WordPress
НАВЕРХ