В помощь дизайнеру, верстальщику и заказчику. - Шаблоны и дизайн

К сожалению дизайнеров у нас много, но рисующие что бы было бы проще верстальщику и закачику очень мало. Чтобы облегчить труд для всех жаждующих, опишем требования к макету и дизайну.

Жесткие требования

1) К файлу
    * Сам макет должен быть представлен в форматах PDS или TIFF, сохранять строго в RGB
    * Все слои одного логического элемента должны быть в одной папке (например модуль авторизации)
    * Слои не в коем случае не должны быть склеены, кроме дизайнерских фишек.
    * Выравнивание слоев строго по rulez. Их не скрывать. Оставлять в макете.
    * Rulez должны быть выровнены строго с точностью до  одного пикселя. Полпикселя не допустимо.
    * каждый элемент должен находится в одном слое, названным человечески-понятным именем, а не slice 1,2,
    * в случае фиксированного шаблона четкое соответствие ширины макета утвержденной минимальной ширины сайта (а то говоришь что сайт будет фиксированный на 800 пкс, а рисуют 850 макет - что хошь то и верстай после этого)
    * При разработке дизайна "под разрешение" обязательно отрисовывать в разрешение окна браузера а не монитора (при 1024 ширина браузера 1000)

2) Графические фишки
    * Фон должны быть повторяющиеся, текстурированые без логики повтора не принимаются
    * Эффекты подсвечивания не допустимы. Например при наведение на ссылку, фон ссылки становится полупрозрачным "облаком".
    * минимум элементов, что потребуют создания графических файлов png-24 (полупрозрачность etc)
    * Обязательно должна присутствовать favicon.ico для сайта

3) Текстовое содержимое
    * Для текстовых элементов обязательно указывать шрифт и его размер (учитывая что стандартных шрифтов всего ничего), желательно в комментариях, фотошоп умеет их делать. Ни каких трасформаций с текстом. Размер меняется размером фрифта.
    * Быть внимательными в использовании нестандартных шрифтов. Стандартных шрифтов очень мало, которые есть в каждой операционной системе. Можно конечно подгрузить шрифт, но 100% не будет работать в старых браузерах.
    * минимум изменения стандартных контролов форм
    * Все текстовые элементы должны быть без сглаживания,  т.е стандартный шрифт
    * Описать поведение ссылок в дизайне (неактивная, при наведении, посещенная) в меню/модуле, то же самое касается ссылок отличающимися от дефолтного стиля (например ссылки в меню, pathway и т.д.)

Легкие пожелания:
    * И самое главное - дизайнер должен быть верстальщиком, чтобы он мог сам сверстать то, что нарисовал (пусть не быстро и не 100% валидно, но уметь)
    * Элементы навигации, типа стрелок, иконок. Хорошо бы получать в отдельном PSD или TIFF формате на прозрачном фоне.

Минимальный комплект для передачи работы верстальщику:
    * Макет в формате PSD или TIFF
    * Шрифты
    * Иконки

Спасибо beliyadm, poizon и Mitrich за дополнения

Палыч, внеси изменения плз

Очепятка, PSD наверно )

При разработке дизайна "под разрешение" обязательно отрисовывать в разрешение окна браузера а не монитора

Модная последние пару лет фишка "респонсивл" - значит давайте решать, если есть левый сайдбар и контент - они оба масштабируются или нет. От этого зависит верстка отдельных элементов оформления и размеры элементов внутри этих блоков

минимум элементов, что потребуют создания графических файлов png-24

Это думаю вообще уже не актуальный момент, с уходом ИЕ6 с рынка, полпроцента нас не интересуют

Быть внимательными в использовании нестандартных шрифтов. Стандартных шрифтов очень мало, которые есть в каждой операционной системе

Вот это уже интересней, после XP было много ОС семейства винды и прочих, некоторые шрифты укоренились в разных системах (типа опенс санс), есть современные таблицы соответствий. Тем более что с приходом @font-face все стало намного проще.

минимум изменения стандартных контролов форм

Тоже не особо актуально, после выхода на сцену jquery и прочих скриптов, сейчас кастомизировать контролы в разы легче, чем 6 лет назад

И к сожалению последнее от меня

И самое главное - дизайнер должен быть верстальщиком, чтобы он мог сам сверстать то, что нарисовал

Уже тоже не актуально, с учетом последних фишек CSS3+HTML5+JS многие вещи сейчас делаются элементарно (бордер в виде круга, тени в любые стороны, анимация элементов на ховер и пр), что раньше решались только нарезанием картинок - сейчас на уровне верстки. Дизайнер должен знать что так можно сделать и не более.
А если учесть псевдоэлементы after\before то и вообще многие вопросы снимаются.

Не в качестве оправдания никчемных дизайнеров, просто нужно в статью внести комментарии, отвечающие современным возможностям