Некоторое время были у меня в руках предметы, интересные в первую разработчикам интерфейсов сайтов/программ, а именно трафарет и блокнот для iOS-интерфейсов. Когда-то в комментариях упоминали об этой продукции компании "UI Stencils", но информации было мало и решено было взять на пробу.
![image](https://habrastorage.org/r/w780q1/getpro/habr/post_images/f6d/bd1/533/f6dbd153392aecbccffc50faa1b8f5bf.jpg)
Ниже мое субъективное мнение, которое может не совпадать с вашим.
![image](https://habrastorage.org/r/w780q1/getpro/habr/post_images/87b/b42/241/87bb422413f2f0faa330da858230e84a.jpg)
Трафарет поставляется в виде комплекта, в состав которого входит:
Описание трафарета:
Трафарет изготовлен из нержавеющей стали и выглядит добротно. При том, что он достаточно тонкий, трафарет является достаточно крепким и может позволить некоторую небрежность по отношению к себе, но лучше быть аккуратным.
![image](https://habrastorage.org/r/w780q1/getpro/habr/post_images/c0d/2b6/928/c0d2b692801ecdfd6cb6134729b936f8.jpg)
![image](https://habrastorage.org/r/w780q1/getpro/habr/post_images/4f6/843/ca2/4f6843ca2b53b31079977b3340c9d178.jpg)
Трафарет выполнен в соответствии со спецификациями iOS7 (компания обновляет трафарет при обновлении спецификаций). В дополнение к вырубленным фигурам, на трафарете нанесены подсказки для разработчика, например, как обозначить обозначить на рисунке действие (tap, pinch, rotate) и др. Для помощи при определении размеров стандартных элементов, например, строка состояния, в трафарете сделаны отверстия, через которые можно наметить границы элементов
![image](https://habrastorage.org/r/w780q1/getpro/habr/post_images/861/c15/7e3/861c157e3c9d07130c13646176c6bc59.jpg)
Блокнот поставляется только в тонком полиэтиленовом пакете, который имеет склонность рваться по швам. Это не критично, т.к. сразу после распаковки блокнот больше не вернется в него, а основную задачу — защиту блокнота при транспортировке — он выполнил на отлично.
Описание блокнота:
Печать достаточно качественная и краска не пачкается. Листы плотные и приятные на ощупь.
![image](https://habrastorage.org/r/w780q1/getpro/habr/post_images/288/f52/ac3/288f52ac3c229d34c8ff77a0467b3bcb.jpg)
![image](https://habrastorage.org/r/w780q1/getpro/habr/post_images/7b6/156/63a/7b615663a29f2c46db32db953bfc900a.jpg)
Для понимания как используется трафарет совместно с блокнотом предлагаю посмотреть видео.
vimeo.com/52961899
Для удобства оцифровки нарисованного прототипа, производитель разработал программу Protosketch. Программа позволяет распознать эскиз, сделать его интерактивным, поделиться с коллегами.
Ссылка на программу: http://www.appstore.com/protosketch
К сожалению, не могу рассказать больше о приложении, т.к. нет iOS-устройства под рукой.
Если сравнивать использование трафарета с отрисовкой элементов в ручную, то могу сказать, что трафарет позволяет сэкономить время для типовых элементов. Наличие сетки позволяет сразу ориентироваться в масштабе элементов, что удобно при отрисовке в программе, например, Axure.
З.Ы. Данный трафарет с блокнотом, как для iOS, так и для других операционных системы (мобильные и десктопные) можно приобрести в РФ. Кому интересно, ссылку пришлю в личку, либо, если администрация разрешит, добавлю в пост.
UPD
Ссылки:
UPD 2
Пользователь serguey_selezen поделился ссылкой на аналогичное приложение: Prototyping on Paper
![image](https://habrastorage.org/getpro/habr/post_images/f6d/bd1/533/f6dbd153392aecbccffc50faa1b8f5bf.jpg)
Ниже мое субъективное мнение, которое может не совпадать с вашим.
Примечание
Попробовав представить трафарет презентабельно своими силами, пришел к выводу, что лучше буду использовать материалы производителя.
Трафарет
![image](https://habrastorage.org/getpro/habr/post_images/87b/b42/241/87bb422413f2f0faa330da858230e84a.jpg)
Трафарет поставляется в виде комплекта, в состав которого входит:
- Трафарет
- Механический карандаш
- Мягкий пластиковый чехол
- Рекламные наклейки производителя
Описание трафарета:
- Увеличенный масштаб 140%
- Соответствует спецификациям Apple iOS7
- Изготовлен из нержавеющей стали
- Страна производства США
Трафарет изготовлен из нержавеющей стали и выглядит добротно. При том, что он достаточно тонкий, трафарет является достаточно крепким и может позволить некоторую небрежность по отношению к себе, но лучше быть аккуратным.
![image](https://habrastorage.org/getpro/habr/post_images/c0d/2b6/928/c0d2b692801ecdfd6cb6134729b936f8.jpg)
![image](https://habrastorage.org/getpro/habr/post_images/4f6/843/ca2/4f6843ca2b53b31079977b3340c9d178.jpg)
Трафарет выполнен в соответствии со спецификациями iOS7 (компания обновляет трафарет при обновлении спецификаций). В дополнение к вырубленным фигурам, на трафарете нанесены подсказки для разработчика, например, как обозначить обозначить на рисунке действие (tap, pinch, rotate) и др. Для помощи при определении размеров стандартных элементов, например, строка состояния, в трафарете сделаны отверстия, через которые можно наметить границы элементов
Блокнот для эскизов
![image](https://habrastorage.org/getpro/habr/post_images/861/c15/7e3/861c157e3c9d07130c13646176c6bc59.jpg)
Блокнот поставляется только в тонком полиэтиленовом пакете, который имеет склонность рваться по швам. Это не критично, т.к. сразу после распаковки блокнот больше не вернется в него, а основную задачу — защиту блокнота при транспортировке — он выполнил на отлично.
Описание блокнота:
- Размеры: 215 х 279 мм (почти точный формат А4)
- Двухсторонняя печать
- Точечная сетка, шаг 10px
- Шаблон телефона в масштабе 140%
- Поля «Название проекта», «Экран», «Дата», «Примечание»
- 50 листов
- Задняя обложка из толстого картона
Печать достаточно качественная и краска не пачкается. Листы плотные и приятные на ощупь.
![image](https://habrastorage.org/getpro/habr/post_images/288/f52/ac3/288f52ac3c229d34c8ff77a0467b3bcb.jpg)
![image](https://habrastorage.org/getpro/habr/post_images/7b6/156/63a/7b615663a29f2c46db32db953bfc900a.jpg)
Для понимания как используется трафарет совместно с блокнотом предлагаю посмотреть видео.
vimeo.com/52961899
Дополнительно
Для удобства оцифровки нарисованного прототипа, производитель разработал программу Protosketch. Программа позволяет распознать эскиз, сделать его интерактивным, поделиться с коллегами.
Ссылка на программу: http://www.appstore.com/protosketch
К сожалению, не могу рассказать больше о приложении, т.к. нет iOS-устройства под рукой.
Личные ощущения
Если сравнивать использование трафарета с отрисовкой элементов в ручную, то могу сказать, что трафарет позволяет сэкономить время для типовых элементов. Наличие сетки позволяет сразу ориентироваться в масштабе элементов, что удобно при отрисовке в программе, например, Axure.
З.Ы. Данный трафарет с блокнотом, как для iOS, так и для других операционных системы (мобильные и десктопные) можно приобрести в РФ. Кому интересно, ссылку пришлю в личку, либо, если администрация разрешит, добавлю в пост.
UPD
Ссылки:
- uistencils.com — Сайт производителя. Доставка почтой может быть как быстрой (10 дней), так и медленной (по словам serguey_selezen бывает и 2 месяца).
- moiprototip.ru — Сайт магазина в РФ. Пока работают только под заказ, но обещают, при наличии спроса, держать на складе достаточный запас.
- onapkin.com — Сайт аналогичных блокнотов. Спасибо serguey_selezen.
UPD 2
Пользователь serguey_selezen поделился ссылкой на аналогичное приложение: Prototyping on Paper