{"id":14268,"url":"\/distributions\/14268\/click?bit=1&hash=1e3309842e8b07895e75261917827295839cd5d4d57d48f0ca524f3f535a7946","title":"\u0420\u0430\u0437\u0440\u0435\u0448\u0430\u0442\u044c \u0441\u043e\u0442\u0440\u0443\u0434\u043d\u0438\u043a\u0430\u043c \u0438\u0433\u0440\u0430\u0442\u044c \u043d\u0430 \u0440\u0430\u0431\u043e\u0447\u0435\u043c \u043c\u0435\u0441\u0442\u0435 \u044d\u0444\u0444\u0435\u043a\u0442\u0438\u0432\u043d\u043e?","buttonText":"\u0423\u0437\u043d\u0430\u0442\u044c","imageUuid":"f71e1caf-7964-5525-98be-104bb436cb54"}

Десять тенденций проектирования веб-дизайна в 2018 году

Команда студии «Вебпинк» — о методах и инструментах для проектирования сайтов и цифровых продуктов в 2018 году.

1. Эволюция плоского дизайна

Последние несколько лет плоский дизайн был главным трендом на рынке, но теперь под влиянием Material Design от Google он начинает приобретать объём. Это эволюция плоского дизайна из минималистского стиля в полуплоский дизайн с добавлением теней, анимации и функциональности.

Плоский дизайн продолжит развиваться, и мы ещё не раз увидим новые решения, основанные на нём.

2. Больше 3D

Использование 3D в дизайне определённо набирает обороты, и мы увидим его влияние во всех областях. Благодаря быстрому росту технологий виртуальной и дополнительной реальностей 3D-дизайн будет развиваться ещё быстрее.

3. Анимация

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

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

4. Смелые насыщенные цвета и градиенты

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

5. Творческое использование пространства и сетки

В предыдущие годы веб-дизайн был адаптирован к организованным колонкам и сеткам, но в 2017 году мы увидели значительный сдвиг в сторону нерегулярных слоёв, асимметрии и отхода от 12-колоночной сетки. Особенно это заметно в лучших работах на Behance, сайтах дня на Awwwards и FWA.

6. Персональные фото и иллюстрации

Стоковые фотографии по-прежнему используются, но в 2017 году главная тенденция 2017 года — использование фото, графики и иллюстраций на заказ. Это направление продолжит развиваться и в 2018 году. Если вам нужен уникальный сайт, который будет помнить любой посетитель, закажите цифровую графику. Вы получите оригинальные образы, раскрывающие продукт или услуги.

7. Дизайн без кода

Растёт популярность онлайн-сервисов для создания прототипов, дизайна без кода и конструкторов сайтов. Всё это приводит к простоте создания, доступности и более быстрому запуску небольших проектов.

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

8. Дизайн-системы

Дизайн-система — это библиотека или набор правил фирменного стиля и брендинга в едином стиле на всех проектах компании: от сайтов до дизайна рекламной кампании.

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

9. Выразительная типографика

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

10. Логотипы

Логотипы переходят в минимализм и упрощения. Отсекаются лишние слоганы, значки «™», «®» и сложные графические элементы. Дизайнеры представляют логотипы в анимированном виде, адаптируют под разные устройства, используют яркие цвета и градиенты. Все тенденции веб-дизайна переходят и на логотипы.

Итог

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

В 2018 году мы также прогнозируем начало популярности голосового взаимодействия с интерфейсами, рост влияния искусственного интеллекта в проектировании и более плотное взаимодействие аналитики с дизайном. Но всё это находится на стадии развития, ещё слишком рано говорить об этом.

0
28 комментариев
Написать комментарий...
Федор Никифоров

украли с behance тренды на 2017, выдали за свою аналитику на 2018 год, красиво, не поспоришь
https://www.behance.net/gallery/47810259/2017-Design-Trends-Guide

Ответить
Развернуть ветку
Илья Снеговской
Ответить
Развернуть ветку
Максим Грицков
Автор

В статье написано что мы анализировали лучшие работы на Behance, сайты дня на Awwwards и FWA.

