Тренды в дизайне на 2020 год

Прогнозы от сообщества Friendly Design, посвящённого графическому и веб-дизайну.

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

1. UI / UX.
2. Иллюстрации.
3. Моушен-дизайн.
4. Графический дизайн.
5. Технологии.
6. Упаковка.
7. Типографика.

Исторически сложилось, что сайт должен быть для десктопа удобным, а для мобильных устройств он адаптировался уже по методу «и так сойдет». С новыми тенденциями все изменилось, и порой десктопная версия для сайта оказывается вовсе бесполезной. По исследованиям, 57% трафика в поисковых сетях приходится на мобильный — это повод еще раз задуматься.

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

Дизайнеры начнут искать новые формы взаимодействия с пользователем. Например, при приближении к кнопке «Далее» сразу говорить пользователю о том, что он что-то не заполнил, тем самым предотвратив его от лишнего действия.

Геймификация — процесс добавления элементов игры в неигровые продукты или сервисы.

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

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

Рассказывание историй в дизайне — это помощь пользователю в его путешествии на вашей платформе, чтобы его опыт был максимально легким (в UX-дизайне).

Хорошая история помогает пользователю легче понять продукт. Чтобы рассказать историю, мы можем использовать персонажа, которому мы приписываем личность, мы создаем историю и конфликт, который в конечном итоге решается нашим продуктом (дизайном пользовательского интерфейса). Это основа повествования в дизайне продукта.

Мы считаем, что анимация — основная тенденция текущего и предстоящего года. В 2020 году она особенно сильно проявится в дизайне пользовательского интерфейса. Она добавляет силу иллюстрациям, облегчает усвоение идеи и остается в памяти пользователя.

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

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

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

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

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

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

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

В следующем году мы увидим все меньше и меньше кнопок, а также более «жесткую» навигацию. Например, кнопка «Назад», основной элемент навигации Android, официально исчезает с Android 10.

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

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

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

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

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

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

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

В 2020 году невозможно представить движение без 3D-дизайна. Эта отрасль дизайна открыла дверь в мир, в котором только воображение является пределом. Мы можем найти 3D в рекламных роликах, фильмах, играх, рекламных кампаниях и многом другом.

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

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

Вы уже поняли, что анимации «должны быть» в 2020 году, и чтобы оставаться конкурентоспособными, мы должны также интегрировать их в дизайн логотипа. Многие компании начали анимировать свои логотипы, чтобы привлечь к ним внимание. Это также основной тренд в дизайне логотипов.

Эта тенденция не нова, но о ней стоит упомянуть. Гибридная анимация — это объединение 2D и 3D с использованием определенных софтов, созданных для этого.

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

«Меньше — значит больше» — концепция, которая идеально описывает эту тенденцию, в которой дизайнер использует яркие элементы с элегантным оттенком и сильным контрастом. Эта тенденция является идеальным выбором для создания более доступной печати из-за ее стоимости.

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

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

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

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

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

Это тенденция, которая появилась в 80-х годах, но начала появляться вновь, когда Голливуд начал выпускать фильмы того десятилетия. С успехом сериала Stranger Things этот «ток» снова начал завоевывать популярность.

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

В целом эти движения подчеркивают типографику, шрифты без засечек (Helvetica была создана в 1957 году на основе идей Баухаус), геометрические формы, простые линии, объемы и цвета.

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

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

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

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

С Apple и Google, представляющими свои собственные платформы разработки AR, ARKit и ARCore, совершенно ясно, что весь мир будет ориентирован на технологию дополненной реальности.

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

Есть несколько взаимодействий с AR, которые можно использовать для создания интуитивно понятного приложения. Одно из наиболее часто используемых взаимодействий — это когда пользовательский интерфейс связан с объектом и запускается при сканировании определенного элемента. Это действие соединяет цифровую анимацию со специальным «маркером».

Чат-бот — это часть программного обеспечения, которая ведет разговор с помощью слуховых или текстовых методов. Такие программы часто разрабатываются для того, чтобы убедительно имитировать поведение человека в качестве собеседника, хотя по состоянию на 2019 год им не хватает возможности пройти тест Тьюринга.

Люди еще не привыкли общаться с ИИ, поэтому большая часть работы дизайнера (и разработчика) состоит в том, чтобы сделать процесс простым и завоевывать доверие пользователя. Они должны помочь людям понять, что может делать система и как они могут ее использовать.

Проектирование и создание сценариев чат-ботов в AIML (язык разметки искусственного интеллекта) — магия, которой должен овладеть UX-дизайнер. Большинство компаний, использующих чат-ботов, решили проиллюстрировать помощника, который будет изображать искусственный интеллект. Вот некоторые бренды, которые используют чат-боты в своем дизайне пользовательского интерфейса: Spotify, Starbucks, MasterCard, Sephora, Lyft, Pizza Hut.

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

Голосовой пользовательский интерфейс (VUI) делает возможным разговорное общение человека с компьютерами, используя распознавание речи для понимания голосовых команд и вопросов и, как правило, преобразование текста в речь для воспроизведения ответа. Устройство голосовых команд (VCD) — это устройство, управляемое с помощью голосового пользовательского интерфейса.

В прошлом году 40% людей, которые используют устройство, подключенное к Интернету, использовали голосового помощника, по крайней мере, один раз в месяц, и число увеличилось на 10% по сравнению с прошлым годом.

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

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

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

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

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

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

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

Жирная типографика является неотъемлемой тенденцией в дизайне, которая заменяет изображение в качестве основного элемента. Жирная типографика может иметь значение как в веб-дизайне, так и в графическом дизайне.

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

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

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

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

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