ДМИТРИЙ СЛИНЬКОВ
Тренды веб-дизайна в 2023 (часть 3)
Материальный дизайн
Да, он еще не устарел. Из года в год он остается в списке трендов.
Но, разумеется, это больше, чем тренд. Это язык дизайна, который был представлен компанией Google еще в 2014 году. Чаще всего традиционный веб-дизайн выглядит простым и плоским. Именно здесь на помощь приходит Material design. Он позволяет использовать цвет и свет для создания эффекта текстур.
Все вы наверняка слышали про «плоский дизайн». Но flat и material — это не одно и тоже. Material может делать то, чего не может flat. Я бы даже так сказал: плоский дизайн — это утюг и уравниловка, а материальный — это приятные мелкие неожиданности. И на первом месте — удобство пользователя.
Для примера, сайты применяющие стиль материального дизайна:
themeselection.com/item/materio-mui-react-nextjs-admin-template
pixinvent.com/materialize-material-design-admin-template
Но, разумеется, это больше, чем тренд. Это язык дизайна, который был представлен компанией Google еще в 2014 году. Чаще всего традиционный веб-дизайн выглядит простым и плоским. Именно здесь на помощь приходит Material design. Он позволяет использовать цвет и свет для создания эффекта текстур.
Все вы наверняка слышали про «плоский дизайн». Но flat и material — это не одно и тоже. Material может делать то, чего не может flat. Я бы даже так сказал: плоский дизайн — это утюг и уравниловка, а материальный — это приятные мелкие неожиданности. И на первом месте — удобство пользователя.
Для примера, сайты применяющие стиль материального дизайна:
themeselection.com/item/materio-mui-react-nextjs-admin-template
pixinvent.com/materialize-material-design-admin-template
Ретро дизайн
Для него еще нашли словосочетание «ретро-футуризм», представляете?!
Как говорится, «Old is gold»!!
Ретро-дизайн — вечно молодой способ выделиться из многомиллионной толпы вебсайтов. Стиль, навевающий ностальгию, отлично справляется с современными требованиями к UX. Дизайнеры применяют элементы винтажного стиля в интернет-магазинах, в портфолио, корпоративных дизайнах и в блогах. И уж когда футуристические элементы миксуются с ретро… успех гарантирован.
Посмотрите на сайт basement.studio — они не постеснялись сделать его в ретро-стиле!
Сайты применяющие стиль ретро-футуризм:
www.exclusiveprs.com
basement.studio
harvardfilmarchive.org
Как говорится, «Old is gold»!!
Ретро-дизайн — вечно молодой способ выделиться из многомиллионной толпы вебсайтов. Стиль, навевающий ностальгию, отлично справляется с современными требованиями к UX. Дизайнеры применяют элементы винтажного стиля в интернет-магазинах, в портфолио, корпоративных дизайнах и в блогах. И уж когда футуристические элементы миксуются с ретро… успех гарантирован.
Посмотрите на сайт basement.studio — они не постеснялись сделать его в ретро-стиле!
Сайты применяющие стиль ретро-футуризм:
www.exclusiveprs.com
basement.studio
harvardfilmarchive.org
Эстетика скрапбукинга
И еще одна ностальгическая ветка — скрапбукинг.
Скрапбукинг — это ведение семейного альбома: фотографии, вырезки из газет, детских рисунков и прочей памятной «ерунды». Коль скоро вся наша жизнь постепенно переходит в цифру, кто нам мешает начать скрапбук на сайте?!
Скрапбукинг — это ведение семейного альбома: фотографии, вырезки из газет, детских рисунков и прочей памятной «ерунды». Коль скоро вся наша жизнь постепенно переходит в цифру, кто нам мешает начать скрапбук на сайте?!
«Кусочек бумаги, немного старанья,
Кружавки полоска и — центр мирозданья —
Та самая пуговка, что завалялась
Буквально с момента вселенной созданья.
Два брадса, цветочек, булавка и скрепка
(как здорово, что не сослала в утиль!)
Пришить, приколоть и приклеить всё крепко —
Вот так получается скраповый стиль!:)))»
Найдено в livemaster.
Кружавки полоска и — центр мирозданья —
Та самая пуговка, что завалялась
Буквально с момента вселенной созданья.
Два брадса, цветочек, булавка и скрепка
(как здорово, что не сослала в утиль!)
Пришить, приколоть и приклеить всё крепко —
Вот так получается скраповый стиль!:)))»
Найдено в livemaster.
Согласитесь, неожиданно приятно в 2023-м году увидеть вебсайт выполненный в стиле «сделай сам»? И вот уже мы радостно встречаем иллюстрации словно выполненные рукой ребенка, рукописные шрифты, визуальные наклейки и коллажи.
Элементы как бы ручной работы не только воссоздают тактильные ощущения от перелистывания, но и вызывают чувство близости и, если хотите, приятной незавершенности. Физическое и цифровое сосуществуют как единое целое.
Примеры сайта:
hakaji.io
jeongsteph.design
Элементы как бы ручной работы не только воссоздают тактильные ощущения от перелистывания, но и вызывают чувство близости и, если хотите, приятной незавершенности. Физическое и цифровое сосуществуют как единое целое.
Примеры сайта:
hakaji.io
jeongsteph.design
Самоперекрывающийся текст
Долгое время веб-дизайн был заложником «сетки для верстки», вдоль которой выстраиваются аккуратные, ровные пространства и есть гарантия того, что всё всегда будет ну как бы на своих местах.
Но!
Время от времени веб-дизайнеры бунтуют против этой навязанной структуры, используя такие приемы, как нео-брутализм.
Нео-брутализм — это концепция дизайна, в которой сочетаются: яркие необычные фоны без градиентов, современная качественная типографика, анимация и… какие-нибудь еще ужасные элементы. Нео-брутализм зачастую идёт поперек традиционного UX/UI-дизайна и даже (!) не гнушается неудобными элементами интерфейса.
В общем, протест принес свои плоды: текст, буквы которого налезают друг на друга и пухнут буквально на глазах — это и есть новый тренд.
Иногда даже популярные сервисы нещадно накладывают буквы друг на дружку вплоть до неразборчивости. Именно это и обеспечивает привлекательность данного направления: оно нарушает монотонность, но и не позволяя всей странице превратиться в экспериментальный хаос.
Сайт выполненный с использованием приема самоперекрывающегося текста:
www.santateresafest.ca
Но!
Время от времени веб-дизайнеры бунтуют против этой навязанной структуры, используя такие приемы, как нео-брутализм.
Нео-брутализм — это концепция дизайна, в которой сочетаются: яркие необычные фоны без градиентов, современная качественная типографика, анимация и… какие-нибудь еще ужасные элементы. Нео-брутализм зачастую идёт поперек традиционного UX/UI-дизайна и даже (!) не гнушается неудобными элементами интерфейса.
В общем, протест принес свои плоды: текст, буквы которого налезают друг на друга и пухнут буквально на глазах — это и есть новый тренд.
Иногда даже популярные сервисы нещадно накладывают буквы друг на дружку вплоть до неразборчивости. Именно это и обеспечивает привлекательность данного направления: оно нарушает монотонность, но и не позволяя всей странице превратиться в экспериментальный хаос.
Сайт выполненный с использованием приема самоперекрывающегося текста:
www.santateresafest.ca
Только текст!
Одним из главных преимуществ цифрового дизайна является его мультимедийность — возможность, благодаря которой в одной композиции могут сосуществовать текст, изображения, видео, анимация и интерактивные элементы. Но, не смотря на это, многие веб-дизайнеры 2023 года полностью отказываются от мультимедиа в пользу преимущественно текстовых макетов.
В любом случае, сайты состоящие из одного только текста, имеют место быть и не тратят время посетителя. Емкие слова и креативные текстовые структуры могут конкурировать за пальму привлекательности с «навороченными» визуальными эффектами.
Примеры дизайна:
os.agency
pp-fragment.com
В любом случае, сайты состоящие из одного только текста, имеют место быть и не тратят время посетителя. Емкие слова и креативные текстовые структуры могут конкурировать за пальму привлекательности с «навороченными» визуальными эффектами.
Примеры дизайна:
os.agency
pp-fragment.com
Смешать, но не взбалтывать
Неверно считать, что такие «бунтарские» тренды, как мемфис, видимые линии и им подобные годятся только для сайтов веб-студий и портфолио продвинутых дизайнеров. Конечно, креативщики были первыми, кто осваивал эти новые прогрессивные стили, двигал индустрию вперед и экспериментировали на себе — на собственных сайтах-портфолио. Но со временем эти тренды стали трендами только благодаря принятию тех или иных элементов обычными пользователями.
Давайте перечислим тут все подмеченные нами в 2023 году тренды:
Разумеется, в вебдизайне не существует заведомо отдельного, независимого тренда. В каждом из них намешано из других, текущих, отживших и возвращающихся. Более того, тренды можно смешивать между собой без ущерба конечной цели — чтобы сайт ваш продавал то, что вы с увлечением производите и хотите рассказать об этом всему миру.
Счастливого вам дизайна!
Давайте перечислим тут все подмеченные нами в 2023 году тренды:
- Комплексный градиент (часть 1)
- Клейморфизм (часть 1)
- Бенто-дизайн (часть 1)
- Мемфис (часть 1)
- Веб-дизайн в стиле UI (часть 1)
- Видимые контуры (часть 1)
- Анимированный шрифт (часть 2)
- Огромный текст (часть 2)
- Вовлекающий интерактив (часть 2)
- Прокрутка, параллакс (часть 2)
- Графика хендмейд (часть 2)
- Глассморфизм (часть 2)
- Абстрактные иллюстрации и коллажи (часть 2)
- Минимальный неоморфизм (часть 2)
- Материальный дизайн (часть 3)
- Ретро дизайн (часть 3)
- Эстетика скрапбукинга (часть 3)
- Самоперекрывающийся текст (часть 3)
- Только текст (часть 3).
Разумеется, в вебдизайне не существует заведомо отдельного, независимого тренда. В каждом из них намешано из других, текущих, отживших и возвращающихся. Более того, тренды можно смешивать между собой без ущерба конечной цели — чтобы сайт ваш продавал то, что вы с увлечением производите и хотите рассказать об этом всему миру.
Счастливого вам дизайна!