Обзор трафарет+блокнот для прототипирования

в 6:43, , рубрики: prototype, prototyping, prototyping tool, stencil, интерфейсы, прототип, прототипирование, метки: , , , , ,

Некоторое время были у меня в руках предметы, интересные в первую разработчикам интерфейсов сайтов/программ, а именно трафарет и блокнот для iOS-интерфейсов. Когда-то в комментариях упоминали об этой продукции компании «UI Stencils», но информации было мало и решено было взять на пробу.

image

Ниже мое субъективное мнение, которое может не совпадать с вашим.

Примечание

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

Трафарет

image

Трафарет поставляется в виде комплекта, в состав которого входит:

  • Трафарет
  • Механический карандаш
  • Мягкий пластиковый чехол
  • Рекламные наклейки производителя

Описание трафарета:

  • Увеличенный масштаб 140%
  • Соответствует спецификациям Apple iOS7
  • Изготовлен из нержавеющей стали
  • Страна производства США

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

image

image

Трафарет выполнен в соответствии со спецификациями iOS7 (компания обновляет трафарет при обновлении спецификаций). В дополнение к вырубленным фигурам, на трафарете нанесены подсказки для разработчика, например, как обозначить обозначить на рисунке действие (tap, pinch, rotate) и др. Для помощи при определении размеров стандартных элементов, например, строка состояния, в трафарете сделаны отверстия, через которые можно наметить границы элементов

Блокнот для эскизов

image

Блокнот поставляется только в тонком полиэтиленовом пакете, который имеет склонность рваться по швам. Это не критично, т.к. сразу после распаковки блокнот больше не вернется в него, а основную задачу — защиту блокнота при транспортировке — он выполнил на отлично.

Описание блокнота:

  • Размеры: 215 х 279 мм (почти точный формат А4)
  • Двухсторонняя печать
  • Точечная сетка, шаг 10px
  • Шаблон телефона в масштабе 140%
  • Поля «Название проекта», «Экран», «Дата», «Примечание»
  • 50 листов
  • Задняя обложка из толстого картона

Печать достаточно качественная и краска не пачкается. Листы плотные и приятные на ощупь.

image

image

Для понимания как используется трафарет совместно с блокнотом предлагаю посмотреть видео.
vimeo.com/52961899

Дополнительно

Для удобства оцифровки нарисованного прототипа, производитель разработал программу Protosketch. Программа позволяет распознать эскиз, сделать его интерактивным, поделиться с коллегами.

Ссылка на программу: http://www.appstore.com/protosketch

К сожалению, не могу рассказать больше о приложении, т.к. нет iOS-устройства под рукой.

Личные ощущения

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

З.Ы. Данный трафарет с блокнотом, как для iOS, так и для других операционных системы (мобильные и десктопные) можно приобрести в РФ. Кому интересно, ссылку пришлю в личку, либо, если администрация разрешит, добавлю в пост.

Автор: Alextos

Источник

* - обязательные к заполнению поля


https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js