Графический дизайн 2018 (тренды)

Г

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

Приятного просмотра.





01.

Разбросанный текст

Разбросанный текст (от анг. disjointed text) — интереснейший визуальный ход. Открывает возможности создавать реально абстрактные работы с помощью разнообразных шрифтовых форм. Вызывает и удерживает внимание зрителя на тексте.

01 disjointed text
Тренд «Разбросанный текст»

 





02.

Яркость

Это ослепительно яркие и неоновые цвета, что похожи на цвета из 80-х в противостояние спокойным пижамным цветам к которым мы привыкли.

02 Brightness
Тренд «Яркость»

 





03.

Глитч

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

03 Glitch
Тренд «Глитч»

 

Реклама

Пройти первые 3 урока БЕСПЛАТНОПосетить страницу курса





04.

Цветовые каналы

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

04 color channel
Тренд «Цветовые каналы»

 





05.

Порезанный текст

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

05 sliced text
Тренд «Порезанный текст»

 

Реклама

Курс FullStack-дизайнер





06.

Интеграция

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

06 integration
Тренд «Интеграция»

 





07.

Ликвид

Ликвид (анг. liquid — жидкость) — интересно смотрится в любой графической области, будь то моушн дизайн, 3d или типография. Все что нужно — имитировать любой вид жидкости.

07 liquid
Тренд «Ликвид»

 





08.

Шрифт как иллюстрация

Использование буквенной формы или цифры, как иллюстрации дает поразительный результат. Смотрите примеры.

08 font as illustration
Тренд «Шрифт как иллюстрация»

 





09.

Иконофикация

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

09 iconifocation
Тренд «Иконофикация»

 

Реклама

Курс Продуктовый дизайнер





10.

Афиши

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

10 playbill
Тренд «Афиши»

 





11.

Текст как дизайн

Центром этой техники есть использование текста и его формы, как основы всей работы.

11 text as design
Тренд «Текст как дизайн»

 





12.

Цветовые схемы

Использование цветовых схем (анг. сolor palette или color schema) идея не новая, но тенденция двигается в сторону стандартов, что радует.

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

12 systematic color
Тренд «Цветовые схемы»

 





13.

Конструктивизм

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

13 deconstructivism
Тренд «Конструктивизм»

 





14.

Фото маски

Тренд «Фото маски» немного похож на тренд «Интеграцию», но они разные. Используются текстовые элементы, фигуры, фото и цвета с инструментом маска в Photoshop, чтобы получить что-то интересное. Позволяет передавать различные смыслы очень простым путём.

14 photo masking
Тренд «Фото маски»

 





15.

Прозрачность

Прозрачность очень похоже на тренд «Цветовые каналы». Используем цветовые геометрические фигуры с прозрачностью в основном на черно-белых фото/фонах. Примеры на картинке.

15 Transparency
Тренд «Прозрачность»

 





16.

Иновациионные технологии

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

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

Tesla Модель 3 и её UI (пользовательский интерфейс) — это идеальный пример, который рвет шаблоны и расширяет технологический потенциал.

Проект: Tesla Model 3 | User Interface




17.

Оригинальные иллюстрации (иллюстрации под конкретные проект)

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

Mind Inventory website
Mind Inventory website

Проект: Mind Inventory website

童梦
童梦

Проект: 童梦

slack illustration
Slack project

Проект: Slack.com

Let's take a dive into Virtual Reality 1
Let’s take a dive into Virtual Reality 1

Проект: Let’s take a dive into Virtual Reality




17.1

Детали, детали, детали…

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

Проект: GOT OPEN — A Tennis Game of Thrones

Character & illustration
Character & illustration

Проект: Character & illustration




18.

Минималистичные студийные фото

Еще одна блестящая форма которая привлекает и увлекает пользователей. Студийные фото способны привлечь внимание пользователей к очень конкретным деталям.

minimal photo
Фото из проекта Squarspace

Проект: Squarspace

Hole 1
Hole
Hole 2
Hole

Проект: Hole




19.

Пустое пространство широко используется до сих пор

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

Проект: Creative case

e-commerce website
Nona Home E-commerce Website




