Здравствуйте, дорогие форумчане. Недавно писал статейку о верстке, так форумчане попросили продолжить эту тематику и написать еще одну статейку. Вот я и написал.

Приступим к рисованию макета будущего сайта. Буду рисовать конечно несложный макет, так сказать theme framework – минимальный дизайн, но при помощи которого можно сделать вполне приличный и насыщенный дизайн сайта.

Ориентировка – макет для сайта на DLE, классический трех-колоночный веб-дизайн сайта с установленной CMS DLE версий 7-8. Итак, приступим, я использую Adobe Photoshop CS3 официальную русскую версию.

Внимание! В этом уроке не будут рассматриваться основные приемы работы с фотошопом такие как выбор любого инструмента, вставка текста и т.д. Уровень пользователя программы фотошоп – минимальный.

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

Причем дизайн всех блоков, левых, правых и центральных будет одинаковый, разница только в ширине, для блоков возьмем ширину 200 пикселей, для центральной части все что останется.

Также замечу, что буду рисовать макет с фиксированной шириной – стандартная 960-пиксельная grid system, чтобы наш сайт одинаково хорошо отображался на мониторах с разрешением от 1024х768 пикселей и выше (это монитор 19 дюймов).

Дальше идет много картинок, поэтому вам придется прочитать ее на блоге. Оригинальная статья Как нарисовать макет сайта