Правильно

Правила
хорошего тона в
«Фотошопе»
Следование этим простым правилам исключает многие проблемы,
возникающие при работе с верстальщиками и дизайнерами
Организация работы
Не плоди лишних файлов
Файл не используется в проекте? Удали его. Лишние файлы создают мусор
и ухудшают работу.
Правильно
Неправильно
Исходники храни в папке /source/
Создай отдельную папку /source/ или /ishodniki/, и храни в ней все
исходники проекта. В корень проекта записывай только основные psdшники.
Правильно
Неправильно
Прикрепляй к проекту несистемные шрифты
Копируй файлы шрифтов в папку /source/. Если шрифт несистемный, то
велика вероятность его отсутствия у верстальщика.
Называй файлы с учетом версии
К названиям файлов добавляй приставки, позволяющие легко определить
актуальную версию. Например: ilovefile-1.psd или ilovefile-final.psd
Правильно
Неправильно
Слои документа
Не склеивай слои без необходимости
Оставив слои несклеенными, ты повышаешь скорость внесения правок в
твои макеты. Перевод текста в растр тоже не рекомендуется.
Делай растеризацию слоев только перед версткой и только для слоев,
содержащих сложные эффекты.
Правильно
Неправильно
Используй папки
Группируй слои по папкам. Для каждой страницы создай свою папку и дай
ей соответствующее название.
Правильно
Неправильно
Раскрашивай папки
Упрости чтение файла и жизнь окружающих — раскрась папки первого
уровня в различные цвета.
Правильно
Неправильно
Задавай глобальные элементы
«Шапку», «подвал», логотип и другие сквозные элементы сайта имеет
смысл выносить в отдельную папку, делая их глобальными. Не следует их
копировать в папку каждой страницы.
Правильно
Неправильно
Давай слоям названия
Не забывай называть слои. Если у тебя более сотни слоев с названиями
типа «Layer N», то файл становится абсолютно нечитаемым.
Правильно
Неправильно
Верстальщик сверстает все, что увидит
И будет прав. Не думай, что если один слой скрывает другой
(вспомогательный, неправильный или просто забытый), то верстальщик его
не увидит и не сверстает.
Удаляй из документа лишние слои.
Правильно
Неправильно
Особенности дизайна
Не забывай про экранные разрешения
Оформляй рабочую часть страниц в пределах 1000 пикселей, если хочешь,
чтобы сайт одинаково хорошо смотрелся на всех экранных разрешениях.
Это правило актуально и для резиновой верстки.
Правильно
Неправильно
Используй сетку
В ряде случаев рекомендую использовать сетку. Оформленный по сетке
контент лучше воспринимается пользователем и легче верстается.
Настроить сетку можно с помощью направляющих («Guides»)
Правильно
Неправильно
Кегль шрифта задавай целым числом
Высоту шрифта (кегль) задавай целыми числами. Результат верстки будет
более прогнозируемым.
Правильно
Неправильно
Комментируй то, что нарисовал
Верстальщики — не гадалки и не умеют читать мысли дизайнеров.
Комментируй все важные моменты.
Кратко и ясно опиши свои потребности в текстовом файле или используй
заметки («Window» → «Notes»).
Правильно
Неправильно
Экспорт файлов
Перед экспортом проверь орфографию
Перед экспортом изображений всегда проверяй орфографию.
Своевременно обнаруженная ошибка экономит время и нервы.
Правильно
Неправильно
Save for Web & Devices…
Не сохраняй файлы через «Save as». Файлы будут большего размера, чем
при сохранении с помощью «Save for Web & Devices…».
При сохранении через «Save As…» записывается много служебной
информации. Например, превью картинки или информация о снимке (EXIF).
Все это отрицательно сказывается на размере файла.
Правильно
Неправильно
Разумное JPEG-качество при экспорте
По умолчанию поставь качество в пределах 51—80. Опытным путем
определено, что ниже 51 качество изображений начинает катастрофически
падать.
Правильно
Неправильно
JPEG или PNG?
Выбирай правильные форматы при экспорте изображений. Фотографии и
сложные рисунки с обилием градиентов сохраняй в JPEG. Если у тебя
несложная иллюстрация или требуется прозрачность, то сохраняй в PNG.
Изображение сохранено в JPEG. Размер файла 8 кБ.
Правильно
Изображение сохранено в PNG. Размер файла 34 кБ.
Неправильно