Организация работы и файлы
Не плодить лишних файлов
Файлы не использующие в проекте удалять. Лишние файлы создают мусор и ухудшают работу.
При использовании online хранилища, в папке проекта должны храниться ТОЛЬКО последние, актуальные версии файлов.
Исходники хранить в папке
/source/
Создать отдельную папку
/source/
, и хранить в ней все исходники проекта.В корень проекта записывать только основные psd-шники.
Прикреплять к проекту несистемные шрифты
Копировать файлы шрифтов в папку
/source/
.Если шрифт несистемный, велика вероятность его отсутствия у верстальщика.
Помнить о лицензионных ограничениях, налагаемых на коммерческие шрифты.
Называть файлы с учетом версии
К названиям файлов добавлять приставки, позволяющие легко определить актуальную версию. Например:
home-1.psd
илиhome-final.psd
ИЛИ версии файлов можно назвать по порядку001-index.psd
,002-index.psd
,003-index.psd
Версия фаийла должна стоять ПЕРЕД названием файла, так, чтобы в finder(проводнике) они сортировались правильно.
Называть файлы по-английски
Название файла должно соответствовать тому пути, которыиЙ мы увидим в браузере.Например,
index.psd
,about.psd
,workout.psd
,contacts.psd
В рамках одного проекта должен быть выбран единый стиль именования файлов, без изменения в процессе.
НЕ НАЗЫВАТЬ ФАЙЛЫ ПО-РУССКИ. [При переносе файлов с PC на Mac могут слететь названия. Работать с файлами типа «?????.psd» не совсем удобно. Этот «замечательный» эффект часто наблюдается при распаковке .rar архивов, содержащих файлы, названные по-русском.]
Файлы для контроля
Кроме исходников psd должны быть копии файлов в png или jpg (высокого качества), это нужно в частности для того, чтобы определить, не съехали ли цвета при верстке.
Для различных состояний (попапы, открывающиеся блоки) одного psd макета, нужны отдельные jpg/png («скриншот» каждого состояния layer comps).
UI, Typografy
Для общих элементов должен быть отдельный фаийл UI.psd, в котором будет основная типографика и цвета, контентная типографика и цвета, типовые кнопки, ссылки, повторяющиеся блоки, должны быть прорисованы все состояния: заполнено, не заполнено, недоступно, ошибка, ховер, фокус, плейсхолдеры.
Favicon
favicon – квадраты в пикселях 16, 32, 57, 60, 72, 76, 114, 122, 144, 152, 180, 192, 194. Отдельно должна быть икона для windows метро c прозрачным фоном и цветом для фона плитки. Страшно? Вот ссылка в помощь. http://realfavicongenerator.net/
Используй .zip вместо .rar
RAR-архивы не совсем идеально поддерживаются на UNIX-системах (MacOS, Linux). Преимущественно использовать zip-архивы.
Пояснительная записка про динамику и поведение блоков.
Даже если можно показать все на пальцах, все должно быть задокументировано. А то потом все забывается или меняется спонтанно.
Last updated