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

При первом приближении может показаться, что веб дизайнер – это обычный дизайнер, просто он работает над сайтами. И это будет очень узким определением, потому что web дизайнер – это довольно широкая профессия, которая включает в себя как минимум дизайн, логическую часть верстки и проектировку UI/UX. Это – минимальный список задач, с которыми должен справляться дизайнер сайтов или мобильных приложений, но на этом список далеко не заканчивается – профессия «Веб дизайнер» может включать в себя практическую сторону верстки, анимацию, брендирование, маркетинг и далее и далее. Ниже – о том, что Web Designer из себя представляет и как им стать.

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

Веб-дизайнеры работают с интерфейсом сайта/приложения. В список базовых задач дизайнера входит:

1. Создание разметки интерфейса.
2. Создание графического представления интерфейса.
3. Продумывание и проработка пользовательского опыта.

Часто этот стек называют UI/UX. UI – это user interface, пользовательский интерфейс. UX – это user experience, пользовательский опыт. Собственно, за это дизайнер и ответственен – ему нужно разработать такой дизайн, который будет одновременно удобным и привлекательным.

Начинается все с создания разметки интерфейса – то есть расположения блоков, меню, колонок и других элементов страницы либо экрана. Технически дизайнер может подходить к этому шагу и без знания CSS/HTML, но все же знать их крайне рекомендуется – после того, как дизайнер создаст макет, этот макет уйдет в работу верстальщику, и последнему удастся максимально точно передать макет в верстке только в том случае, если макет будет создан по всем правилам верстки. Кроме того, блочная верстка с помощью CSS/HTML – это надежный каркас для 99.99% проектов, и почти всегда заново изобретать велосипед не нужно.

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

1. Попасть в каталог.
2. Отсортировать товары по нужным им параметрам.
3. Сравнить между собой несколько приглянувшихся вариантов.
4. Добавить товар в корзину.
5. Оплатить его.

Следовательно, веб-дизайнер должен подумать о:

1. Большой кнопке «Каталог», чтобы пользователь, впервые оказавшийся на сайте, сразу ее увидел.
2. Понятные надписи или пиктограммы, включающие/выключающие те или иные фильтры в каталоге.
3. Информативные превью товаров в каталоге, чтобы пользователь мог по информации из этих превью сравнить товары. Альтернатива для дорогих проектов – сделать отдельную форму, в которую можно добавлять товары и быстро их сравнивать.
   
   
   
4. Сделать большую и заметную кнопку покупки.
5. Создать удобный интерфейс для корзины.

И таких паттернов может быть много – каждый нужно продумывать.

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

Вы можете возразить, что обычно веб-дизайнерам приходит ТЗ, в котором уже прописаны страницы и переходы, вся работа дизайнера – это нарисовать то, что скажут. В теории – да, на практике же у веб-дизайнера есть еще 4-й базовый навык: объяснять заказчику, почему он неправ. Дело в том, что в разработке сайта или приложения (если это более-менее крупный проект) принимает участие множество людей, и далеко не все из них разбираются в дизайне. Поэтому велик шанс того, что человек, составляющий ТЗ для вас, просто взял идею у конкурентов и решил, что его бизнесу нужно сделать так же. Естественно, в большинстве случаев точно так же делать не нужно, и вам придется объяснять это заказчику. Наиболее часто эта проблема встречается у фрилансеров, если веб-дизайнера берут в штат, и над ним есть более опытные сотрудники – эта доля выпадает на них.

Из необязательных задач веб-дизайнера: анимация, верстка, программирование на JavaScript. Какая-либо крупная анимация на сайтах используется редко, но если она нужна – будет очень удобно, если ее сможет нарисовать непосредственно дизайнер, создающий шаблон. Верстка нужна везде, и версткой обычно занимаются верстальщики, но если веб-дизайнер может и создать шаблон дизайна, и сделать верстку на основе этого шаблона – он гарантированно будет зарабатывать больше, потому что работодатель может сэкономить на лишнем сотруднике (верстальщике) и отдать половину зарплаты верстальщика дизайнеру – обе стороны оказываются в плюсе. Программирование на JS – это для веб-дизайнера уже высший пилотаж, поскольку такой дизайнер может и создать, и реализовать сложный дизайн с интерактивными вставками (та же анимация).

