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