Кто такой графический дизайнер

Посмотрите на два экрана. Какие ощущения они вызывают? 

Сначала ответьте сами, а потом читайте дальше.

Можем предположить, что ощущения разные. 

1. На первом экране происходит хаос. Допустим, человек зашёл сюда, чтобы найти подходящий курс по рисованию. Он скользит глазами по странице, пытаясь разобраться, как это сделать. Откуда-то возникает мастер-класс по лепке из глины. На одной из картинок рисует ребёнок: так это рисование для детей или взрослых? А зачем консультация? А почему кнопка «Записаться» серая: запись сейчас недоступна?.. Если под рукой в поисковике ещё десятки сайтов с этой услугой, пользователь может закрыть экран и выбрать что-то более понятное.

2. Второй экран — удобный. Во-первых, он помогает составить первое впечатление о компании: передаёт некую радость и простоту. Если эти вещи близки человеку, то повышается шанс, что он выберет эти курсы по рисованию. Во-вторых, он ненавязчиво ведёт человека по тем элементам, которые важны для бизнеса. Человек уже на первом экране видит и нажимает яркую кнопку. Ему не нужно прилагать усилия, чтобы разобраться, и он с лёгкостью пользуется продуктом — а значит, делает то, что нужно бизнесу. Этот экран спроектировала Катя Угарина, ученица нашего интенсива «UX/UI-дизайнер с нуля».

Почему ощущения от экранов такие разные? Потому что дизайнеры по-разному пользовались правилами графического дизайна. На первой картинке дизайнер сделал дизайн «из головы», и получилось то, чем неудобно пользоваться. Дизайнер второго экрана знаком с правилами графдизайна. Он за ручку провёл пользователя по пути, который задумал для него бизнес, и довёл до целевого действия.

[card]

Графдизайн — база вообще всего дизайна 

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

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

[/card]

Я Миша Розов — сооснователь WANNABE, основатель топ-3 студии дизайна pinkman и автор курсов для дизайнеров. В этой статье мы вместе с арт-директором WANNABE Лизой Северовой расскажем: 

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

<<event-3d-basics>>

Графический дизайнер управляет вниманием и эмоциями

Помните, по интернету бродил мем?

Так работает правило акцентов в графическом дизайне. 

[quote]

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

[/quote]

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

Графический дизайн используется в самых разных материалах:

• упаковка товаров;
• рекламные баннеры;
• листовки и буклеты;
• айдентика брендов — логотип, шрифты, цвета, паттерны, иллюстрации;
• книги;
• лендинги, сайты, интерфейсы.

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

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

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

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

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

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

Благодаря комплексной работе дизайнера продукт выглядит цельным и аккуратным. 

Любой цифровой дизайн строится на 5 слоях:

1. Типографика. Это не выбрать из гугл-шрифтов тот, который вам кажется подходящим, это намного более глубокая работа.
2. Работа с композицией каждого экрана (layout). Очень важный слой, он влияет на то, как люди себя чувствуют, когда смотрят на страницу. 
3. Цвета. На что пользователь должен обратить внимание, куда нажать. 
4. Стиль. Это слой деталей: толщина обводки, полоски, точки и другие дополнительные элементы. Если умеете обращать внимание на такие детали, искать их в референсах, у вас получаются классные работы. А работать в концепции «какой дизайн родится, так и сделаю» — бесперспективный путь. 
5. Картинки. Они есть даже в интерфейсах: показывают состояние, страницы «молодец».

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

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

И ещё один важный момент — на протяжении всей работы должен быть единый стиль. 

[quote]

Миша Розов

Сооснователь WANNABE, основатель топ-3 студии дизайна pinkman и автор курсов для дизайнеров

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

Сайт НЕ выглядит стильным, когда на уровне акцентов, типографики, цветов и элементов в нём обилие разных решений. Например, на одном экране всё квадратное, огромные шрифты и отступы, много свободного места, а на другом — аккуратные серые обводки и маленькие шрифты. Такой сайт вызывает недоумение и дискомфорт. Есть и другая категория сайтов — где экраны слишком однообразные и вызывают скуку. Задача графдизайнера — поймать тут баланс.

[/quote]

<<designery-telegram-mihaila-rozova>>

Требования к специалисту

Чтобы работать графическим дизайнером, нужно иметь такие компетенции:

Направления графического дизайна и обязанности графдизайнера

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

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

2. Дизайн упаковки. Все товары продаются в упаковке. Задача дизайнера — разработать такую упаковку, чтобы она привлекала пользователей и вызывала желание купить продукт. 

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

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

А теперь смотрите: человек умеет работать с типографикой, цветом, композицией, через дизайн доносить философию бренда и, возможно, даже влиять на продажи. Может ли он с этими навыками идти в другие области дизайна? Конечно. Если графдизайнеру поднадоело в своей сфере, ему открыты все дороги:

1. Веб-дизайн. Проектировать логику лендингов и сайтов, рисовать их макеты, создавать шаблоны для email-рассылок. Здесь нужно уметь делать дизайн адаптивным, то есть нормально работающим на разных устройствах, а ещё понимать основы вёрстки и разработки.

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

Например, один из наших учеников Даниил Ермоленко делал такое тестовое задание в компанию «Звук СТУДИО». 3D он изучал на нашем интенсиве, а анимацию самостоятельно.

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

Кто такой UX/UI-дизайнер и чем он занимается

4. Продуктовый дизайн. Продуктовые дизайнеры тоже занимаются интерфейсами: для веба и мобильными. Их задачи, в отличие от веб- и UX/UI-дизайнеров, сдвигаются в сторону проектирования. Они проводят исследования и тестирования, учитывают бизнес-требования и потребности пользователей. При этом они редко сами оформляют визуал своих макетов, так как в продуктах есть сильные команды коммуникации.

