Мы попросили эксперта в области дизайна интерфейсов и продуктового дизайна рассказать про трендовые приёмы, которые используют для дизайна сайтов.
Из статьи вы узнаете, какой дизайн сегодня привлекает пользователей, в каких проектах применять тренды и как правильно это делать, а ещё посмотрите на вдохновляющие примеры.
Тренд № 1. Чёткие границы
Такой приём выглядит смело, так как позволяет обнажить сетку, которая обычно остаётся «за кадром». В результате границы становятся видимыми, а сайт будто состоит из геометрических примитив
Как и где применять. Стиль чаще используется при создании сайтов музеев, выставок — экспозиции отлично вписываются в линии. Вёрстка немного напоминает газетную, поэтому также подойдёт и для автобиографичных сайтов.
Тренд № 2. Стиль Memphis
Memphis — это хаотичный стиль 1980-х годов. Казалось бы, как он может быть встроен в современный дизайн интерфейсов? Однако сегодня он набирает популярность в проектах, где хочется отказаться от минималистичности в пользу яркого и динамичного интерфейса.
Как и где применять. Стиль точно подойдёт интерфейсам, где важно отразить динамику. Это могут быть спортивные мероприятия или салоны красоты, в которых создают креативные причёски.
Тренд № 3. Иллюстрации, нарисованные от руки
Иллюстрации могут быть нарисованы на обычном листе бумаги или на планшете с использованием эффектов. Главное — от руки. Это придаёт визуализации индивидуальность и душевность, к тому же легко подобрать контент, если заказчик его не предоставил.
Как и где применять. Стиль универсальный, если правильно совместить иллюстрации с позиционированием бизнеса. Важно не переборщить: например, для серьёзного сайта про образование иллюстрации не должны казаться «детскими».
Тренд № 4. 3D-иллюстрации
Иллюстрации от руки — тренд, но и 3D актуально по сей день. Причём сейчас большей популярностью пользуются анимированные картинки. Они помогают создать эффект присутствия. Чтобы оценить анимацию, рекомендуем перейти по ссылке под каждым конкретным примером.
Как и где применять. Стиль можно использовать на сайтах игровой тематики, VR.
Тренд № 5. Ретростиль
В 1980–1990-х годах многое казалось в новинку. В старых операционных системах часто не было визуала, большая часть решений — кастомные. Только со временем начали появляться разные интересные приёмы — скругления кнопок, новые шрифты, уход от 16-битных систем.
Сегодня дизайнеры, чтобы вызвать у пользователей ностальгию по ОС Windows 98 или играм на Dendy, берут для своих проектов идеи того времени. Например, используют массивные шрифты. Чтобы проникнуться этим трендом, рекомендуем пройти по ссылкам под примерами.
Как и где применять. Такой стиль можно использовать для запуска промосайтов на недолгий период, так как ностальгия по ретро может быстро смениться другим трендом, более актуальным для нового поколения.
Тренд № 6. Брутализм
Экспериментальный стиль, требующий использования смелых цветов и приёмов. Он абсолютно противоречит уходящему в этом году минимализму. Сочетание грубых, квадратных форм и типографики, наслаивание элементов друг на друга, яркие цвета.
Как и где применять. Брутализм можно использовать на афишах и таким образом привлечь больше внимания к мероприятиям.
Тренд № 7. Коллажи
В этом году остаются популярными коллажи: сочетание разных форм и цветов, яркие и чёрно-белые цвета, работа на контрастах. С помощью коллажей можно разнообразить интерфейс, сделать его более запоминающимся и ярким.
Как и где применять. Коллажи универсальны, их можно использовать для интерфейса в любой сфере. Преимущество коллажей в том, что с их помощью можно обыграть стоковые или скучные фотографии. И в результате сделать интерфейс более интересным.
Заключение
Если вам интересна сфера дизайна, мы в Яндекс Практикуме предлагаем попробовать себя в одной из двух профессий — дизайнер интерфейсов и дизайнер лендингов.
- Дизайнер интерфейсов (UX/UI-дизайнер) Узнаете, как разрабатывать и проектировать дизайн сайтов и мобильных приложений разной сложности, проводить исследования и анализировать целевую аудиторию. После выпуска мы поможем составить сильные резюме и портфолио, подскажем, как найти первые проекты на фрилансе или устроиться в компанию.
- Дизайнер лендингов Научитесь создавать лендинги и простые сайты, а также проектировать внешний вид и функционал на трёх популярных no-code платформах: Tilda, Readymag и Figma. После выпуска мы поможем собрать портфолио и подготовиться к первым заказам на фрилансе.
Обе профессии позволяют войти в IT-сферу без навыков программирования, создавать красивые и удобные сайты и приложения для пользователей, а также работать удалённо из любой точки мира.
Мы понимаем, что менять профессию непросто, ещё сложнее — определиться с выбором. Для этого мы рекомендуем пройти бесплатную часть курса «Дизайнер интерфейсов» и бесплатную часть курса «Дизайнер лендингов».
Вы сможете разобраться в том, чем занимается дизайнер интерфейсов, а чем — дизайнер лендингов, поработать над несколькими типовыми задачами и точно решить, какая профессия вам подходит. А дальше — продолжить обучение на платном курсе.
Начните свой путь в дизайн вместе с Яндекс Практикумом!
Листая дальше, вы перейдёте на practicum.yandex.ru