Требования к оформлению 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

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

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

Этот сайт использует Akismet для борьбы со спамом. Узнайте, как обрабатываются ваши данные комментариев.

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

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

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

www.work-zilla.com


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

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