Графический дизайн vs веб‑дизайн: сходства и различия

Чем занимается графический дизайнер:

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

Чем занимается веб-дизайнер:

● продумывает путь пользователя;
● придумывает подходящее визуальное решение;
● разрабатывает прототипы и макеты;
● создаёт дизайн лендингов, сайтов и приложений;
● адаптирует их для разных мобильных устройств.

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

Такая разница сфер приводит к отличию в инструментах и навыках: веб-дизайнеру нужно разбираться в основах аналитики и UX-копирайтинге, которые вряд ли пригодятся графическому дизайнеру. С большей вероятностью последнему пригодится умение подготовить макет к печати и понимание, чем инклюзивная навигация в музее отличается от обычной. При этом оба специалиста должны владеть базовыми программами, такими как Figma и Photoshop, разбираться в типографике и знать основы анимации.

Веб-дизайнер больше времени работает в Figma, а графический — в Illustrator, InDesign, Photoshop и After Effects. На курсе «Веб-дизайнер» студенты учатся выстраивать композицию, работать с цветом и шрифтами, проектировать взаимодействие пользователей с интерфейсом. Опытные эксперты из Яндекса, Tutu.ru, Банка ВТБ, Совкомбанка и других крупных компаний помогут овладеть нюансами работы с Figma и подскажут, как улучшить проект после ревью. Начать учиться можно бесплатно.

По данным сервиса «Хабр Карьера», средняя зарплата графического дизайнера в России — 79 тыс. рублей. Специалисты без опыта получают от 38 до 70 тыс. рублей, а продвинутые дизайнеры с опытом в 4–5 лет могут претендовать на доход до 112 тыс. рублей.

Средняя зарплата графического дизайнера находится на уровне 79 тыс. рублей. Источник

Вакансия со ставкой ниже рынка скорее заинтересует новичка без опыта работы. Источник: hh.ru

Среднюю зарплату веб-дизайнеров «Хабр Карьера» оценивает в 73 тыс. рублей. Начинающий специалист может получать 61 тыс. рублей, а продвинутый — 83 тыс. рублей.

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

Зарплата старшего веб-дизайнера будет выше дохода графического дизайнера с аналогичным опытом работы: первым работодатели готовы платить в среднем 156 тыс. рублей, по данным «Хабр Карьеры». Максимальная ставка — 232 тыс. рублей.

Веб-дизайнер уровня senior может получать от 96 до 232 тыс. рублей. Источник

У графических дизайнеров с аналогичным опытом работы максимальная ставка не превышает 195 тыс. рублей, фиксирует «Хабр Карьера». При этом на рынке есть вакансии с доходом существенно ниже или выше.

На сложность подсчёта средней зарплаты специалистов влияет большая вилка в вакансиях: одни работодатели готовы платить по 100 000 рублей, другие — от 200 000 рублей. Источник: hh.ru

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

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

● вести диалог: договариваться с заказчиками и общаться с командой;
● аргументировать свои решения;
● работать в команде и ставить задачи коллегам;
● проявлять эмпатию.

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

Папка, доска или сайт с референсами — обязательный атрибут и веб-, и графического дизайнера. Например, можно собрать работы на Behance. Источник: behance.net/greenman221

Графический и веб-дизайнер работают в одинаковых программах:

● Figma — для создания прототипов, макетов сайтов и лендингов;
● Photoshop — для обработки изображений;
● Конструкторы сайтов, например Tilda или Readymag, — для создания лендингов;
● Adobe Illustrator — для создания векторных изображений;
● Adobe InDesign — для создания и подготовки к печати многостраничных макетов журналов, книг, каталогов;
● After Effects — для создания анимации и визуальных эффектов.

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

Такой баннер можно сделать в Figma. В этой же программе можно создать лендинг продукта или полноценный макет сайта. Источник: practicum.yandex

Ноутбук с выходом в интернет позволяет специалистам работать из любой удобной точки — и это не обязательно офис. Источник: hh.ru