Технические требования к макетам
Жесткие требования к дизайнерам от верстальщика
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
- Шрифты
- Иконки