Как правило, такие дизайнеры работают с конкретным фичами продукта, например с формой оплаты, поисковой строкой или карточкой товара. 

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

При этом их всё равно привлекают продуктовые дизайнеры для оформления фич и сайтов. Часто среди коммуникационных дизайнеров встречаются тридэшники и моушен-дизайнеры.

По сути, на этом этапе коммуникационный дизайнер объединяет в себе несколько специализаций из предыдущих этапов. Они как бренд-дизайнеры задают видение и смыслы, тон-оф-войс продукта, как графические дизайнеры «пакуют» эти смыслы в красивый визуал, а некоторые как 3D- или моушен-дизайнеры добавляют вау-эффект к своей работе.

Как работает графический дизайнер

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

Я предлагаю по-другому: 

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

[quote]

Лиза Северова

Лид направления дизайна в WANNABE, работает в студии pinkman на проектах VK, Московского музея транспорта и на внутренних проектах студии

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

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

[/quote]

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

[card]

Пример

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

После этого Карина проанализировала референсы, выделила из них основные элементы и применила их уже в своём дизайне.

[/card]

[quote]

Миша Розов

Сооснователь WANNABE, основатель топ-3 студии дизайна pinkman и автор курсов для дизайнеров

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

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

[/quote]

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

Последним идёт этап упаковки. Это может быть 3D-шот того, как упаковка товара будет выглядеть в реальной жизни на полке магазина. Если речь идёт об интерфейсе сайта или приложения, то это, например, библиотека элементов и UI-kit — то, что поможет разработчикам воплотить макет в жизнь.

[card]

Пример

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

Одним из заказчиков Даниила была киностудия имени Горького, у которой есть «Кинокампус» — креативный кампус, где актёрскому мастерству и производству фильмов учат детей и подростков.

Даниил создал концепцию мерча для учеников «Кинокампуса». Чтобы сделать цельный продукт, наделённый определёнными смыслами, он изучил, как работают киностудия Горького и «Кинокампус», выяснил детали задачи, собрал референсы, помозгоштурмил, определился с концепцией. Это составило бóльшую часть работы.

И только потом Даниил вместе с командой отрисовал и презентовал решение.

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

[/card]

Сколько зарабатывает графический дизайнер

По данным «Хабр Карьеры», средняя зарплата графического дизайнера в России — около 74 000 рублей в месяц. При этом зарплата разнится в зависимости от нескольких факторов:

• местоположение и размер компании;
• уровень навыков дизайнера;
• его специализация.

Рассмотрим средние цифры для каждого грейда.

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

У мидл-дизайнера опыт работы, как правило, 1–3 года. Он может брать на себя больше ответственности за проекты.

Сеньор — человек с опытом от 3–4 лет. Он может разрабатывать визуальный стиль всего проекта, создавать гайдлайны и контролировать процессы, а если работает в команде с джуниором — также выступать его наставником.

[card]

Все цифры здесь примерные. В интернете можно найти и вакансии джуниора за 25 000 рублей, и вакансии мидла за 150 000 рублей. Я же говорю о средней ситуации по рынку.

[/card]

Плюсы и минусы профессии

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

Плюсы:

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

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

3. Можно работать удалённо. На фрилансе локация неважна, компании тоже часто нанимают сотрудников дистанционно. 

4. Есть карьерный рост. Дизайнеры начинают с простых заказов на фрилансе или стажировки в компании и вырастают до арт-директора или head of design. Также есть возможность перейти в смежные сферы — веб-дизайн, моушен-дизайн, UX/UI. Подробнее об этом скажу в «минусах».

Минусы: 

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

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

Представьте: графический дизайнер рисует карточки для постов и товаров, моушен, баннеры. Для выполнения задачи есть бриф, в нём референсы, но обоснование, почему мы берём именно такие примеры, будет из серии: «Вот это круто». Другой человек в команде может сказать: «Нет, а мне не нравится». А когда увидит готовый дизайн, обсуждение будет на уровне «давайте попробуем по-другому, поменяем плашку или поиграем со шрифтами». Это очень субъективно: победит тот, кто сможет убедить остальных или приведёт какие-то доводы. 

Даже если дизайнер убедил клиента, что нарисовал классный баннер, в большинстве случаев он не сможет объективно узнать, правда хорошо нарисовал или нет. Конечно, он может выложить свои работы на Behance, посмотреть на лайки или количество просмотров — но это всё ещё субъективно. Поэтому в графическом дизайне растут медленно. 

[card]

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

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

[/card]

Какое образование необходимо получить

Графический дизайн можно освоить самому — по видео, статьям и книгам. Знаний в интернете много, но есть нюансы:

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

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

1. Изучил тему.
2. Выполнил упражнение.
3. Получил обратную связь от сильного арт-директора.
4. Повторил первые 3 пункта пару раз.
5. Навык сформировался.

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

[card]

Ученики не только получают теорию, но и тут же прорабатывают её на практике. Они работают над своими проектами в команде с продактами и разработчиками и получают обратную связь от арт-директоров из pinkman, Avito, «Яндекса». 

[/card]

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

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

[quote]

Лиза Северова

Лид направления дизайна в WANNABE, работает в студии pinkman на проектах VK, Московского музея транспорта и внутренних проектах студии

Графический дизайн пронизывает вообще все сферы, поэтому невозможно заниматься ТОЛЬКО им, тебя неминуемо куда-то унесёт.

[/quote]

<<design>>