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

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

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

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

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

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

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

Требования

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

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