Мастхевы

Наши работы

главная Вики Макет для верстки

Макет для верстки

Представляет собой файл для Photoshop с разрешением .psd

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

Также, для удобства, можно оставлять направляющие ширины макета (если он фиксирован) или горизонтальные границы блоков. Остальные направляющие не нужны.

На макете дополнительно должны присутствовать образцы ссылок, такие как обычная, наведенная, активная (для пунктов меню) и заголовки h1-h6 (иногда достаточно h1-h3).
Не забывайте, что ссылки могут быть в меню, в контенте, в боковых или дополнительных блоках.

Если в макете используются нестандартные, несистемные шрифты - необходимо их приложить. Список системных шрифтов смотрите тут.
Дизайнеру следует понимать, что, например, шрифт Arial Narrow будет по-разному отображаться в макете и на веб-странице, в частности, из-за ширины и высоты символов, кернинга и интерлиньяжа, что может привести к различным нежелательным последствиям.
Размер шрифта желательно указывать в px, также необходимо указывать межстрочный интервал. Все-таки, отправной точкой у нас является пиксель на экране монитора, а не его процентное соотношение.
По мере возможности, используйте четный целый размер шрифта, например 8, 10, 22, вместо 33.5 или 12.6. При верстке размер шрифта все-равно будет округлен.

В том случае, если в макете используются динамические элементы (например, всплывающие окна, выпадающие меню, формы обратной связи) - необходимо их отрисовать в макете, либо вынести в отдельный файл, с указанием их расположения на странице.

Следует помнить, что для прорисовки макета желательно как минимум приблизительно понимать html и css, дабы избежать "костылей" в верстке и еще многих неприятных вещей.

Более полно и понятно можно прочитать в этой отличной статье

 
⇑ Наверх