Технические требования к макетам

Жесткие требования к дизайнерам от верстальщика

1) К файлу

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

2) Графические фишки

  • Фон должны быть повторяющиеся, текстурированые без логики повтора не принимаются
  • если на фон налагается текстура, то обязательно сохранить ее в виде отдельного файла размером примерно 100×100 пикс. Далее эта текстура прилагается вместе с дизайном.
  • Эффекты подсвечивания не допустимы. Например при наведение на ссылку, фон ссылки становится полупрозрачным «облаком».
  • минимум элементов, что потребуют создания графических файлов png-24 (полупрозрачность etc)
  • Обязательно должны присутствовать favicon. ico и watermark. png для сайта. Watermark должен быть размером 120 пикс шириной и прозрачностью в 80%.

3) Текстовое содержимое

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


Легкие пожелания:

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

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

  • Макет в формате PSD
  • Шрифты
  • Иконки