Требования к PSD-макетам, предоставляемым для HTML-верстки

0
372
  1. Минимальная ширина макета — 1000px. Дизайн должен учитывать возможность комфортного просмотра сайта при разрешении от 1024х768 пикс. с возможностью доступа пользователя ко всем элементам навигации.
  2. Для обеспечения корректного масштабирования блоков сайта на мониторах с разным разрешением, не желательно использование крупных фоновых изображений, суммарная ширина которых будет превышать 1000px. Разумеется, если фоновое изображение можно без видимых искажений размножить (repeat-x, repeat-y), то это ограничение не действует.
  3. При создании макета не следует злоупотреблять рукописными, готическими и другими экзотическими шрифтами. Любые не системные шрифты, использованные в макете должны пересылаться верстальщику вместе с файлом самого psd-макета и, при необходимости, пояснительной запиской.
  4. Использование экзотических, художественных шрифтов автоматически влечет растеризацию этого шрифта, превращение его в статическую картинку. Поэтому такие шрифты следует использовать только для статического, не меняющего текста: логотип, не меняющиеся названия разделов сайта.
  5. Необходимо также обеспечить возможность корректного (без ущерба для дизайна сайта) отображения интерактивного контента сайта любым из системных шрифтов внутри указанного для этого контента семейства (serif, sans-serif, monospace).
  6. Элементы дизайна и/или функциональные блоки сайта, перекрываемые другими элементами, текстом или динамически меняющимся контентом должны быть выполнены на отдельных слоях (layers).
  7. Именование слоев должно быть логичным и отражать суть содержащегося на слое изображения. Слои желательно называть английскими словами или транслитерацией русских слов латинскими символами.
  8. Слои с объектами, представляющими собой части одного функционала, блока, или объединенные по иному признаку, желательно объединять в папки. Прицип именования папок тот же, что и для слоёв.
  9. Воизбежание дробления psd-макета на многие десятки слоёв (такие прецеденты были), не следует помещать каждый объект в отдельный слой, если не меняется его контекст (окружение, фон) на сайте.
  10. Направляющие (guides) необходимо использовать:
    • для обозначения выравнивания нескольких элементов по одной линии или для акцентирования других особенностей их взаимного положения;
    • для обозначения полей (margins) и отступов (paddings ) элементов оформления и/или контента сайта;
  11. Не следует оставлять в макете невидимых слоёв, которые использовались в процессе разработки макета, но не были включены в его финальный вариант. Если в макете есть невидимый слой, то предполагается, что его содержимое будет так или иначе задействовано на сайте. При необходимости, использование этого слоя можно описать в пояснительной записке.
  12. Корректирующие слои также не желательны, так как не имеют самостоятельного значения. Их следует объединять с основными слоями.
  13. К макету прилагается пояснительная записка, в которой содержится следующая информация:
    • тип верстки сайта (резиновый, фиксированный, смешанный) с указанием абсолютных и/или относительных размеров функциональных блоков сайта;
    • желательность или нежелательность скроллинга (полосы прокрутки) для случая если объем контента не будет умещаться в отведенную ему область. (т. е. скрыть неуместившийся контент либо добавить скроллинг);
    • поведение динамических элементов и элементов управления контентом с отсылкой на соответствующие слои psd-макета. В том числе вид ссылок и интерактивных кнопок для различных состояний (hover, active, visited);
    • любая иная информация, не очевидная из самого psd-макета.
  14. В случае затруднений, пояснительная записка может быть составлена верстальщиком в ходе его беседы с дизайнером – автором макета или иным представителем заказчика.