20.

Цветные переходы и градиенты

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

Gradients
Firebridge — Digital Agency

Проект: Firebridge — Digital Agency

Colorful
Work and Play

Проект: Work and Play




21.

Детализированные UI

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

The Nature Conservancy (CA)
The Nature Conservancy (CA)

Проект: The Nature Conservancy (CA)

Реклама

ui design курс





22.

Взаимодействие с пользователем — центральная точка для принятия решений в дизайне.

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



Проект: Unight




Проект: Yuna Style Showroom





23.

Адаптивные логотипы (анг. responsive logos)

Больше девайсов = больше потребностей в создании адаптивных элементов. Адаптивные логотипы у некоторых известных брендов лишь небольшой пример этой потребности.




responsive logos
Oxygen’s responsive logos
Oxygen’s responsive logos





24.

Анимация на сайтах

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

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

Спрос на эстетику увеличивается, а программный код становится еще более продвинутым.



Проект: Keenethics Cosmic Website Reconstruction



Проект: blink.watch — Website




25.

Адаптивный интерфейс (анг. responsive UI)

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

Most — russian advertising agency
Most — russian advertising agency
Проект: Most — russian advertising agency

blink.watch — Website
blink.watch — Website
Проект: blink.watch — Website




26.

Язык дизайна (дизайн система)

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

Свои дизайн системы имеют: Apple, Facebook, Google (Material Design), mail.ru, yandex и др.

Wyre Branding
Wyre Branding
Проект: Wyre Branding


Crytivo
Crytivo
Проект: Crytivo




27.

Эстетика для привлечения внимания

Дизайн повсюду и в основном он выглядят одинаково.

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

ManvsMachine
ManvsMachine
Автор: ManvsMachine



Проект: Work and Play




28.

Сторителлинг (анг. storytelling)

Построение взаимосвязей с брендом стало критически важным в построении долгосрочных отношений. Один из проверенных способов сделать это — сторителлинг (умение рассказывать историй).

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

Character & illustration
Character & illustration


Work and Play
Work and Play
Проект: Work and Play




29.

Время загрузки страницы

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

Люди уверены в том, что они смогут быстро передвигаться по сайту бренда с мобильного устройства с их 3G, 4G интернетом.

Speed of loading
Speed of loading
Больше тут: Speed Is Key: Optimize Your Mobile Experience





30.

Пользователи ожидают безупречный опыт при использовании чего-либо

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

"NICO" Home Service Provider Marketplace
«NICO» Home Service Provider Marketplace
Проект: «NICO» Home Service Provider Marketplace





31.

Юзабилити — это ключ

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

BEAT Brand eXperience Design
BEAT Brand eXperience Design
Проект: BEAT Brand eXperience Design


Foly Mobile App
Foly Mobile App

Проект: Foly Mobile App




32.

Дизайн ориентированный на данные

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

Проще говоря: если мы ничего не знаем о пользователе — мы ничего не знаем о том, почему дизайн такой, какой он есть.

BEAT Brand eXperience Design
BEAT Brand eXperience Design
Проект: BEAT Brand eXperience Design

data
Keenethics Cosmic Website Reconstruction
Проект: Keenethics Cosmic Website Reconstruction





33.

Печать по-прежнему широко используется

Независимо от неуклонного увеличения digital, печать и другие формы соприкосновения с пользователем остаются в моде.

buro
Büro
Проект: Büro


print design
Visual Playground 2017
Проект: Visual Playground 2017

Видео по теме:

Источники: 1 и 2

Оглавление

Про автора

Артём

Редактор.

Комментарии

Banner

Артём

Редактор.

Если вы когда-то задавались вопросом:

“Где я могу найти дельный совет в сфере видео?”, вы в правильном месте.

Опыт профессионалов, софт, шаблоны для видео анимации и монтажа - все это здесь, на videoinfographica.com.

Статьи помогут вам открыть для себя новые инструменты для личного заработка или работы на студии, сократить время на создании рекламных видео, инфографики, анимации, фильмов, влогов для YouTube и т.д..

Будем рады любым вашим отзывам.