6 дек. 2010 г.

Советы веб-дизайнеру

Сам занимаюсь дизайном редко, в виду почти полного отсутствия креатива. Но в процессе веб-дизайна (который я делаю на фотошопе или GIMP) собралось несколько советов, для улучшения работы.

итак
1. Создавать документ надо с разрешением 96dpi, тогда "пункты" ваших шрифтов совпадут с реальными размераму пунктов в вебе.

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

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

4. Если есть возможность, группируйте слои в логические группы, чтобы можно было легко двигать составные объекты.

5. Называйте слои понятными именами.

6. было бы неплохо сгруппировать все слои с "рыбным" текстом в один, который можно было бы выключить одним кликом.

7. В процессе работы я выработал правило: "Хорошая шапка - полсайта сделано". Оно реально работает. Имея красивый коллаж в шапке, останется только продумать второстепенные элементы - блоки, заливки, цвета текста и ссылок.

8. если не хотите услышать мат верстальщика в свой адрес, осторожно оперируйте градиентами и прозрачностью. Горизонтальные и вертикальные градиенты ОК, радиальные и косые могут создать много геморроя (в частности, может получиться, что придется подкладывать в качестве фона огромную картинку килобайт на 100 вместо 1КБ гифа). С прозрачностью тоже, когда планируется верстка под ИЕ6 и есть один или более слоев с 24-бит прозрачным png, обслуживание старых недобраузеров превращается в ад.

9. Если в процессе работы происходит, к примеру, вырезание некоторого объекта из фона, то я рекомендую держать несколько копий слоя: оригинал, первоначальную вырезку, потом далее обработанные копии слоя (например, с коррекцией цвета, резкости и др.). Однажды из старых работ можно будет их достать и не тратить время на вырезку и другую обработку.

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

Комментариев нет: