7 советов дизайнеру, отправляющему макет на верстку

Сегодня наткнулся на сайт statejki.ru, на котором обнаружил свои старые посты с blogerstyle.com. С учетом того, что до этого момента о «статейках» я не знал, то каким образом мои посты туда затесались остается для меня загадкой. Ну да ладно, оставим это. Важно сейчас то, что перечитав свои старые посты, я решил опубликовать их еще раз.

Итак, несколько рекомендаций дизайнерам, которые отправляют свой макет на верстку. Вряд ли открою Америку, но для некоторых надеюсь это будет полезной информацией и позволит сохранить нервы и время как дизайнеру, так и верстальщику. Ориентироваться буду на Photoshop, хотя для остальных программ смысл поста не меняется.

1. Называйте слои нормальными именами

Например, navigation, logo, sidebar-top-line (и т.д.), вместо стандартного нумерования layer 1, 2 и т.д.

2. Группируйте элементы в папки

Пусть у вас получится четко разграниченная структура — тут папка header, а тут sidebar.

3. Используйте цвета

Раскрашивайте слои и папки в различные цвета. Так вам будет легче ориентироваться и сложнее запутаться в слоях.

4. Растрируйте шрифты

Посмотрите на список стандартных шрифтов в Windows. Вы использовали другой? Растирируйте его!

5. Пишите заметки

Нафига в ФШ есть такая функция? Она сделана как раз для этого. Напишите в заметках, а не в отдельном слое. Функция особенно полезна, если вы в силу каких-то причин не собираетесь писать ТЗ. Укажите в заметках цвет ссылок, размер блоков и прочую техническую информацию.

7. Всегда держите в голове «эта картинка будет страницей»

Запомните, не все можно сверстать так как вы нарисовали. Когда-то давным-давно я нарисовал дизайн (для блога), в котором дата выводилась под прямым углом (да, представьте себе строку.  А теперь переверните ее на 90 градусов) :) Смешно? Да! Это теперь я смеюсь, но раньше я об этом не знал.

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

6. Архивируйте .psd-файл

PSD-шник ужимается zip-ом почти в три раза.

Конечно это имхо и у каждого верстальщика могут быть свои требования. Так что, дополняйте. Буду рад ))


Читайте также:


Комментарии запрещены.