Антон!

Лучший способ быстро набросать эскиз, который я знаю, — это метод прогрессивного джипега:

• Общее описание метода в Ководстве Артемия Лебедева;
• Сборка макета из чужих картинок в совете Ильи Бирмана о вайрфреймах.

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

А иногда для выбора направления достаточно набросать эскиз на бумаге:

В бюро прогрессивный джипег используется повсеместно: в самом начале работы для поиска композиции, при обсуждении макетов и внесении правок с ведущим дизайнером, во время показа арт-директору и глобальной переделки после него, для согласования замечаний с клиентом. Ещё хитрость: чтобы не скатиться в подробное рисование и не терять время, рекомендую работать над джипегом в одном слое (в Фотошопе).

В качестве иллюстрации классической работы с арт-директором — фрагмент работы над редакционными стандартами издательства «Актион-МЦФЭР»:

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

P. S. Это был совет по средам о вёрстке и типографике в вебе. Хотите знать всё об интерлиньяжах, полях, отступах, кеглях, выравниваниях и модульных сетках? Присылайте вопросы.