Найти в Дзене
Эмма & веб-дизайн

Тренды веб-дизайна

Оглавление

1. Темная тема

Сайты с темным фоном существуют очень давно, но трендом стал совсем недавно. Темная тема стала популярна у Apple, Android, VK, Insta и тд. Причин этому несколько:

Первая причина в том, что интенсивность свечения темного экрана ниже, чем светлого, поэтому снижается нагрузка на глаза. Ведь тенденция идет на простоту и, главное, комфорт.
Вторая причина - темная тема экономит заряд батареи. В 2018 году Google провел исследование по влиянию темной темы на аккумуляторы телефона на примере приложения YouTube. В итоге исследования сделан вывод, что при яркости в 50 % темная тема экономит заряд на 15 %.

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

2. Ассиметричная сетка

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

-2

3. Абстракция, форма

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

-3

4. Анимация

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

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

5. Цветные объекты на белом фоне

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

-4

6. Эстетичный минимализм

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

-5

7. Крупная типографика

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

-6

8. Много воздуха

Большое “воздушное” пространство - один из приемов минимализма. Свободное пространство между элементами дизайна дает ощущение легкости. С помощью такого приема легко разбить контент на смысловые блоки и сделать акцент на что-то действительно важное.

-7

9. Нестандартное положение текста

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

-8

10. Иконки

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

-9