Обычно веб-дизайнер, который умеет писать скрипты на JS, уже знает HTML/CSS, а стек «Веб-дизайн + HTML + CSS + JS» – это уже фулл-стек веб-дизайнер, и зарабатывают такие дизайнеры очень много денег. 

Важные навыки веб-дизайнера

Основные навыки:

• Создание шаблонов графического интерфейса. Для этого нужно уметь работать со специализированными программами: Photoshop, CorelDraw и так далее.
• Предварительная разметка верстки. Верстальщик будет нарезать ваш шаблон на блоки, поэтому вам заранее нужно эти блоки продумать и разметить.
• Продумывание UX. Вам нужно продумать интерфейс так, чтобы он был максимально удобным для пользователя.

Будет плюсом:

• Коммуникативные навыки. Работа дизайнера – это постоянное согласование и множественные правки, поэтому крайне желательно уметь вести деловые переговоры.
• Верстка. Если вы можете самостоятельно создать верстку с помощью HTLM/CSS, можете ожидать прибавку к зарплате.
• JavaScript. Позволяет создавать анимацию и интерактивное взаимодействие с пользователем, открывает дорогу к full-stack web designer.

В каком направлении лучше развиваться

Для начала стоит получить базовые знания – то есть стать дизайнером. После этого нужно получить основы веб-дизайна – верстку и UX. Как только вы получите этот минимальный набор, перед вами откроется дорога в начинающие веб-дизайнеры. Далее есть 2 варианта: либо работа на кого-то, либо фриланс. Первый вариант – проще, второй – прибыльнее. В принципе, вам ничего не мешает совмещать эти 2 пути: работать на официальной работе и подрабатывать на фрилансе в свободное время.

Путей дальнейшего развития – довольно много: дизайнер веб-страниц или дизайнер мобильных приложений, дизайнер-верстальщик, дизайнер-разработчик (фронт-энд), дизайнер с уклоном в какие-то конкретные направления дизайна. Эта профессия предполагает постоянное самосовершенствование, вашей главной визитной карточкой в мир больших денег будет ваше портфолио и умение общаться с заказчиками/начальством.

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

Обучение на веб-дизайнера

Платные курсы

• Логомашина. Помогают получить профессию с нуля. Обучение – от 8 до 12 месяцев, по заверению курса, через 3 месяца вы уже сможете начинать работать. 
• PentaSchool. Курс длится 9 месяцев, в дополнение к стандартному UI/UX дизайнеру вам покажут основы анимации и 3Д-графики в интерфейсе. Среди прочего – учат делать дизайн в Тильде, что сейчас довольно востребовано.

Бесплатные курсы

• Мастер-класс. Длится 2 часа, преподаватель показывает, как можно создать простой, но готовый проект.
• Интро в веб-дизайн. Курс из 7 модулей, рассказывает основы веб-дизайна и дает практические примеры.
• Веб-дизайнер 2.0. Вводный курс по веб-дизайну. После того, как вы пройдете его, вам дадут сертификат на скидку в 30% на остальные курсы школы – сэкономите, если захотите углубить знания и понравится учиться в этой школе.

Что почитать по теме

• Курс на Хекслете.
• Основы грамотного веб-дизайна в Фигме.

FAQ

На какую зарплату может претендовать новичок?

Где-то на 30 000 – 40 000 рублей.

Стоит ли начинать с фриланса?

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

Подведем итоги

Тезисно:

• Веб-дизайнер разрабатывает пользовательский интерфейс и графический дизайн сайта или приложения. 
• Часто таких дизайнеров называют UI/UX (User Interface/User Experience) дизайнерами.
• Дизайнер должен уметь коммуницировать с другими людьми – часто дизайнерам приходится объяснять заказчикам, почему что-то стоит или не стоит делать.
• Если подключить к веб-дизайну программирование, то можно стать фул-стек фронт-энд разработчиком с очень хорошей зарплатой.