Разборы

Кто это рисовал? Какие виды дизайна бывают в digital

3D-графика, анимация, лендинги на Tilda и мемы с котиками — разбираемся, чем занимается цифровой дизайнер.
Профессия цифрового дизайнера и виды дизайн в диджитал

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

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

Графический дизайн

Графический дизайнер — человек, который подбирает цвета и шрифты под задачи проекта, верстает тексты, делает инфографику, коллажи иллюстрации. Есть графические дизайнеры, специализирующиеся на полиграфии, — им важно знать многочисленные правила допечатной и постпечатной обработки, чтобы делать плакаты, листовки, брошюры, визитки. Но это уже не так востребовано, как было 10 лет назад. Сейчас вместо рекламных листовок — сторис и посты, а вместо визиток — сайты-визитки. Поэтому большинство графических дизайнеров работают именно в digital.

Графический дизайн в цифре включает в себя:

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

Рекламные креативы для сайта компании и сторонних площадок. За масштабными рекламными кампаниями крупные бренды иногда обращаются в агентства. Также созданием рекламы может заниматься штатный дизайнер. Он придумывает запоминающийся визуальный образ, заботится о том, чтобы сообщение было заметным и привлекательным для ЦА. 

Презентации, инструкции электронные каталоги. Дизайнер верстает многостраничные материалы для рассылки клиентам, спонсорам, партнёрам — для представления компании на конференциях и форумах.

Любые другие картинки, которые могут понадобиться бренду: обложки статей в корпоративном блоге, стикеры, email-рассылки.

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

Агентство Супрематика обновила фирменный стиль Берлинго

Обновлённый фирменный стиль Berlingo от агентства «Супрематика»

Для такой работы дизайнер должен:

  • знать основы композиции, колористики, типографики, стилизации изображений;
  • следить за возможностями и ограничениями соцсетей — какие размеры и разрешение картинок оптимальны для разных типов публикаций;
  • разбираться в форматах файлов;
  • работать в Figma, для отдельных задач может понадобиться Adobe Photoshop, Illustrator и Indesign.

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

Aнимация

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

Моушн-дизайн может пригодиться, чтобы делать:

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

Заставки для видео на YouTube или во ВКонтакте. Для этого можно использовать анимацию логотипа или что-то более масштабное — в зависимости от задач и бюджета.

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

Видеоинфографика для сельскохозяйственного холдинга Domate от студии 3Daddy

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

Веб-игра аутсорсинговой компании UCMS Group от Esprezo

Моушн-дизайнер — человек, который:

  • понимает законы композиции не только в статике, но и в динамике;
  • знает основы драматургии;
  • работает в Adobe AfterEffects: простые GIF можно делать в Photoshop, но для большинства задач его не хватит;
  • иногда сам рисует иллюстрации, которые анимирует — а может получать готовые статичные изображения и отвечать только за движение.

3D-дизайн

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

3D актуально практически в любых ситуациях:

В статичной и анимированной рекламе — чтобы продемонстрировать товар или услугу или просто впечатлить аудиторию.

В соцсетях: 3D — один из способов адаптировать фирменный стиль компании под неформальное общение с аудиторией на разных площадках.

Пример 3Д иллюстрации у Йоты

Иллюстрация из поста Yota в ВК

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

Видеоинфографика ГЕСО в 3D от студии MOVmedia

3D-дизайнер должен:

  • понимать, как превратить плоскую иллюстрацию в объемную: обладать пространственным мышлением, заботиться о том, чтобы объект хорошо смотрелся с разных ракурсов.
  • владеть программами для 3D — их очень много, но среди самых простых, пригодных для маркетинговых задач: Blender или Nomad.

Дизайн интерфейсов

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

Сюда входят:

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

Пример веб-дизайна

Фрагмент лендинга Московской школы кино

Простые интернет-магазины. Это — интерактивный каталог. Здесь важно, чтобы товары было легко фильтровать в выдаче, их описания были исчерпывающими, а система оплаты — простая и понятная. Основная задача — автоматизация продаж. Малый бизнес часто делает интернет-магазины с помощью no-code редакторов: выходят шаблонные решения, зато быстрые и дешевые.

Сайт магазина Трудрук

Интернет-магазин «Трудрук»

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

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

Дизайн спецпроекта

Спецпроект, посвящённый эмоциям

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

Дизайнер интерфейсов в digital должен:

  • знать основы веб-дизайна, разбираться в колористике и типографике;
  • знать о том, как улучшить пользовательский опыт, следить за трендами в UX;
  • понимать принципы адаптивности интерфейса под разные устройства;
  • создавать макеты в Figma;
  • работать в no-code редакторах: например, в Tilda или Readymag.

У каждого бренда свои задачи по дизайну: где-то важны анимационные ролики для YouTube, у кого-то много лендингов под каждый продукт, а кому-то нужно делать много презентаций. Также и digital-дизайнеры часто специализируются на отдельных областях, а в других могут разбираться поверхностно или вовсе их не касаться. Название профессии «цифровой дизайнер» — очень обобщённое. Если вы ищете специалиста, лучше максимально подробно описывать в вакансии свои задачи и искать в портфолио кандидатов похожие кейсы.