Технические требования ArtOfWeb к дизайн-макетам

Материал из AOW

Перейти к: навигация, поиск

1. Требования к файлу

1.1 Сам макет должен быть представлен в форматах PSD, сохранять строго в RGB
1.2 Слои ни в коем случае не должны быть склеены, кроме дизайнерских фишек
1.3 Выравнивание слоев строго по rulers. Их не удалять, оставлять в макете.
1.4 Rulers должны быть выровнены строго с точностью до одного пикселя. Полпикселя не допустимо
1.5 Каждый элемент должен находиться в одном слое, названным человечески-понятным именем, а не slice 1,2
1.6 В случае фиксированного шаблона четкое соответствие ширины макета утвержденной минимальной ширины сайта при разработке дизайна «под разрешение» обязательно отрисовывать в разрешение окна браузера, а не монитора (при 1024 ширина браузера 1000)
1.7 Если есть необходимость использовать диагональный градиент, то приложением к макету должен служить файл с используемым градиентом, который растянут по вертикали и горизонтали. Это необходимо для того, чтобы верстальщик смог без дополнительных телодвижений в графическом редакторе использовать градиент в тянущихся блоках.
1.8 Если подложка макета является абстрактным бесконечным изображением, в частности по ширине, то приложением к макету должен служить файл с полной версией изображения, которое по краям переходит в пиксель цвета фона, не более 1600 px. Либо изображение, оптимизированное для размножения.

2. Графические фишки

2.1 Фоны должны быть повторяющиеся, текстурироваными без логики повтора не принимаются
2.2 Эффекты подсвечивания не допустимы. Например, при наведении на ссылку, фон ссылки становится полупрозрачным «облаком»
2.3 Минимум элементов, что потребуют создания графических файлов png-24 (полупрозрачность etc)
2.4 Обязательно должна присутствовать favicon.ico для сайта

3. Текстовое содержимое

3.1 Для текстовых элементов обязательно указывать шрифт и его размер (учитывая, что верстабельных шрифтов всего ничего), желательно в комментариях, фотошоп умеет их делать. Никаких трансформаций с текстом. Размер меняется размером шрифта
3.2 Быть внимательными в использовании нестандартных шрифтов. Стандартных шрифтов очень мало, которые есть в каждой операционной системе. Можно конечно подгрузить шрифт, но 100% не будет работать в старых браузерах.
3.3 Минимум изменения стандартных контролов форм
3.4 Все текстовые элементы должны быть без сглаживания, т.е. стандартный шрифт
3.5 Описать поведение ссылок в дизайне (неактивная, при наведении, посещенная) в меню/модуле, то же самое касается ссылок отличающимися от дефолтного стиля (например ссылки в меню, pathway и т.д. )
3.6 Обязательно должно быть указано оформление следующих HTML тегов:

параграф (абзац), заголовки с 1 по 4 уровень (h1, h2, h3, h4), маркированный список (<ul>), нумерованный список (<ol>).

3.7 Рыба макета должна соответствовать теме сайта. Цицероновское "Lorem ipsum dolor sit amet" - это прекрасно, но в макете неуместно. Также недопустимы вещи типа "Тут будет текст. Тут будет текст. Тут будет текст. Тут будет текст. Тут будет текст. Тут будет текст. Тут будет текст. Тут будет текст. Тут будет текст" Это относится и к изображениям.

4. Легкие пожелания

4.1 И самое главное - дизайнер должен быть верстальщиком, чтобы он смог сам сверстать то, что нарисовал (пусть не быстро и не 100% валидно, но уметь). Это необходимо для понимания процесса.
4.2 Элементы навигации, типа стрелок, иконок. Хорошо бы получать в отдельном PSD или TIFF формате на прозрачном фоне.

5. Минимальный комплект для передачи работы верстальщику

5.1 Макет в формате PSD
5.2 Шрифты
5.3 Иконки
5.4 favicon.ico (если нет возможности в ISO, то можно в PNG-24)
Данные правила могут быть не соблюдены, если это приведет к улучшению качества дизайна или придаст неповторимый оттенок сайту.

Личные инструменты

Разработка веб-сайтов, автоматизация.
По всем вопросам обращайтесь по телефонам:

+7 495 640 29 90
http://artofweb.ru