Как не прискорбно, но вечной проблемой взаимодействия дизайнера и верстальщика является передача макета сайта в .psd на верстку.
Горькая суть в том, что дизайнеру главное сделать хороший качественный макет, учитывая работу проектировщика, пожелания заказчика и свой вкус. В итоге, можно посчитать маловажным то, в каком виде исходный psd-файл будет передан верстальщику. В результате возникает недопонимание, безграничное количество вопросов и порой, чуть ли не поножовщина.
Но подобных недоразумений легко избежать.
1. Иерархия и названия слоев и их групп. Приходилось ли вам порой вносить правки в файлах, сделанных другим дизайнером на аутсорсе? Если да — то наверняка сталкивались с веселейшей структурой слоев похожих на следующее изображение.
Вся прелесть в том, что группа слоев Group2 copy— оказалась сборкой элементов футера.
Таким образом, рождается первое правило: «Называть группы слоев и сами слои логическими именами»
Для удобства, можно присвоить каждой группе слоев свой цвет.
2. Модульная сетка и ширина блоков.
К счастью большинство дизайнеров знакомы с удобной сеткой 960. (http://960.gs/)
Она не только упрощает процесс расположения элементов дизайна на странице, но и верстка такого макета занимает меньше времени. Главное, хорошее гармоничное расположение блоков, по строгой ширине, предусмотренной сеткой.
3. Объем файлов.
Следует взять за привычку «очистить» макет от ненужных слоев перед передачей его верстальщику.
В процессе создания дизайна, часто вносятся незначительные правки. В результате, создается множество новых слоев, а о старых, что были на предыдущем варианте дизайна — забывают. В итоге, размер файла растет с невероятной скоростью и финальный макет зачастую «весит» не 30 и даже не 60 Мбайт.
«Чем же это плохо?» - спросите вы.
Очевидно, что меньший размер файла будет позитивно влиять на производительность. А в случае с удаленно работающим верстальщиком, процесс передачи файлов будет значительно быстрее.
Невероятно, но факт! На некоторых проектах макет после «очистки» со 186 Мб становился 89. А бывали даже такие проекты с минималистическими легкими макетами:
4. Названия psd-файлов.
На предыдущем изображение пример того, что стоит использовать латиницу для названия для файлов.
В случае последующей работы с ними на Mac, кириллические символы в названии файла Главная.psd могут замениться на ???????.psd.
5. Нестандартные шрифты.
По данному поводу существует множество мнений. Одни дизайнеры считают, что нестандартных шрифтов на сайте должно быть по минимуму, а другие не упускают возможности избежать обыденных Arial, Tahoma, Verdana, Georgia, Trebuchet и добавляют в свой макет немалое количество «несистемных» шрифтов.
Главное, не переусердствовать, поскольку в дальнейшем это отразится на скорости загрузки страницы. Но самое основное - не забыть предоставить верстальщику в архиве проекта те самые нестандартные шрифты.
Кстати, об архивах. Опять же, при совмещении работы на разных операционных системах (Mac/Windows/Linux), могут возникнуть проблемы с .rar– архивами. Следовательно, неплохо бы всё архивировать в .zip.
6. Склеивание слоев.
Некоторые элементы дизайна зачастую состоят из нескольких слоев с разными эффектами, прозрачностью и текстурами. Например, вы создали кнопку, которая состоит из трех групп слоёв (Активная, Неактивная, При нажатии). В каждой из групп по 4 слоя, которые неплохо бы склеить и правильно назвать (normal/hover/noactive). В итоге, вместо 12-ти слоев мы получим 3. Тем самым уменьшив вес файла и упростив работу верстальщику. В идеале, кнопки и похожие элементы стоит выносить в отдельный psd-файл.
7. Backup
Для феерического финала, не хватает лишь упоминания о том, что стоит делать резервные копии макетов и называть их соответственно по новизне версии и даты.
Важный момент для разработчиков. Прежде всего нужно понимать что вес сайта должен быть минимальный и нагрузка на сервер и хостинг также должна быть сведена к минимуму. Но порой красивые дизайны требует больше дискового пространства на хостинге. Именно поэтому мы своим клиентам всегда советуем заказать хостинг в надежной компании, которая может гарантировать бесперебойную работу при высоких нагрузках.