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

admin — Mon, 05 Jul 2010 00:55:39 +0000

Минимальная ширина макета — 1000px. Дизайн должен учитывать возможность комфортного просмотра сайта при разрешении от 1024х768 пикс. с возможностью доступа пользователя ко всем элементам навигации.

Для обеспечения корректного масштабирования блоков сайта на мониторах с разным разрешением, не желательно использование крупных фоновых изображений, суммарная ширина которых будет превышать 1000px. Разумеется, если фоновое изображение можно без видимых искажений размножить (repeat-x, repeat-y), то это ограничение не действует.
При создании макета не следует злоупотреблять рукописными, готическими и другими экзотическими шрифтами. Любые не системные шрифты, использованные в макете должны пересылаться верстальщику вместе с файлом самого psd-макета и, при необходимости, пояснительной запиской.
Использование экзотических, художественных шрифтов автоматически влечет растеризацию этого шрифта, превращение его в статическую картинку. Поэтому такие шрифты следует использовать только для статического, не меняющего текста: логотип, не меняющиеся названия разделов сайта.
Необходимо также обеспечить возможность корректного (без ущерба для дизайна сайта) отображения интерактивного контента сайта любым из системных шрифтов внутри указанного для этого контента семейства (serif, sans-serif, monospace).
Элементы дизайна и/или функциональные блоки сайта, перекрываемые другими элементами, текстом или динамически меняющимся контентом должны быть выполнены на отдельных слоях (layers).
Именование слоев должно быть логичным и отражать суть содержащегося на слое изображения. Слои желательно называть английскими словами или транслитерацией русских слов латинскими символами.
Слои с объектами, представляющими собой части одного функционала, блока, или объединенные по иному признаку, желательно объединять в папки. Прицип именования папок тот же, что и для слоёв.
Воизбежание дробления psd-макета на многие десятки слоёв (такие прецеденты были), не следует помещать каждый объект в отдельный слой, если не меняется его контекст (окружение, фон) на сайте.
Направляющие (guides) необходимо использовать:
- для обозначения выравнивания нескольких элементов по одной линии или для акцентирования других особенностей их взаимного положения;
- для обозначения полей (margins) и отступов (paddings ) элементов оформления и/или контента сайта;
Не следует оставлять в макете невидимых слоёв, которые использовались в процессе разработки макета, но не были включены в его финальный вариант. Если в макете есть невидимый слой, то предполагается, что его содержимое будет так или иначе задействовано на сайте. При необходимости, использование этого слоя можно описать в пояснительной записке.
Корректирующие слои также не желательны, так как не имеют самостоятельного значения. Их следует объединять с основными слоями.
К макету прилагается пояснительная записка, в которой содержится следующая информация:
- тип верстки сайта (резиновый, фиксированный, смешанный) с указанием абсолютных и/или относительных размеров функциональных блоков сайта;
- желательность или нежелательность скроллинга (полосы прокрутки) для случая если объем контента не будет умещаться в отведенную ему область. (т. е. скрыть неуместившийся контент либо добавить скроллинг);
- поведение динамических элементов и элементов управления контентом с отсылкой на соответствующие слои psd-макета. В том числе вид ссылок и интерактивных кнопок для различных состояний (hover, active, visited);
- любая иная информация, не очевидная из самого psd-макета.
В случае затруднений, пояснительная записка может быть составлена верстальщиком в ходе его беседы с дизайнером – автором макета или иным представителем заказчика.

Web-мастеркая » верстка

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