Правильно

Неправильно

Используй сетку

В ряде случаев рекомендую использовать сетку. Оформленный по сетке контент лучше воспринимается пользователем и легче верстается.

Настроить сетку можно с помощью направляющих («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 кБ.

Неправильно