Верстальщик: кто это, чем занимается и сколько зарабатывает (обзор профессии)

Особенности профессии

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

Обязанности дизайнера-верстальщика варьируются в зависимости от компании, в которой он работает. В крупных типографиях он занимается версткой, в небольших – приемом заказов, обработкой фото, выбором шрифта и прочими задачами. Еще 10-15 лет назад верстальщики выполняли поставленные задачи вручную, однако сегодня они используют для создания полиграфической продукции специальные программы, поэтому профессия все больше уходит в графический дизайн.

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

Особенности профессии

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

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

То, что делает верстальщик с текстом, представляет собой целую типографическую науку. Существует целый ряд терминов, например: «висячая строка» (когда «одинокая» первая строка абзаца оказывается в самом конце страницы, либо последняя строка абзаца выталкивается на следующую страницу, это считается некрасивым), «висячий предлог» (любые предлоги, попавшие в конец строки, что считается неправильным), «интерлиньяж» (расстояние между строками) и так далее. Все эти термины входят в огромный свод правил о том, как должен выглядеть текст. Верстальщик знает все эти правила и занимается визуальным «причесыванием» текста, который в итоге должен оказаться читабельным, ровным, красивым, с логично расположенными текстовыми блоками, выделенными подзаголовками, с отсутствием каких-либо висячих предлогов, тире и строк и отстоящим от картинок на равном расстоянии на протяжении всего макета. Кроме того, он знает знаки корректорской правки и вносит финальные исправления в текст готового макета издания. После этого верстальщик передает свою работу специалисту по допечатной подготовке, а если он совмещает две должности, что часто происходит, то сам готовит макет к печати согласно всем техническим требованиям, полученным от типографии. Часто верстальщик работает под руководством не бильд-редактора, а арт-директора и выполняет его указания по поводу дизайна макетов. В этом случае он иногда называется также ассистентом арт-директора.

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

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

Что должен знать и уметь верстальщик сайтов?

Чтобы начать зарабатывать на верстке сайтов, необходимо иметь следующие знания и навыки:

Знать язык разметки HTML и CSS, а также HTML-фреймворки. Самый популярный из них – Bootstrap. Его рекомендую осваивать в первую очередь.

Уметь верстать блоками (есть еще табличная верстка, но она устарела).

Верстальщик должен разбираться в языке программирования JavaScript

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

Знать, что такое кроссбраузерная верстка, адаптивная верстка

Умение верстать на уровне Pixel Perfect – это дополнительный плюс.

Знать, как выполнять основные операции в Photoshop и Figma. Разбираться, что такое слои, как вырезать картинки, фон и т.д.

Знание PHP будет плюсом.

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

Плюсы

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

Минусы

1. Уровень ответственности колоссальный, ведь любая ошибка может стать причиной перепечатывания тиража, что влечет за собой финансовые потери со стороны владельца типографии.
2. Малоподвижный образ жизни.
3. Высокие нагрузки, ведь если проект «горит», то верстальщик может не покидать рабочее место на протяжении 12-14 часов.

Обучение на верстальщика в полиграфии

Циклы теоретических и практических занятий по верстке многостраничных изданий входят в программу специализированных средне специальных учебных заведений, таких как Московский государственный издательско-полиграфический колледж им. И.Федорова, а также ВУЗов, дающих знания в области полиграфии, например МГУП им. И.Федорова или любых институтов, имеющих факультет дизайна. Но гораздо быстрее и качественнее вы сможете освоить эту специальность, пройдя курсы по работе с компьютерными графическими редакторами (иначе – настольными издательскими системами), то есть с Adobe InDesign, Illustrator и Photoshop (особый акцент сделайте на Adobe InDesign), а также прочитав несколько книг по типографике и верстке (особо рекомендуется книга Джеймса Феличи «Типографика: шрифт, верстка, дизайн», содержащая в себе огромное количество полезнейшей информации для верстальщика), и применив все эти знания на практике под руководством опытного верстальщика, готового передавать свои знания младшим сотрудникам.

Как стать верстальщиком и где учиться этой профессии?

Первые шаги можно сделать самостоятельно. В интернете есть множество сайтов, где можно выучить язык HTML и CSS с нуля и бесплатно. Также в рунете есть много проектов, где можно учиться программированию на JavaScript и PHP.

Вот еще несколько полезных курсов для обучения профессии верстальщика:

• HTML для начинающих (бесплатный видеокурс)
• Бесплатный курс по CSS3 для начинающих
• HTML верстка под WordPress (6 видео)
• Бесплатный курс по JQuery
• Курс по CSS Flexbox
• Бесплатный курс по CSS Grid
• Курс по верстке сайтов для начинающих (10 видео)
• Фишки и лайфхаки Photopshop (9 видеоуроков)
• Курс по работе в Figma (15 видео)

• 10 мастер-классов для верстальщиков (10 видео)

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

• Веб-верстка — курс для новичков в университете Skillbox. Отличается доступной ценой и хорошим объемом знаний (учат HTML, CSS, Flexbox, Bootstrap, работе с Git и многому другому).
• Веб-разработчик с нуля (позволяет получить знания и навыки верстальщика и веб-программиста).
• Профессия frontend-разработчик

• Курс, обучающий использованию библиотеки React (для повышения квалификации, не для начинающих).

Кто такой верстальщик сайтов и чем он занимается?

Верстальщик – это специалист, который создает HTML-шаблон для сайта на основе макета, предоставленного веб-дизайнером.

Говоря простыми словами, дизайнер рисует будущий сайт в виде условной «картинки». Однако браузеры (Google Chrome, Яндекс.Браузер и другие) картинки не понимают. Им нужен специальный код, который показывает программе, где вывести меню на странице, фотографии, текст и другие элементы, и какими они должны быть. Все это кодируется при помощи языка разметки HTML и каскадных таблиц стилей CSS.

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

• Из макета верстальщик берет фоны, логотип сайта, различные изображения, которые используются в дизайне, и сохраняет их в виде отдельных файлов на своем компьютере.
• Далее создает HTML-код, который сохраняется в отдельном файле. Этот код умеют читать и понимать браузеры. Отдельно к HTML-коду добавляются CSS-файлы, в которых описывается оформление разных элементов на страницах (размер шрифта, цвет шрифта, оформление таблиц, списков и т.д.).

• Далее файлы с HTML-кодом и CSS передаются разработчикам, которые интегрируют их в CMS – систему управления сайтом.

Однако верстка сайтов – далеко не все, что может делать верстальщик. В его обязанности может также входить:

• Верстка промо-страниц и лендингов.
• Верстка писем для E-mail рассылок.
• Устранение багов (ошибок) в верстке сайтов.
• Выполнение различных доработок: оптимизация HTML и CSS кода для ускорения загрузки сайта, внедрение адаптивного дизайна, кроссбраузерная верстка (т.е. такая верстка, которую одинаково интерпретируют разные браузеры).

• Верстка макетов веб-сайтов на основе PSD-макетов дизайнеров.

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

Сколько зарабатывают верстальщики?

В среднем опытный специалист может зарабатывать от 40-50 тыс. рублей до 60-80 тыс. рублей в месяц. Зарплата на уровне 80 тыс. руб. и выше считается в этой профессии высокой, хотя например, frontend и backend-программисты могут зарабатывать намного больше.

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

Также зарплата зависит от опыта. Если он небольшой, в региональной веб-студии верстальщику могут предложить и 20, и 25 тыс. рублей на старте. Однако плюс ИТ в том, что по мере накопления опыта зарплата быстро растет. Например, верстальщик с опытом от 1 года уже не пойдет на зарплату ниже 40-50 тыс. руб.