Как поставить задачу верстальщику?

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

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

Что представляет собой дизайн сайта?

Напомним вкратце, что такое дизайн сайта в буквальном понимании.

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

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

Если делать правильно — то дизайн стоит рисовать тогда, когда готов [tooltip title=»» content=»Прототип сайта — это схематическое изображение страниц сайта, на которых указаны элементы сайта (кнопки, меню, формы для ввода данных, блоки для показа данных и т.д.). Прототипы будущего сайта помогают нашим клиентам наглядно увидеть концепцию их сайта и продумать расположение основных элементов дизайна.» type=»classic» ]прототип[/tooltip] страниц сайта. Большинство клиентов с фрилансерами работают, естественно, без прототипа. Но даже при работе без прототипа имеется хотя бы схематичное (в виде схемы на бумажке из тетрадки или листе А4) изображение сайта, хотя бы главной его страницы.

Полагаю, что о типах страниц сайта дополнительно рассказывать не нужно. А если нужно — расскажем в отдельной статье.

Верстка — оживляем дизайн

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

1) Как будет работать главное меню / слайдеры ?

Известно, что главное меню можно реализовать по-разному. Можно — с помощью выпадающего списка, а можно и с максимумом разных анимационных эффектов.

2) Как будут отображаться формы / списки / ссылки / кнопки / изображения итп?

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

3) Для каких устройств и в каких браузерах будет работать сайт?

Во-первых, важно помнить, что на разных устройствах сайт будет выглядеть по-разному. Причин для этого много: разрешение экрана, использование разных браузеров. А во-вторых, не забывать, что мир потихоньку захватывает [tooltip title=»» content=»Адаптивный веб-дизайн (англ. Responsive web design) — дизайн веб-страниц, обеспечивающий отличное восприятие на различных устройствах» type=»classic» ]адаптивный веб-дизайн[/tooltip].

4) Какие цвета / шрифты используются на сайте?

Дизайнер совместно с макетами сайта в формате *psd должен предоставить палитру используемых цветов и прикрепить используемые шрифты/иконки. Иначе верстальщик никогда не поймет, «что же хотел сказать художник». В идеале дизайн сайта рисуется по заранее выбранной схеме расположения элементов (сетке), причем каждый элемент отрисовывается на отдельном слое. Если Ваш дизайнер никогда не рисовал веб-страницы, а только работал, предположим, с дизайном пригласительных — от его услуг стоит отказаться. И себя, и Вас, и верстальщика он просто замучит.

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

Верстальщику важно понимать и то, как будут «вести себя» блоки сайта при добавлении — удалении текста. Да-да, это тоже важно учесть. Как важно учесть и то, что изменение дизайна (а мы здесь картинку пододвинем или классическое поиграйте со шрифтами) на стадии верстки повлечет за собой увеличение времени работы исполнителя.

Краткое резюме

Естественно, это не полный перечень всего, что нужно получить верстальщику, а только основные моменты. Главная задача заказчика сайта — четко представлять себе, как этот сайт будет выглядеть. Главная задача дизайнера — передать максимум пожеланий заказчика. А главная задача верстальщика — свести это все воедино. Пожалуйста, будьте осторожны как со своими желаниями, так и при выборе исполнителя!

Полезная ссылка, традиционно: За что HTML-верстальщики так не любят дизайнеров. 

About the author

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Этот сайт использует Akismet для борьбы со спамом. Узнайте, как обрабатываются ваши данные комментариев.

Я использую Google +

Пример рекламы от Google

Наши партнеры

www.work-zilla.com


Уже дописана статья

Подписка на новости блога