Ответить
Развернуть ветку
Федор Никифоров

Вы имеете ввиду эти слова в пятом пункте: «Особенно это заметно в лучших работах на Behance, сайтах дня на Awwwards и FWA.»? Про аналитику ни слова.

Не позорьтесь, пожалуйста, вы на 90 процентов украли статью, вольно перевели + добавили пару работ для кучи из других источников.

Ответить
Развернуть ветку

Комментарий удален модератором

Развернуть ветку

Комментарий удален модератором

Развернуть ветку
Ilya Shubenok

Ор

Ответить
Развернуть ветку
Максим Грицков
Автор

90% - это не правда.
Там есть описание про плоский дизайн, про анимацию, загрузку сайта без подгрузку страниц, 6. Персональные фото и иллюстрации, 7. Дизайн без кода, 8. Дизайн-системы и тд???

Ответить
Развернуть ветку
Aleksandr Sorokin

Просто интересно, зачем представитель студии, где ещё не поспевают за трендами 2016 года, рассказывает мне что будет в 2018. Спасибо.

Ответить
Развернуть ветку
Andre Kozhevnikov

Ставлю 2010

Ответить
Развернуть ветку

Комментарий удален модератором

Развернуть ветку
Максим Грицков
Автор

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

Ответить
Развернуть ветку
Алексей Петрик

Какая-то криповая анимация перехода

Ответить
Развернуть ветку
Александр Клинуев

Беременная женщина пытается бегать, чтобы восстановить фигуру?

Ответить
Развернуть ветку
Yan Yanov

ВэбПАНК звучало бы лучше, имхо

Ответить
Развернуть ветку
Twilight Life

трендово

Ответить
Развернуть ветку
Andre Kozhevnikov

Здесь есть хоть один пункт написанный от вас?

Ответить
Развернуть ветку
Nivenor

1. Эволюция плоского дизайна
2. Больше 3D

Ответить
Развернуть ветку
Анна Епинина

Блок про анимацию крутой) Моя внутрення эстетка наслаждалась)

Успехов вам в начинаниях и клиентов адекватных))

Ответить
Развернуть ветку
Илья Гнусин

Не стал читать, когда увидел изометрию на первом экране

Ответить
Развернуть ветку
Анна Индлина

А мне понравилось >_> Не считаю копирайт чистым злом, если бы не этот сайт я бы не узнала эту информацию, преподнесена хорошо.
Спасибо содержательным комментариям за дополнения так же.

Ответить
Развернуть ветку

Комментарий удален модератором

Развернуть ветку
Александр Антонов

Зарегистрироваться чтобы оставить каммент? По мне так это нормально
Я не был зареган пока не решил комментарий оставить, например

А зачем еще регаться, если ты не пишешь статьи?

Ответить
Развернуть ветку

Комментарий удален модератором

Развернуть ветку
Анна Индлина

Ласточка?

Ответить
Развернуть ветку
Art Moderator

Неплохая попытка Максим

Ответить
Развернуть ветку
Виталя

¯\_(ツ)_/¯ -

Ответить
Развернуть ветку
Александр К

Задолбали эти тренды. Предугадывается каждый следующий тренд. Даже читать влом.

Ответить
Развернуть ветку
Sergey Stepanov

Завтра будет уже новый тренд

Ответить
Развернуть ветку
Илья Снеговской

Лучше бы подсказали где бы на наших просторах найти хорошего web дизайнера, а не студию целую.

Ответить
Развернуть ветку
Sergey Stepanov

Украсть из студии :)

Ответить
Развернуть ветку
Ilya Shubenok

Решили полутать трафика с вц, не получилось, не фартануло. Зато получилось полутать ушат говна, что тоже неплохо, опыт.

Ответить
Развернуть ветку
Карина Чемербаева

Как то сложно мне стало находить интересные статьи на vc.ru. Сплошной пустой пиар.

Ответить
Развернуть ветку

Комментарий удален модератором

Развернуть ветку
25 комментариев
Раскрывать всегда