Веб-дизайнер: кто это, что делает и сколько зарабатывает

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

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

А что еще? Еще дизайнеру нужно сделать так, чтобы пользователю: вам и мне, автору, пишущему эту стать. Тете Вале, которая ищет ниточки, чтоб связать носочки или рыбаку Степану было интересно и удобно на сайтах, которые мы все посещаем. Веб-дизайнер создает интерфейсы с учетом интересов аудитории, делает веб-сайты, которыми нам с вами удобно и приятно пользоваться. Веб-дизайнер — классный специалист, который заботится о каждом пользователе интернета.

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

Получается второй кусочек определения: веб-дизайнер — специалист, cоздающий визуальное оформление сайтов, он наводит красоту, которой приятно пользоваться.

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

1. Навыки использования инструментов: Figma и Photoshop. Это основа. Их нужно освоить в первую очередь, можно пойти путем курсов на YouTube для начинающих дизайнеров. 
   Куда смотреть → несколько уроков по Photoshop для веб-дизайнера. 
2. Нужно почитать, а лучше хорошенько разобраться в принципах дизайна. 
   Куда смотреть → Литрес говорит, что лучшая классическая книга по этой части «Дизайн привычных вещей» — Дональд Норман
3. Цветовые взаимодействия. Нужно разобраться, как цвета влияют друг на друга и как их использовать. Со старту почитайте про круг Иттена. 
   Куда смотреть → Unisender классно рассказывает, что такое цветовой круг Иоханнеса Иттена и как пользоваться палитрой цветов. 
4. Понимать, как люди пользуются сайтами и приложениями, и вообще взаимодействуют с миром интернета и не только. 
   Куда смотреть → у VC есть крутая статья на этот счет — Пользовательский опыт: все, что нужно знать продакту.  
5. Типографика — нужно знать, как работать со шрифтами, какие и когда уместны, а когда лучше отказаться в пользу другого решения. 
   Куда смотреть → в нескольких источниках в ранг топ-1 ставят книгу «Новая типографика. Руководство для современного дизайнера» — Ян Чихольд. 

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

В дизайне есть масса направлений: 

1. Графический дизайнер — похож на веб-дизайнера, но в его обязанности может входить и разработка рекламной продукции, не привязанной к сайтам. 
2. Дизайнер полиграфии — разрабатывает оформление для бумажной продукцию: флаеры, визитки, буклеты и так далее. 
3. Дизайнер интерьеров — придумывает оформление для жилых и коммерческих помещений. 
4. Ландшафтный дизайнер — компонует и оформляет пространства на улице: дворы домов и коммерческих объектов. 
5. Промышленный дизайнер — создает дизайн для бытовой техники, машин, гаджетов, мебели — в зависимости от направления, в котором работает. 
6. Дизайнер одежды — создает коллекции одежды.

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

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

Работа веб-дизайнера строится в несколько этапов: 

1. Взаимодействие с заказчиком или проект-менеджером
   Чтобы создать качественный сайт под запросы компании и ее аудитории, веб-дизайнеру нужно четко понимать для каких целей создается ресурс, как он будет работать, кто будет его посещать, что на нем будет размещаться или продаваться. На все эти вопросы отвечает заказчик в брифе, при встрече или по телефону.
2. Создание прототипа будущего сайта
   Это схематичное изображение сайта: каким он будет, где будут располагаться функциональные элементы и информация. Прототип отдается на согласование заказчику, если что-то не устраивает, он дорабатывается.
3. Создание макета дизайна 
   Прототип — это скелет проекта, макет — готовое оформление сайта. На этом этапе дизайнер прорисовывает все элементы проекта: подбирает цвета, шрифты, изображения и компонует это все в единое целое. 
4. ТЗ и контроль разработчиков
   Дизайнер передает готовый макет веб-разработчикам и контролирует выполнение работы: правильно ли подобраны цвета, соблюдены ли отступы, те ли шрифты использовал разработчик. 

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

Зарплата веб-дизайнера растет в зависимости от уровня его компетенции. Условно всех специалистов можно поделить на три группы по уровню компетенций:

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

Таким образом, можно работать с любого возраста, но в официальном статусе только с 14 лет. 

Веб-дизайнеры могут работать: 

1. В студиях дизайна — это компании, которые создают дизайн-продукцию всех типов и уровней, сайты — один из видов продукции. 
2. В маркетинговых и digital-агентствах — это организации, которые занимаются продвижением компаний: SEO, контекстная реклама, SMM — все это хорошо работает, когда есть сайт. Веб-дизайнеры — важные участники продвижения брендов в интернете. 
3. В крупных компаниях — банки, торговые предприятия, заводы, сервисы связи. Все те компании, которые нуждаются в дизайн-продукции нанимают веб-дизайнеров в штат, так дешевле и контроль выше.
4. На фрилансе. Дизайнер — один из специалистов, который может себе позволить работать на дистанционной основе сразу с несколькими компаниями. В таком случае доход специалиста становится неограниченным. 

Лучший путь у каждого свой. Есть несколько сценариев, по которым можно следовать к освоению профессии:

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

Этот сценарий подходит преимущественно для молодых людей в возрасте до 20-22 лет. Если вы старше, скорее всего такой путь вам не подойдет, разве что, поступать на заочное отделение и совмещать обучение с работой. 

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

Сценарий обучения выбираете только вы. Если средства позволяют, идите на курсы, как правило, знания, за которые мы платим — более ценные. Потраченные деньги мотивируют нас развиваться в выбранном направлении. Но курсы — не всегда верное решение, диплом о высшем — тоже полезная штука, он все еще помогает при трудоустройстве. Если же нет возможности учиться по программам курсов или ВУЗов, берите бесплатные знания. Начните с раздела этой статьи «Что нужно знать веб-дизайнеру».