Хорошие практики, принятые для PSD
Уважаемые дизайнеры!
Здесь несколько рекомендаций о хорошем стиле фотошоповских документов.
- Рисуйте сайт в реальную ширину! Если программисту для вёрстки HTML придётся уменьшить размер графического изображения, картинки неприятно исказятся. Разрешение в смысле точек на дюйм вообще нас не интересует при создании изображений для веба – важны только размеры в пикселах.
- Максимально разделяйте слои: например, кнопка и надпись на ней должны быть на отдельных слоях. Это упрощяет верстальщику задачу вынуть фон кнопки (который на сайте будет картинкой) и нанести на него текст кнопки.
- Текст остаётся текстом: то, что будет кодироваться текстом в HTML (например, текст статьи) должно быть текстовым слоем (Type layer) в Photoshop’е. Тогда можно точно узнать цвет, гарнитуру и кегль, и соответственно быстрее и точнее воспроизвести их в вёрстке HTML. Перевести текст в кривые или растеризовать его имеет смысл в статических и заведомо графических элементах, таких, как логотипы, особенно если вы используете нестандартные шрифты.
- Давайте слоям осмысленные имена: “Фон кнопки Новости” гораздо понятнее, чем “Слой 42″.
- Группируйте слои в сеты с осмысленными названиями – так их легче извлекать для изготовления отдельных графических элементов. Например:
- Кнопка Новости
- фон кнопки
- T Новости
- Раскрашивайте слои – ведь жизнь богата красками! Не слой красит человека, а человек – слой.