Эта информация будет крайне необходима всем веб-дизайнерам, т.к. способна изрядно облегчить работу верстальщику и сэкономить ему время.
Итак:
1. Дизайн-макеты представляются в формате .psd (формат Adobe Photoshop)
2. Каждый макет должен сопровождаться файлами шрифтов (ttf, otf), которые использовались в при создании psd дизайн-макета
3. Логические элементы дизайна должны структурироваться посредством групп и слоев. Группы и слои должны называться в соответствии со своим содержанием на русском языке.
4. В случае, если элемент дизайна предполагает состояние "курсор над элементом" или "элемент в нажатом состоянии", то делаются слои/группы с соответствующим содержанием и названием. К примеру, если кнопка состоит из нескольких слоев и все они изменяются "при наведении курсора", то группа, которая содержит эти слои дублируется, корректируются слои, и к наименованию новой группы добавляется "при наведении курсора".
5. В случае, если дизайн-макет предполагает тянущуюся верстку, то он должен изготовляться в трёх видах
5.1. В состоянии минимальной ширины 900px. К названию макета добавляется "900px" – к примеру, "maket.900px.psd"
5.2. В состоянии предельной ширины растяжения, после которой реорганизация элементов дизайна в зависимости от ширины экрана не предполагается – по умолчанию это 1200px. Название макета в этом случае может быть "maket.1200px.psd"
5.3. В состоянии условно бесконечной ширины и высоты. Важно понимать, каким образом будет выглядеть макет при мониторах с большим разрешением: что происходит с фоном, как размещается полезная площадь дизайна относительно области экрана (по центру, слева, справа и т.п.) За бесконечную ширину и высоту берется 2000px – "maket.infinity.psd"
6. Каждый psd-файл должен снабжаться направляющими (guides).6.1. Обязательно присутствие направляющих, которые определяют крайние левый и правые края данного макета.
Комментариев нет:
Отправить комментарий