Советы по подготовке макета (для новичков)

Хотел бы в этом посте осветить несколько советов начинающим дизайнерам по подготовке макета. Некоторые советы я получал от своих заказчиков или верстальщиков, некоторые придумал сам. В общем перейду к сути.

1) Текст и ссылки делайте без сглаживания. Это позволит видеть конечный результат таким, каким он будет после верстки. Это конечно же не касается текста, который будет в графических элементах — тут уже на личное усмотрение.

2) Не нужно оставлять макеты вместе с шаблоном браузера.  Встречал на форуме searchengines жалобы верстальщиков, что «горе-дизайнеры» для красоты обрамляют макет рамкой браузера для красоты и прямо в таком виде отдают макет верстальщику. Уважайте чужой труд. На макете под верстку такого быть не должно, а вот скрины оформляйте как вам угодно.

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

4) Правильно структурируйте и подписывайте слои сразу. Раньше я сначала делал полностью макет, а потом уже наводил марафет в слоях (переименовывал, расставлял в определенном порядке, запихивал по папкам). Теперь же я с самого начала слежу за слоями — это экономит много времени.

5) Если это возможно, то уменьшайте размер исходного файла (.psd). Бывают уж очень увесистые ПСДшки, что может доставлять некоторые неудобства. Наверное, для начала перечислю для каких целей необходимо уменьшить размер исходника.

Во-первых: если файл уж очень большой, то не на всякий ящик его можно отправить. Да и интернет не у всех летает.

Во-вторых: файл с меньшим размером работает более шустро.

В-третьих: если для каждого макета куча внутренних да еще и туча резервных копий — все это нагромождается и приходится любимые фильмы с компа удалять, чтобы место освободить. Сейчас у меня таких проблем нет, но помню  те далекие времена, когда веник был 40 гигов 🙂

Для начала просмотрите все слои, не забыли ли вы удалить ненужные. У меня во время такой проверки всегда где-то нарывается 2-3 левых слоя. Также я, например, часто забываю про части изображения, которые находятся за пределами видимой области. Если такие элементы не будут в дальнейшем передвигаться, то нужно пользоваться кропом («Crop» или «Кадрирование»). Для тех, кто не знает, нужно выделить макет (Ctrl+A) и выбрать Изображение (Image) >>> Кадрирование (Crop).

Теперь расскажу, что делать если вдруг исходник (или исходники) не влазят на почту, флэшку, диск и т.д. и срочно нужно уменьшить размер. Если архивирование не спасло и нужно еще уменьшить файл, то можно отключить все слои (в итоге экономиться около 25% размера), но я этот метод отношу к разряду «на крайний случай». Так как заказчик или верстальщик может потом не собрать картинку так, как это было задумано. Приведу пример: часто нужно заранее продумать каким будет цвет ссылок при наведении или как измениться кнопка при нажатии-наведении; в таких случаях я создаю слои с курсором нажатия и ссылкой нужного цвета. Верстальщику в дальнейшем может быть сложно разобрать что должно быть включено, а что нет. Уважать коллег нужно — потому думаем, что делаем 🙂

И теперь, наверное, самый важный совет:

6) Не забывайте, что дизайн сайта — это не только красивая картинка. Не меньшее, а то и в разы большее значение имеет контентная часть. Если не брать во внимание презентационные сайты, то главная цель дизайна в первую очередь — не напугать пользователя (чтобы он не убежал) и сделать его пребывание на сайте и чтение материалов удобным.

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

Как найду что-то интересное — обязательно напишу в блоге.
__________________________
дизайн саратов