С недавнего времени мне на работе приходится много рисовать на бумаге. Рисуем на пару с коллегой скетчи приложения под iPhone. Этот способ мы выбрали как наиболее быстрый для демонстрации своих идей остальным членам команды.

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

Но что-то нам всего этого арсенала показалось мало и мы решили заказать трафарет для быстрого рисования UI-элементов на бумаге с сайта http://www.uistencils.com/. Почему-то глядя на эти красивые рекламные фотографии мы подумали, что он нам здорово поможет и ускорит нашу работу.

Заказ пришёл довольно быстро, но не совсем целым – одна пластмассовая линейка оказалась сломанной, за что большое спасибо компании FedEx. Но эта заметка не об этом.

iPhone Stencil Kit

Сам трафарет выполняет помимо своей основной функции ещё и роль шпаргалки. Он содержит основные UI-элементы: кнопки для NavBar, поле поиска или адресную строку браузера, поле таблицы, кнопки формы и основные иконки для TabBar и Toolbar. Также на нём выгравирована справочная информация: расположение таких элементов устройства, как динамики, камера, микрофон, разъём для наушников, кнопки регулировки громкостью и так далее. Нанесены размеры экрана, высота NavBar и TabBar и линейка с шагом в 100 пикселей. На обратной стороне перечислены жесты устройства (Tap, Pinch, Flick и т.д.) и различные анимационные эффекты.

Далее идёт моё субъективное мнение. Как инструмент это абсолютно бесполезная штука. Скорость в работе он не увеличивает, а скорее наоборот. Есть много недостатков, которые мне мешают работать. Во-первых, трафарет металлический, а значит непрозрачный. Из-за этого я не вижу того, что уже нарисовано под ним. В результате элементы часто «пляшут» на эскизе. Во-вторых, также потому что он металлический, об него стачивается стержень карандаша и часто ломается. В третьих, масштаб не соответствует реальному экрану. Он увеличен до 140%, чтобы удобней было рисовать. Это вряд ли можно назвать недостатком, но мы привыкли рисовать эскизы в масштабе 1:1. Ну и в итоге, результат не сильно отличается от эскиза, нарисованного при помощи обычного угольника и листа в клетку.

Ниже примеры скетчей:

Скетч, нарисованный при помощи обычной линейки

Скетч, нарисованный при помощи iPhone Stencil

Если нет разницы, то зачем платить больше? :)

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