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

Опубликовано: 2023-08-22

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

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

1. Кнопки видео, а не автоматическое воспроизведение

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

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

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

2. Художественная галерея «Вдохновение»

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

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

Другая проблема — цветовой контраст, но такой дизайн имеет совершенно определенную аудиторию, которую команда дизайнеров, вероятно, исследовала перед публикацией.

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

3. Очерченные элементы шрифта

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

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

Здесь вы можете сначала посмотреть на контурный текст, потому что он отличается. И это нормально. Дизайн позволяет вам думать о словах и быстро их понимать, потому что читать не так уж и много (это одна из причин, по которой этот стиль здесь работает).

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

4. «Запутанные герои»

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

Это стиль, который может продемонстрировать множество вещей одновременно или работает, когда у вас нет четкой цели действия. Сообщение, которое вы отправляете здесь, — это количество: у вас есть много того, что вы предлагаете. Просто взгляните на приведенный выше пример от Vicio.

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

5. Более доступные возможности

Project Relate от Google — одна из самых крутых вещей, которые мы видели за последнее время, особенно когда вы думаете о доступности онлайн и человеческом общении. Инструмент изучает нестандартные речевые модели, чтобы помочь в общении. Довольно круто, правда?

Но здесь есть урок для каждого дизайнера: как создать что-то, что будет проще использовать всем? Все типы людей и все уровни способностей?

На этот вопрос есть много разных ответов, но вы должны задаваться этим вопросом при работе над проектами. Как вы можете лучше всего связаться со своей целевой аудиторией и за ее пределами? Какие элементы дизайна необходимы для создания более качественного и понятного общения? Полезные советы о том, как сделать ваш веб-сайт доступным, можно найти в выступлении Бет Хэннон на нашем первом мероприятии Kadence Amplify.

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

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

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

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

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