5 тенденций веб-дизайна WordPress на сентябрь 2023 года

Опубликовано: 2023-09-26

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

Вот пять важных тенденций, на которые следует обратить внимание в этом месяце:

1. Карикатуризация

Иногда вам нужно заявить о себе с помощью простого, интересного дизайна, превосходящего все ваши ожидания. Вот что ESPN делает здесь с репортажем о Карлосе Алькарасе для репортажа US Open.

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

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

  • Почему это работает: изображение в мультяшном стиле на простом фоне бросается в глаза и выделяется. Это добавляет привлекательности повествованию и хорошо сочетается с элементами текста.
  • Как это использовать: лучше всего это работает с простым изображением и ярким персонажем. Не пытайтесь сделать это с полным изображением или пейзажем. (Вы не получите такого же эффекта.)

2. Слова как искусство

Иногда историю лучше рассказать без изображения. Так обстоит дело с веб-сайтом Right Our Story, посвященным издевательствам. Этот метод работает исключительно хорошо, потому что вы не хотите показывать здесь лица; они могли отвлечь внимание или отвлечь внимание от сообщения.

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

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

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

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

3. Многоуровневое повествование

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

С помощью простого дизайна Hanwag создал многоуровневую, многослойную историю с изображениями, текстом и движением. Вы можете увидеть «главы» в меню на нижней странице, которое проведет вас через историю загрузки. (Кто знал, что ботинок может быть таким интересным?)

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

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

4. Красивое меню

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

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

На этот дизайн приятно смотреть, но не приходите голодными!

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

5. Тонкая анимация

Анимация — один из самых сложных методов веб-дизайна. Эта тенденция показывает, как хорошо соединить все воедино, сохраняя движение простым и тонким.

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

Институт Syndeo хорошо справляется с внедрением этой темы дизайна на сайт с помощью квадратных элементов и тонкой анимации по всей прокрутке.

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

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

Собираем все вместе

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

Полный пакет Kadence дает вам все необходимое, чтобы идти в ногу со всеми тенденциями дизайна и вывести свой веб-сайт на новый уровень. От блока Lottie в Kadence Blocks до возможности создавать полностью настраиваемые дизайны и страницы — Kadence Full Bundle предоставляет вам все необходимое для создания красивых, эффективных и привлекательных веб-сайтов.

Получите комплект Каденс