Никому ничего не должен: почему веб-дизайнеру не обязательно уметь верстать

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

Привет, я Павел Макагонов! Со-основатель онлайн-школы по ноу-код, а именно на Webflow Pixel Perfect. Я отвечаю за создание и развитие продуктов и помогаю студентам развивать личный бренд на UpWork. За 2023 год мы выпустили более 200 ноу-код разработчиков. Многие из них были просто дизайнерами, которые после обучения научились верстать свои сайты. Давайте разберёмся, правда ли вёрстка — это важнейший навык веб-дизайнера.

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

1. Для клиентов эффективнее выбрать специалиста, который классно умеет проектировать, делает чистые интерфейсы и имеет стильное портфолио хорошо реализованных проектов. Веб-дизайнер, который умеет сразу всё, но на невысоком уровне — не лучшая инвестиция в будущее проекта или продукта. Еще раз, вёрстка для веб-дизайнера — это не ключевой навык, и не умение верстать продает дизайнера как специалиста.

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

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

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

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

Вот что об этом думает одна из выпускниц нашей школы Лиза:

До курса Pixel Perfect я уже занималась дизайном и, конечно, имела представление о вёрстке, хотя и достаточно ограниченное. Я считаю, что умение верстать — очень полезный и даже необходимый навык для дизайнера-фрилансера. Во-первых, это возможность быть одновременно и дизайнером, и верстальщиком, а значит, предлагать больше услуг и больше зарабатывать! Во-вторых, это помогает лучше понимать детали подготовки макета. Понимание процесса вёрстки помогает построить более грамотную коммуникацию с разработчиком, говорить с ним на одном языке. Что снижает количество затраченного времени на правки и проект в целом.

Кстати, недавно слышала мнение, что при работе в продукте или агентстве навык умения верстать ценится не так сильно и мотивация его развивать пропадает. По-моему, очень спорное умозаключение.

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

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

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

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

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

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

Хорошему дизайнеру важна эстетика выполненной работы. По себе знаю, что красивый сайт, в котором есть местечко собственному вайбу, тешит нежное дизайнерское эго. С конструктором все задумки и видение дизайнера выполнить не так долго, как в разработке с нуля. Но не все конструкторы это позволяют делать, а с Webflow можно воплотить в жизнь практически любую идею.

Ну и последнее, дизайн-комьюнити и работодатели на самом деле уважают Webflow за чистый код и гибкость результата.

Больше про ноу-код разработку, вёрстку на Webflow и заработок на международном рынке на Upwork можно узнать у нас в Telegram-канале. А ещё у нас есть бесплатное полноценное обучение по Webflow бесплатное полноценное обучение по Webflowбесплатное полноценное обучение по Webflow с поддержкой менторов. Доступ открыт всем желающим!

А для самых амбициозных дизайнеров и разработчиков и тех, кому не хватит бесплатного курса, мы подготовили отдельный полный модуль по Webflow. За 3 месяца мы научим с нуля разрабатывать профессиональные сайты с крутой анимацией и расскажем, как этот навык можно монетизировать на зарубежном рынке. Обещаем поддержку менторов, гарантированный первый заказ и 3 полноценных проекта в портфолио.