Pull to refresh

Коротко об дизайн-макетах, удобных XHTML-верстальщику

Reading time2 min
Views1.4K
Заказчик прислал 14-мегабайтный PSD-файл, содержащий макет всего одной вебстраницы. Открыв его, обнаружил изрядный бардак в структуре: куча из скрытых слоёв, групп, поименованных абы как, каких-то продублированных несколько раз одинаковых слоёв и т.п. С грехом пополам разобрался, что к чему, сверстал. А потом выяснилось, что кое-что было забыто (я просто не смог увидеть это «кое-что»).

А ведь есть хорошие правила подготовки макетов перед отправкой их верстале. Я, пожалуй, запишу их сейчас, и по необходимости буду ссылаться на эту запись всякий раз, когда понадобится.

UPD: Хабралюди, не превращайте, пожалуйста, комментарии в арену для священных войн.


1. Соблюдайте порядок в слоях. Именуйте их понятными наименованиями (Layer 2 copy не проканает), группируйте их, следуя чёткой логике (например, если уж нарисовали поисковую форму, то и включите все её составляющие в группу «Форма поиска»).

2. Удаляйте всё ненужное.

3. Если шаблонов очень много (например, речь идёт о сайте хостинг-компании, имеющем помимо пользовательской ещё и админскую часть), то разнесите макеты страниц по различным PSD-файлам (например, catalog-pages.psd, admin-vault.psd и т.п.). Не поленитесь — сгруппируйте сами, не заставляйте версталу тратить время на разгадывание головоломок. Вам же не трудно, вы же во всём этом уже разбираетесь, а он ещё нет.

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

Однажды мне даже попался малюсенький файл, в котором дизайнер не поленился нарисовать все основные варианты гиперссылок с указанием цветов для link:, visited:, hover:, active. Внимательные люди есть в любой професии. :-)
Tags:
Hubs:
Total votes 39: ↑34 and ↓5+29
Comments89

Articles