Чеклист дизайна сайта

Формат

Файл для просмотра вебмастером нужно сохранять не в JPG, а в PNG. Такой файл получается больше размером, но наверняка без артефактов, и из него можно вырезать элементы, не открывая PSD.

Иконки

1. Сделать favicon.ico 16×16 пикселей.
2. Все основные иконки сохранить в отдельных файлах PNG с понятными названиями.

Шрифты

Записать в design.txt список всех использованных в макете шрифтов:

• cохранить PSD в формате PDF;
• открыть PDF в Acrobat → Файл → Свойства → вкладка «Шрифты».

Для каждого шрифта нужно указывать, какие именно начертания используются (Normal, Italic, Bold, Light и т.д. — или все).

Например, если для заголовков используется шрифт Roboto Condensed в начертании Bold, то вебмастер только его и подключит, без начертаний Normal и Italic. Это на ⅔ уменьшит размер подгружаемого файла шрифта.

Цвета

Составить список использованных цветов в формате HSL. Например:

Основной текст: hsl(0, 0%, 20%);
Слоган: hsl(0, 9%, 42%);
Оранжевый текст: hsl(17, 100%, 100%);
Серый: hsl(0, 0%, 40%);
Серые рамки: (0, 0%, 80%);
Светло-серый: (0, 0%, 92%);