Требования к формату файлов: #
- Формат файлов — PSD, с режимом совместимости. Отдельные элементы (готовые для верстки) можно в PNG24.
- Должны быть осмысленные названия слоев, семантическая группировка слоев (можно на русском языке обзывать, только не «Слой 1», «Слой 2»)
- Не помешают дополнительные слои или просто комментарии (средствами Photoshop) с отображением названий используемых гарнитур, размеров шрифтов, ширин, высот, отступов разных элементов
- Все используемые пиктограммы должны быть представлены отдельными файлами или одним многослойным файлом. Можно спрайтом, но его нужно уметь правильно сделать.
- Если верстка идет с использованием не-Photoshop (Illustrator, Fireworks, CorelDraw(sic!)), то тогда кроме макета в PNG24 нужно предоставить все графические элементы отдельными файлами тоже в PNG24. Плюс документ с комментариями.
Требования к макетам: #
- Единообразие размеров, отступов, шрифтов и т.п., чтобы можно было написать общие стили элементов, а не выравнивать каждый по отдельности.
- Как следствие — нужно придерживаться сетки, оптимально, если она будет 12-тиколонной (основа всех CSS-фреймворков)
- Отработка всех кейсов — например: ошибки валидации, состояния кнопок и ссылок при наведении и нажатии на них мышкой и т.п. Ошибки, диалоговые окна с предупреждениями и т.п. Часто это упускают из виду.
- Если верстка должна быть резиновый, то нужно предоставить три макета — самый широки, узкий и промежуточный. Желательно стрелками показать что куда двигается. Возможно потребуются комментарии.
- Если подразумеваются динамические элементы, то нужно в комментарии прописать, что именно должно быть. Совсем уж очевидные вещи можно, конечно, не описывать.
- Если подразумевается локализация, то нужно оставлять как минимум еще 30-40% места под текстовые элементы (кнопки, элементы меню и т.п.).
- Случаи, когда текст выводится не полностью, а обрезается (например при ресайзе элемента), тоже должны быть проработаны.
Ссылки по теме #