- PVSM.RU - https://www.pvsm.ru -

Правильный инструмент для создания прототипов в веб-дизайне

image

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

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

Web design Sketchbook

Блокнот, который представляет собой симбиоз брифа и страниц для прототипирования, можно заказать [2] в готовом исполнении или скачать в формате PDF [3] и распечатать.

image

Paper Browser

Вариант попроще: только окна браузера без лишнего, которые также можно распечатать или заказать готовые [4].

image

Website Stencil Kit

Помните офицерские линейки [5]? Такую, но с веб-дизайнерскими трафаретами можно заказать [6] всего за $29:

image

Sketchbook for web designers

Еще несколько простых заготовок [7], готовые к печати:

image

Подобных шаблонов существует большое количество, для любых, самых нестандартных потребностей веб-дизайнера. отличная подборка [8] была на сайте Smashing Magazine. Кроме того существуют онлайн генераторы сеток, для последующей печати: Notepad Generator [9], Print Free Graph Paper [10], Free Online Graph Paper [11] и другие.

Дизнот

Но и это не совсем то, что нужно современному веб-дизайнеру. А как же «хочу красиво»?

Хочу представить вниманию плод совместного труда с дизайнерами TemplateMonster Russia — крутой блокнот «Дизнот» [12]. Что в нем есть:

  • Отдельные сетки для разработки главных и внутренних страниц
  • Классный дизайн, твердая обложка, высокое качество исполнения
  • Веселые альтернативные обложки
  • Удобные форматы блокнота — А4 и А5

Автор: grokru

Источник [13]

Сайт-источник PVSM.RU: https://www.pvsm.ru

Путь до страницы источника: https://www.pvsm.ru/veb-dizajn/46472

Ссылки в тексте:

[1] мозг: http://www.braintools.ru

[2] заказать: http://www.lulu.com/shop/view-cart.ep;jsessionid=F77FFD1A26E75E756D32A3F669C3BE1A

[3] скачать в формате PDF: http://webdesign-sketchbook.com/versions/WebSketch-Single-v1p1.pdf

[4] распечатать или заказать готовые: http://www.raincreativelab.com/paperbrowser/

[5] офицерские линейки: http://ru.wikipedia.org/wiki/%D0%9E%D1%84%D0%B8%D1%86%D0%B5%D1%80%D1%81%D0%BA%D0%B0%D1%8F_%D0%BB%D0%B8%D0%BD%D0%B5%D0%B9%D0%BA%D0%B0

[6] заказать: http://www.uistencils.com/products/website-stencil-kit

[7] несколько простых заготовок: http://www.vcarrer.com/2009/02/sketchbook-for-web-designers.html

[8] отличная подборка: http://www.smashingmagazine.com/2010/03/29/free-printable-sketching-wireframing-and-note-taking-pdf-templates/

[9] Notepad Generator: http://www.botsko.net/Demos/notepad_generator/

[10] Print Free Graph Paper: http://www.printfreegraphpaper.com/

[11] Free Online Graph Paper: http://incompetech.com/graphpaper/squarecross/

[12] блокнот «Дизнот»: http://diznot.ru

[13] Источник: http://habrahabr.ru/post/198798/