- Январь 18, 2018
Тренды вэб-дизайна-2018
Куда дует ветер дизайна
и как оставаться актуальным
Всем доброго дня! Сегодня отдел дизайн компании zolle хочет рассмотреть тренды вэб-дизайна-2018, которые повлияют на дизайн digitale-продуктов и тем самым позволят привлечь к Вашим продуктам внимание новой аудитории.
Интернет для пользователей
Последние статистики говорят о том, что рост числа новых пользователей интернета в России замедлился. На сегодняшний день в нашей стране интернетом пользуется около 85% (могу ошибаться, писал на память) граждан.
Поэтому компании стремятся дорабатывать свои корпоративные сайты или приложения и делают упор на улучшение юзабилити (пользовательского опыта) продукта.
Для этого они снабжают свои сайты более продуманным пользовательским интерфейсом и улучшают микровзаимодействия пользователя с цифровыми продуктами.
Крупные компании стремятся создавать для своих продуктов единую дизайн-систему, которая делает все цифровые продукты понятными и привычными своим пользователям. Как пример таких компаний можно привести Google (Material Design) и Mail.ru.
Но обо всем по порядку.
Тренды вэб-дизайна-2018
1. Semi-Flat
Если в двух словах, то это тот же flat, только с добавление глубины в композицию.
Добавление к плоским цветам объема с помощью теней и градиентов, сочетание плоских цветов и объемных объектов. В общем, дизайнеры, дабы развить это направление, стараются оживить плоский дизайн.
Этот тренд набирал популярность и в прошлом году и, вероятно, будет актуален на протяжении этого года.
2. Микроанимация и микровзаимодействие на сайте.
Все также популярными в этом году будет использование в дизайне приложений и сайтов микроанимации и микровзаимодействий. Это помогает создать положительный пользовательский опыт, тем самым повышая лояльность аудитории к продукту.
Примеры сайтов с микроанимацией и микровзаимодействиями:
3. Конструкторы
Такие конструкторы, как Readymag и Tilda, продолжают набирать популярность за счет расширения внутреннего функционала и добавления новых возможностей.
Создавая на своих платформах сайты для популярных брендов (таких, как Behance Moscow), они тем самым продвигают в массы новый подход к верстке несложных сайтов и посадочных страниц.
Это расширяет функционал дизайнеров, освоив который можно демонстрировать клиенту живые сверстанные макеты или легко и быстро без участия верстальщика опубликовать собственный сайт или страницу из своего макета.
4. Liquid graphics
Liquid graphics — это сочетание 3D, видео и сложных градиентов.
Все эти тренды и раньше были популярны, только теперь эти направления пытаются объединять между собой, создавая тем самым какую-то новую форму в дизайне.
Часто такие решения используют крупные компании при продвижении своих продуктов.
5. Новый софт для дизайнеров
Софт «переезжает» в облако.
За последние годы на рынке софта для дизайна появились новые программы, на которые переходит все больше digitale-компаний и студий.
Особой популярностью пользуются такие программы, как Sketch, Principle, Fiqma и Invision. Они узко заточены для решения определенных задач, связанных с созданием дизайна для цифровых продуктов.
Основная тенденция — появляются новые инструменты в руках дизайнеров, призванные облегчить коммуникацию между дизайнером и разработчиком и дизайнером и клиентом на презентации своих дизайн-решений.
Уверен, что стоит принимать во внимание появления нового софта для дизайнеров, позволяющего расширять инструментарий для более удобного создания digitale продуктов.
6. Коддинг
В первую очередь речь идет о таких ресурсах, как CodePen и Codrops.
Новые технологии и поддержка их современными браузерами заставляют специалистов предлагать при создании дизайна сайтов и приложений новые возможности, которые поддерживает браузер webGL: создание 3D-графики с помощью самого браузера.
Вообще, на этих ресурсах есть много различный интересных решений, которые можно использовать в своем дизайне. Но при этом важно помнить, что не стоит перебарщивать с количеством такого рода возможностей, дабы Ваш продукт не перестал быть быстрым и легким. Ведь добавление большого количества анимаций увеличивает время загрузки страницы.
7. Дизайн-система
#Frameworks — Material Design и другие.
В новом году продолжает развиваться такой тренд, как дизайн-система. Она востребована в сфере госуслуг, в компаниях, у которых много собственных программных продуктов и для тех, которые стремятся создать единую эко-систему (единый стиль продуктов компании).
Также она повышает удобство использования собственными сотрудниками и снижает барьеры в работе со всеми сервисами компании для пользователей этих сервисов.
Самые характерные примеры — это Material Design от Google и собственный Ui-kit, разработанный компанией Mail.group для своих продуктов)
8. Noise
Также очень часто встречается дизайн, в котором используется контент с высоким уровнем шума на изображениях.
Шум может быть реализован с помощь кода и скриптов в виде мелких частиц, которые имеют анимацию или откликаются на интерактив при взаимодействие пользователя с ним.
Вообще — достаточно интересный тренд, который обещает быть востребованным в этом году.
9. Асимметрия в композиции
Она же называется broken grid layout — непредсказуемая сетка.
Этот тренд продолжает быть популярным. Видимо, за счет того, что большинство сайтов, исполненных в классическом дизайне, продолжает делаться по сетке — все ровно и скучно.
И поэтому дизайн-сообщество ищет новые приемы (или перенимает их из смежных областей, таких, например, как верстка газет или журналов).
Многие компании и дизайнеры предлагают концепты, которые построены на непредсказуемости сетки, пропорций фигур в композиции, крупной типографике и так далее — то есть стремятся переносить в диджитал-пространство приемы из других областей.
В целом, этот пример объединения приемов из смежных областей позволяет создавать новые, «не избитые» решения в дизайне.
Пишите в комментариях и делитесь своими наблюдениями о том, какие еще тренды могут стать востребованными в ближайшем будущем. С радостью обсудим их и подискутируем на этот счет.
Всем добра и создавайте клевый и удобный дизайн для наших людей и соплеменников! Есть мнение, что дизайн может менять мир и людей вокруг, когда создается честно!
Статьи в тему
- 9 специализаций дизайнеров, без которых не представить современный интернет
- YouTube для дизайнеров: 5 каналов
- Зачем нужна реалистичность в дизайне?
- Игры для дизайнеров: 8 способов не растерять свои навыки
- Как дизайнер работает над продающим дизайном