Частые ошибки при передаче макета
Дублирование элементов вместо компонентов. Если одна и та же кнопка на разных экранах — на самом деле три разных объекта, а не один компонент, велик риск получить в вёрстке визуально похожие, но технически разные блоки — а значит, лишние правки после сдачи.
Отсутствие адаптивных версий. Когда есть только десктопный макет, верстальщику приходится самостоятельно принимать десятки решений о поведении на мобильном — и часть из них неизбежно разойдётся с тем, что дизайнер представлял себе в голове.
Если хочется посмотреть на процесс вёрстки уже с другой стороны — как разработчик ведёт работу с готовым макетом день за днём, — есть отдельная статья с разбором по шагам.
Есть макет в Figma, нужна вёрстка?
Посмотрю файл и сразу скажу, чего не хватает для быстрого старта — и оценю срок и стоимость.
FAQ по теме
Обязательно ли использовать Auto Layout в макете?
Не обязательно, но крайне желательно для любых блоков с изменяемым контентом — текстом разной длины, списками, карточками. Без Auto Layout логика поведения блока при изменении контента остаётся только в голове дизайнера, а не в самом файле.
Нужно ли готовить макет для всех разрешений экрана?
Как минимум — десктоп и мобильную версию для ключевых страниц. Промежуточные разрешения (планшет) верстальщик может интерполировать сам, если в макете видна логика поведения элементов, но крайние точки лучше показать явно.
Что делать, если макет уже передан без подготовки?
Ничего критичного — просто часть решений, которые должны были быть в файле, верстальщик примет и согласует по ходу работы. Это увеличивает количество уточняющих вопросов и итераций, но не делает вёрстку невозможной.
Веб-разработчик, Краснодар. Делаю сайты под ключ на Vue/Nuxt и React/Next, вёрстку по макетам из Figma и PSD, сайты на WordPress и SEO-продвижение — сам, без субподрядчиков.
Работаю с 2GIS, Яндекс.Бизнесом, самозанятость оформлена официально с 2024 года. С клиентами по всему Краснодарскому краю и удалённо по России.