Веб-дизайн и верстка: договариваемся!

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

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

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

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

Результат веб-дизайна и верстки – их соответствие.

И всем хорошо: дизайнеру – потому что не требуется доработок-переделок, верстальщику – потому что все нормально складывается и сверстывается, Заказчику – потому что результат на выходе тот, что он хотел.

Требования

Соблюдение сетки;
Обычные режим наложения в случае применения градиента к слою;
Реальные цвета градиента;
Отказаться от полупрозрачных градиентов и сложных наложений;
Для создания градиента (и других эффектов) использовать один слой;
Отсутствие градиентных границ;
В приложении к макету должны находиться используемые шрифты (в TTF, OTF);
Использовать не более двух нестандартных шрифтов, если другого нет в требованиях Заказчика;
Отдельным макетом-приложением подготовить стандартные элементы: заголовки, таблицы, цитаты и подобное;
Обозначать кнопки наведения и ссылки, какими они должны выглядеть в состояниях активно\неактивно;
Каждому блоку – отдельная папка с адекватным названием;
Выделить выпадающие окна в отдельную папку, желательно назвать ее соответственно.

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