Дизайн  •  05 мая  2023  •  5 мин чтения

Интерфейсы, моушн или VR: выбираем путь героя во вселенной дизайна

Когда кто-то говорит, что занимается дизайном, хочется спросить: «А каким именно? Их же много». Разобрали 7 направлений цифрового дизайна и рассказываем, как в них прийти.

Что такое цифровой дизайн

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

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

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

Цифровой дизайн используют и в наружной рекламе. На фото — трёхмерный ролик на одном из зданий в Токио. За счёт изогнутого светодиодного экрана кажется, что кот живой и вот-вот прыгнет. Источник: dailymail

Чем отличается цифровой и графический дизайн

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

Американский дизайнер и архитектор Александр Жирар работает в студии в 1960-х. Источник: brandbook.de
Компьютеры и цифровые технологии сильно изменили графический дизайн. Вместо маркеров и красок у дизайнеров в IT появились Photoshop, Illustrator и InDesign. Дизайнер не может быть человеком-оркестром и уметь всё, поэтому стали появляться новые направления дизайна не только для сайтов и приложений, но и для виртуальной реальности. В рамках каждого из этих направлений можно развиваться.
Сайт, посвящённый Александру Жирару. В основе дизайна — паттерны, которые он создал вручную. Так графический дизайн стал частью цифрового. Источник: behance

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

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

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

Типы цифрового дизайна

Когда интернет начал активно развиваться, из графического дизайна стали выделяться самостоятельные направления: веб-, UX/UI, AR и VR, моушн, коммуникационный и продуктовый дизайн.
Все современные виды дизайна — дети графического. Продуктовый дизайн — более комплексный. Он объединяет разные направления цифрового дизайна

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

Материал по теме:
Кто такой веб-дизайнер и какие навыки ему нужны

UX/UI-дизайн — это создание логики и визуальной части пользовательского интерфейса. Два направления рассматривают вместе, потому что интерфейс должен быть не только визуально приятным, но и удобным для пользователя.

Сначала дизайнер создаёт прототип:

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

Когда прототип готов, UX/UI-дизайнер тестирует его на пользователях, а затем отрисовывает интерфейс с учётом их комментариев.

Функция поиска по подкастам в Яндекс Музыке сначала в виде схемы пользовательского пути, а затем — в виде прототипа. Источник: behance
Материал по теме:
Что такое UI- и UX-дизайн, чем они отличаются. Принципы и перспективы UI/UX‑дизайна

Mоушн-дизайн объединяет графический дизайн и анимацию. Его используют, чтобы создавать анимированные элементы на сайтах, в мобильных приложениях, презентациях, рекламных роликах, титрах и заставках программ, сериалов и фильмов. Примерно каждый второй запрос на площадках для фрилансеров выглядит так: «Кто сможет анимировать логотип для заставки видеоблога или рекламного ролика? Или сделать анимацию до 30 секунд для соцсетей?».

Моушн-дизайн помогает оживить страницу или сделать её интерактивной. Так получается улучшить пользовательский опыт и выделить продукт или услугу среди конкурентов. Часто новички начинают именно с анимации текста
Материал по теме:
Неживое превратить в живое: чем занимается моушн‑дизайнер

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

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

Пример необычного плаката для кафе, где вместо фото завтрака использовали 3D-иллюстрацию. Автор: Anastasia Horlevska
Материал по теме:
Мир в 3D: что такое трёхмерная графика и как она устроена

С помощью AR- и VR-дизайна создают интерфейсы и пользовательский опыт для приложений и игр с технологиями дополненной или виртуальной реальности.

AR позволяет добавлять виртуальные объекты в реальный мир, а VR погружает пользователя в вымышленный — созданный на основе компьютерной графики. Задача IT-дизайнеров, которые работают с такими технологиями, — создать максимально реалистичный и удобный для пользователя опыт.

AR-интерфейс приложения для навигации по городу. Пользователь наводит на улицу камеру, а на экране видит описания кафе, достопримечательностей и отметки о локации друзей. Автор: Khánh Nguyễn
Дизайнер создал VR-модель Александрийской библиотеки. По ней можно прогуляться, используя мышку и клавиатуру, или специальные гаджеты — очки и шлем виртуальной реальности для эффекта полного погружения. Автор: Eren Özçelik

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

Оформление выставки для слепоглухонемых. Коммуникационный дизайнер использовал шрифт Брайля в фирменном стиле выставки. Так получилось выразить идею, что технологии делают искусство доступным любому человеку. Автор: Мария Протопопова

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

Материал по теме:
Что такое коммуникационный дизайн и зачем он нужен

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

Материал по теме:
От идеи до запуска: что делает дизайнер продукта

Знания и навыки цифрового дизайнера

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

Подробнее разберём навыки цифровых дизайнеров в таблице.

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

Если продуктовый дизайнер работает в студии в роли арт-директора, то он может, например, управлять небольшим штатом 3D-дизайнеров. Из моушн, 3D, VR и AR такие специалисты переключаются на геймдев и занимаются уже смысловым проектированием игры. Уходят от визуального творчества в продуктовый дизайн, где нужно продумывать механику взаимодействия.

Где может работать цифровой дизайнер

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

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

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

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

Материал по теме:
Как стать фрилансером и не пожалеть о своём выборе

Как стать цифровым дизайнером

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

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

2. Спланировать переход в профессию. Джуны начинают с небольшой зарплаты, после обучения она может быть в районе 40 000 рублей в зависимости от вакансии. Чтобы финансовые вопросы не мешали набираться опыта и расти, переход в новое направление должен быть плавным. Обучение и старт карьеры можно совмещать с основной работой или накопить подушку безопасности на 6–12 месяцев.

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

● Как это было сделано?
● Как я бы сделал/а?
● Какая задача была у дизайнера?
● Почему это работает?

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

4. Идти за идеей. Например, есть задание — сделать 3D-персонажа с удочкой, который поймал рыбу и пытается удержать её на крючке. Получается, нужен персонаж в динамике. Если студент до этого работал только со статичными персонажами, это не повод ограничивать себя. Можно спросить совета у наставника или ревьюера, самостоятельно поискать примеры с персонажами в динамике, а затем попробовать нарисовать образ, который задумал. Не стоит бояться, что работе будет не хватать модных градиентов или других трендовых эффектов. Важно, чтобы она передала идею и решала задачу.

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

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

Совет эксперта

Алевтина Гринмирис
Начать стоит с ответа на вопрос: «Хочу ли я что-то менять и улучшать в этом мире?». Люди, которые переходят в дизайн из другой профессии, обычно уже накопили насмотренность. Замечают удачные и неудачные приёмы, хотят что-то поправить. Базу можно наработать на курсах, а вот желание анализировать, менять, делать что-то творческое и понимать зачем — главные качества, на которых дизайнер строит карьеру.

Статью подготовили:
Яндекс Практикум
Ревьюер на курсах «Графический дизайн», Коммуникационный дизайн», «Коммерческая иллюстрация»
Яндекс Практикум
Редактор
Анастасия Павлова
Яндекс Практикум
Иллюстратор

Дайджест блога: ежемесячная подборка лучших статей от редакции

Поделиться
Знакомство с IT: Бесплатный гид Практикума по профессиям
Mon Jan 29 2024 10:14:01 GMT+0300 (Moscow Standard Time)