Главное Авторские колонки Вакансии Образование
2 261 6 В избр. Сохранено
Авторизуйтесь
Вход с паролем

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

Узнайте о методах и инструментах для проектирования сайтов и цифровых продуктов в 2018 году.
Мнение автора может не совпадать с мнением редакции

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

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

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

b_5a951ce181812.jpg

b_5a951ce1ccbaa.jpg

02. Больше 3D

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

b_5a951ce22d733.jpg

b_5a951ce27daac.jpg

03. Анимация

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

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

b_5a951ce316b4e.jpg

b_5a951ce3721c8.jpg

b_5a951ce3ce530.jpg

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

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

b_5a951ce41fc34.jpg

b_5a951ce465b95.jpg

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

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

b_5a951ce4a614f.jpg

b_5a951ce4dee67.jpg

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

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

b_5a951ce541ef8.jpg

b_5a951ce598a5b.jpg

b_5a951ce5d4238.jpg

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

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

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

b_5a951ce6199b9.jpg

b_5a951ce64c6a3.jpg

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

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

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

b_5a951ce687a53.jpg

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

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

b_5a951ce6eedbc.jpg

b_5a951ce7444f3.jpg

b_5a951ce783582.jpg

b_5a951ce7c1222.jpg

10. Логотипы

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

b_5a951ce811f32.jpg

b_5a951ce83feea.jpg

b_5a951ce87c7c4.jpg

b_5a951ce8b0e4c.jpg

b_5a951ce9093a0.jpg

Итог

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

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

+4
В избр. Сохранено
Авторизуйтесь
Вход с паролем
Комментарии
Pepperbox Media
Цифровой декаданс и поиск N-го измерения
Иероним Б.
Веб дизайн, увы, помирает, ему уже не до тенденций.
Ответить
Владимир Пивульский
Не согласен! Веб-дизайн перетекает в другую среду - UX
Ответить
Pepperbox Media
Цифровой декаданс и поиск N-го измерения
Иероним Б.
Это я и называю его смертью. Точнее старческим маразмом. Только он вобрал в себя весь опыт классического графдизайна помноженный на мощь технологий, как только он получил пространство и возможность им оперировать, так был загнан в узкую щель мобильных экранов. Как в дизайн смысле художественном он мертв, как дизайн в смысле проектирования, он уже не он. Ux всегда был, ровно с того момента особенно когда действие юзера перестало приводить к перезагрузки страницы. Веб диз сейчас, это как скелет сисястой при жизни бабы. Скелет есть, а сисек нет.
Ответить
Андрей М
А что если рассматривать веб-дизайн иначе? Например, как индустрию моды: есть высокая мода для подиума с экстравагантными костюмами, а есть более прагматичная для каждодневной жизни. Веб-кутюрье так же соревнуются между собой, участвуют в конкурсных показах, делают друг другу "чмоки-чмоки", но для ежедневного применения их изделия пригодны примерно так же, как и платье из ярких конфетных фантиков в лютую зиму.

Сайты с анимацией, экзотической типографикой, цветовыми контрастами и нестандартными решениями выглядят захватывающе, но давайте смотреть правде в глаза - стандартизированные интерфейсы удобнее, а их реализация не заставляет дымиться радиомодули и процессоры. Да и рядовых пользователей уже изысками не удивить, интернет (в широком смысле) уже не тот, люди к нему привыкли.
Ответить
Pepperbox Media
Цифровой декаданс и поиск N-го измерения
Иероним Б.
По первой части, хотелось бы потешить себя, но увы. С таким же успехом можно было не прекращать 10 лет назад делать сайты на флеше. Но веб дизайн не от кутюр, тут нет высокосветского потребителя, а между собой дизайнер дизайнеру пидорас и мудак.
В по второй части, ну да. Только какойто другой термин этому дизайну подобрать хочется. Я даже , честно говоря, считаю его более правильным и грустно и забавно смотреть, как человечество доползло до функционального дизайна, который мне был понятен еще 20 лет назад.
Ответить
Ruslan Khalikov
Автору спасибо. Знает о чем пишет.
Ответить
Выбрать файл
Блог проекта
Расскажите историю о создании или развитии проекта, поиске команды, проблемах и решениях
Написать
Личный блог
Продвигайте свои услуги или личный бренд через интересные кейсы и статьи
Написать

Spark использует cookie-файлы. С их помощью мы улучшаем работу нашего сайта и ваше взаимодействие с ним.