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