Требования к макету

Перед отправкой макета, просьба ознакомиться с основными требованиями:

Формат макета PSD.

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

Для обеспечения корректного масштабирования блоков сайта на мониторах с разным разрешением, не желательно использование крупных фоновых изображений, суммарная ширина которых будет превышать 1000px. Разумеется, если фоновое изображение можно без видимых искажений размножить (repeat-x, repeat-y), то это ограничение не действует.

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

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

Элементы дизайна и/или функциональные блоки сайта, перекрываемые другими элементами, текстом или динамически меняющимся контентом должны быть выполнены на отдельных слоях (layers).

Именование слоев должно быть логичным и отражать суть содержащегося на слое изображения.

Слои с объектами, представляющими собой части одного функционала, блока, или объединенные по иному признаку, желательно объединять в папки. Прицип именования папок тот же, что и для слоёв.

Воизбежание дробления psd-макета на многие десятки слоёв (такие прецеденты были), не следует помещать каждый объект в отдельный слой, если не меняется его контекст (окружение, фон) на сайте.

Направляющие (guides) необходимо использовать:

 - для обозначения выравнивания нескольких элементов по одной линии или для акцентирования других особенностей их взаимного положения;

- для обозначения полей (margins) и отступов (paddings ) элементов оформления и/или контента сайта;

Не следует оставлять в макете невидимых слоёв, которые использовались в процессе разработки макета, но не были включены в его финальный вариант. Если в макете есть невидимый слой, то предполагается, что его содержимое будет так или иначе задействовано на сайте. При необходимости, использование этого слоя можно описать в пояснительной записке.

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

Желательно к макету прилагать пояснительную записку, в которой содержится следующая информация:

- тип верстки сайта (резиновый, фиксированный, смешанный) с указанием абсолютных и/или относительных размеров функциональных блоков сайта;

 - желательность или нежелательность скроллинга (полосы прокрутки) для случая если объем контента не будет умещаться в отведенную ему область. (т. е. скрыть неуместившийся контент либо добавить скроллинг);

- поведение динамических элементов и элементов управления контентом с отсылкой на соответствующие слои psd-макета. В том числе вид ссылок и интерактивных кнопок для различных состояний (hover, active, visited);

- любая иная информация, не очевидная из самого psd-макета.

Если вы используете не стандартые стили форм для своего дизана обязательно укажите их.

Пример:

 

Если в для меню есть выпадающий список, обязательно его отобразите на дизайне.

Важно, вставьте этот текст в одну из страниц дизайна:

 

H1 Header

H2 Header

H3 Header

• lilili
• lilili
• lilili
• lilili

1. ololol
2. ololol
3. ololol
4. ololol
5. ololol

Span

Ссылка

td td td	td td td
td td td	td td td