Требования к оформлению psd-макета сайта

Работа над дизайном сайта — штука довольно непростая, хоть и кажется совсем простой на первый взгляд. Представим, что мы уже имеем на руках прототип сайта и поставили задачу дизайнеру. Дизайнер сделает макет и передаст верстальщику, а тот, в свою очередь, сделает html-шаблоны для будущего сайта.

Именно от того, в каком виде верстальщик получит макет, и зависит оперативность создания верстки. Именно потому в данной статье мы рассмотрим требования к оформлению psd-макета сайта его дизайнером. Зачем нужен правильно оформленный макет? Потому что:

  1. Верстальщик при получении «правильного макета» сможет быстро оценить объем работ.
  2. Верстальщику не нужно дополнительно уточнять детали, дергать дизайнера по мелочам и просить «выслать вот ту кнопку».
  3. С таким макетом может разобраться любой, даже начинающий верстальщик.

Действительно, стандартизация упрощает жизнь. Ребята, которым надоело постоянно описывать требования к макетам, создали даже специальный сайт, на котором всё подробно расписано — http://ilovepsd.ru/.

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

 

Основным при оформлении макета есть следующее:

  1. Использование сетки и направляющих.
  2. Забыть о слитых слоях.
  3. Название каждого слоя, желательно — латиницей.
  4. Использование папок и группирование элементов, например — header, content, footer
  5. Отдельные элементы — на отдельных слоях.
  6. Нестандартные шрифты — прикладываются отдельно (например, в формате *otf).
  7. Использование *rar вместо *zip.
  8. Название файлов латиницей.
  9. Однотипные названия, например — index_main.psd, index_main_dropmenu.psd
  10. Пояснительная записка для верстальщика с деталями (какую верстку использовать, как должны вести себя блоки на странице).

Кроме этого, я подобрал ряд ссылок по теме, которые помогут вебдизайнеру разобраться с тем, как лучше оформить макет перед тем, как отдавать его верстальщику:

— Собранные требования к psd-макету веб-сайта

— Требования к дизайн-макетам web-страниц для верстки html-сайтов и html-сайтов с элементами flash

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

 

About the author

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Я использую Google +

Пример рекламы от Google

Наши партнеры

www.work-zilla.com
Шаблоны для сайтов

Уже дописана статья

Подписка на новости блога