open ways. free horizons. mind at ease.
Главная
portfolio designers contact

Хорошие практики, принятые для PSD

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