После создания дизайна следующим этапом должна стать верстка сайта. Если у вас нет проверенных специалистов, то начинается поиск верстальщика (и программиста). Того, кто сможет воплотить нарисованные страницы сайта в жизнь.
Но часто сайт на верстке получается не таким аккуратным, как сделал дизайнер. Например, выравнивание объектов не соблюдено, всё криво (особенно в адаптивных версиях), текст плохо отформатирован и т.п.
Почему получается криво?
Для начала ответим на вопрос: чем хорошая верстка (с визуальной точки зрения) отличается от плохой?
В хорошей верстке все сбалансировано. Объекты выровнены между собой. Расстояния между элементами не случайные, а подобраны для максимально удобного восприятия страницы в целом. Форматирование шрифта тоже тщательно отрегулировано для комфортного чтения (размер кегля, абзацные отступы, междустрочное расстояние и т.д.).
Верстальщик – хороший специалист в области кода. Но обычно он не дизайнер и может не видеть всех нюансов. Верстальщик может верстать по макету на глаз; где-то замерять расстояния, а где-то нет; что-то делать на свое усмотрение или как привык. Поэтому в результате может получиться не совсем то, что нарисовал дизайнер.
Неаккуратность проявляется в мелочах. Иконки криво стоят – вроде мелочь. Отступы между абзацами слишком маленькие или слишком большие – вроде тоже мелочь. Логотип из-за неправильного сжатия расплылся – мелочь. В мобильной версии фотография наезжает на текст – еще одна мелочь. Но если таких мелочей штук 40, то в итоге получается очень корявый сайт.
Это все сказывается на читаемости и восприятии сайта в целом. Если корявостей немного, это несильно страшно. Но если все выглядит плохо, то помимо неудобства, доверие к такому сайту снижается.
Как сверстать аккуратно?
Перед началом верстки обязательно ознакомьте вашего специалиста с важными рекомендациями касательно моего макета. Эти рекомендации соответствуют именно тем принципам, которыми руководствуюсь я в проектировании дизайна. Поэтому если им внимательно следовать, результат будет хорошим.
Но к сожалению, верстка не всегда делается по макету. Не каждый верстальщик захочет следовать макету во всем, так как это сложнее, чем делать на глаз или по-своему. Либо просто можно ненамеренно что-то пропустить или ошибиться.
Поэтому, если мы хотим, чтобы верстка получилась аккуратной и соответствовала макету (а не была вольной интерпретацией), желательно, чтобы дизайнер следил за ходом работы и корректировал верстальщика. Заказчику это делать не всегда возможно, так как он всех тонкостей может не видеть.
Что я предлагаю?
Предлагаю помощь в переговорах с верстальщиком и техническую поддержку в процессе всей работы.
- Если у вас нет верстальщика, помогу найти и договориться со специалистом на ваш проект.
- Вам не придется вникать в технические тонкости, все вопросы я беру на себя.
- Проверяю верстку, пишу правки, корректирую до обеспечения нужного результата в соответствии с согласованным макетом.
Как правило, первую итерацию правок я делаю бесплатно. Поэтому обращайтесь в любом случае. Стоимость дальнейшей проверки, если потребуется, считается по часовой ставке. Либо можно обговорить фиксированную стоимость за полное сопровождение проекта.