Монохромный сайт Дмитрия Мокеева

Работа над эскизами: Опубликовано 15 июля 2009 года в заметках О работе

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

Когда-то давно, в самом начале, когда заказы были случайными, и свободного времени было больше, я создавал эскизы и делал наброски непосредственно в графическом редакторе на компьютере. Эта процедура отнимала достаточно много времени и сил. Позже я отказался от этой практики в пользу простых карандашных набросков — это очень быстро, а получившейся результат обладает своим особенным очарованием «ручной работы» (в наш цифровой век это доставляет отдельное удовольствие, позволяя не забывать, как вообще держать карандаш в руке).

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

Поэтому, дабы сгладить «трудности перевода» и способствовать повышению качества рабочего процесса, я изготовил, распечатал на простом принтере и начал применять заготовки, которые назвал «браузерные бланки» — это заранее подготовленные листы формата А4 с отпечатанной рамкой для всех основных браузеров (Opera, Firefox, Internet Explorer, Safari, Google Chrome). Помимо изображения самого браузера я разместил на листах линейки в пикселях, чтобы было проще воспроизводить масштаб, и вспомогательные поля, гармонично вписавшиеся в элементы браузера — в них делаются записи о датах, версиях и прочем. Бланки сделаны из расчета на минимальное разрешение экрана равное 1024 на 768 пикселей, минус технические отступы. Отступы сознательно сделаны с запасом, так как по мне лучше, когда остается свободное пространство, чем когда его катастрофически не хватает. На практике реальные размеры рабочего поля носят лишь информативный характер, потому что детальная точность от наброска не требуется.

Теперь, приходя на переговоры, я имею возможность непосредственно на месте в привычной и удобной для заказчика форме сделать основные наброски будущего дизайна. Заказчик же, в свою очередь, сразу видит, как сайт примерно будет выглядеть в браузере и при необходимости может своей рукой внести рабочие метки и/или добавить комментарии. Или ещё интереснее: некоторые заказчики настолько втягиваются, что сами берут в руки карандаш и увлеченно, как в детстве, отдаются творческому процессу рисования!

В итоге все довольны и нет нужды подбирать слова, чтобы объяснить, как именно должен выглядеть тот или иной объект. Все эскизы подшиваются в папку с прочими документами по проекту и в таком виде… хранятся на память:) Аналогичную методику я применяю и при проработке новых идей на будущее.

Идея не претендует на оригинальность, но за счёт простоты реализации может с успехом использоваться всеми желающими. Для создания «браузерного блокнота» требуется лишь принтер и брошюратор (или папка-скоросшиватель).

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