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

Хотите работать в прогрессивном IT-секторе, но при этом реализовать творческий потенциал? Тогда дизайнер – идеальная профессия для вас. Осталось только выбрать среди десятка направлений: графический и моушн-дизайн, гейм-дизайн и дизайн приложений и так далее. В этой статье мы поможем выбрать между двумя базовыми профессиями: Web Designer и Graphics Designer. Об особенностях, различиях и перспективах профессий – читайте в блоге Lemon School.

Веб-дизайнер и графический дизайнер: суть профессий

Хорошая новость в том, что вы уже знакомы с этими нишами. Каждый день мы взаимодействуем с результатами работы дизайнеров. Чтобы понять, что создает веб-дизайнер, достаточно открыть ноутбук или телефон. Внешний вид сайтов и приложений – его работа.  А чтобы увидеть труды графического дизайнера – пройдитесь по улице. Вывеска кофейни у дома, логотип известного бренда на баннере, наружная реклама, обложка журнала – все это плоды работы графического дизайнера. Справедливости ради, эти же вещи мы видим в интернете. Но изначально графдиз работал только с графикой на физических носителях. Простыми словами об этих профессиях: разница в том, что логотип и айдентику компании Nike создал графический дизайнер, а сайт того же бренда – web-дизайнер.

Веб дизайн и графический дизайн: что общего у популярных IT-профессий

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

• общие базовые знания. Психология цвета, основы композиции, правила сочетания шрифтовых пар – все это применяется в любом направлении дизайна;
• генерация идей – важнейший навык в дизайне. Чтобы творить с чистого листа, нужны смелость и креативность. Правда, иногда их сковывает техническое задание заказчика;
• сначала – маркетинг, потом – творчество. Дизайн в IT – это совсем не про искусство в чистом виде. Ведь сайты, логотипы, баннеры и прочие продукты создаются для развития бизнеса клиента, а не для творческого самовыражения;
• частично совпадают инструменты для работы. Например, и в веб-дизайне, и в графическом дизайне, работают с Figma и Adobe Photoshop.

Web Designer и Graphics Designer создают разные продукты, используя при этом разные инструменты. Давайте рассмотрим обе профессии под микроскопом.

Что создают?

Поле деятельности веб-дизайнера – сайты и приложения. На основе техзадания клиента он создает удобный и красивый интерфейс.  Основные обязанности Web Designer:

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

Чтобы освоить эти скилы, нужно пройти обучение веб дизайну. В Lemon School вас ждет не просто теоретическая информация, но и обилие практики с фидбеком в виде менторских сессий.  А как насчет графического дизайнера? Он отрисовывает буквально все, кроме веб-страниц:

• логотипы и айдентику компаний;
• рекламу – креативы в таргете и баннеры возле метро;
• полиграфию всех видов: буклеты, листовки, каталоги;
• дизайн упаковки;
• дизайн книг и журналов;
• шрифты (ага, их тоже придумывают живые люди);
• стикеры в Телеграме, иконки для Highlights в Инсте;
• меню в ресторанах, этикетки на одежде.

Сами понимаете, список бесконечный.

Как создают?

Различие в задачах логично приводит к различию в инструментах. Безоговорочный лидер в современном веб-дизайне – Figma. Пройдя курсы компьютерной графики вы будете без проблем создавать прототипы веб-страниц в этой программе. Веб-дизайнеры могут отрисовывать макеты также в Sketch, InVision Studio, Adobe XD. Функционал у программ похожий, а выбор зависит от привычек и вкуса. Инструментарий графического дизайнера шире: Adobe Illustrator, Adobe Photoshop, Adobe After Effects, Cinema 4D, Figma. Опять таки, функционал программ пересекается. Уже на практике вы сможете выбрать, в какой проге вам комфортнее.

С кем создают?

Когда мы говорим про графический дизайн и веб дизайн, разница в близости профессий к миру IT может повлиять на ваш выбор. Веб-дизайнер зачастую работает в команде разработчиков, где есть еще проджект-менеджер, верстальщик, фронтенд, бекенд и далее по списку. И ближайший коллега дизайнера здесь – верстальщик. Чтобы говорить с ним на одном языке, желательно хотя бы поверхностно познакомиться с HTML и CSS. Графический дизайнер может работать в айти-индустрии: создавать отдельные элементы сайта в паре с веб-дизайнером, креативы для рекламы в интернете, визуальные элементы для публикаций в соцсетях. Но есть и другие варианты развития: работа в издательстве, на полиграфии, в рекламном агентстве. 

Веб дизайн и UX UI разница?

Наряду с Web Design и Graphics Design часто говорят про UX/UI-дизайн. Не пугайтесь, это по сути часть веб-дизайна. UX расшифровывается как User eXperience. Задача UX-дизайнера – разработать интерфейс, который будет понятен пользователю. Если вы заходите на сайт и не понимаете, куда тут нажимать и как сделать заказ – UX недоработан. UI — это User Interface, визуальный вид продукта. UI подразумевает целостный, гармоничный, привлекательный интерфейс. UX – это про архитектуру приложения или сайта. UI – про внешний вид. На рынке США и ЕС можно встретить две отдельные профессии: UX-дизайнер и UI-дизайнер. А в Украине за обе характеристики отвечает веб-дизайнер.

Что лучше выбрать: веб дизайн или графический дизайн?

В профессиях графический дизайнер и веб дизайнер отличия заключаются в близости к айти-сфере, сути работы, инструментах. Одним словом, почти во всем. Но есть и кое-что общее: реализация творческого потенциала, возможность зарабатывать от 600$ со старта и работать с интересными проектами. Поэтому ключевой совет от Лемон Скул: выбирайте исходя из своих интересов и предпочтений. Если вас больше тянет к техническим знаниям – начните с веб-дизайна. Со временем вас может заинтересовать верстка сайтов, а там и фронтенд не за горами. Если вы скорее творческая личность, чем суровый айтишник – попробуйте себя в графическом дизайне. Возможно, это начало вашего пути к должности арт-директора рекламного агентства.