![](https://habrastorage.org/files/ea1/1f2/115/ea11f21156034440a13345bf8f963580.png)
Захотели сделать трафарет для упрощения бумажного проектирования интерфейсов. По образцу тех, что можно найти на UIStencils.com, но с местной спецификой.
Зачем? Для начала посмотреть, пригодится ли в жизни такая штуковина. Вторая задача — поощрить внутри себя использование ручки-бумаги вместо специальных UX-программ. А проще говоря — поиграть.
Требования осознали вот такие.
- Металлический. А то пластиковый выглядит скучной дешёвкой.
- Только со сложными силуэтами. Квадратики-кружочки-стрелочки лучше всё-таки от руки рисовать.
Как видите, немного.
Что ставить, какие силуэты?
Обсудили и составили гигантский список.
- Социальные сети: ВКонтакте, Facebook, Instagram, LinkedIn, «Одноклассники», Twitter, Pinterest, Google+.VK
- Мессенджеры: WhatsApp, Skype, Телеграм, Viber, Slack, «Сообщения» на iOS, LiveTex.
- Операционки: Apple (да, мы знаем, что это фирма), Windows, Android, Ubuntu.
- Браузеры: Chrome, Safari, MS Edge, Firefox, Яндекс.Браузер, Opera.
- Жесты смартфона: тап, свайп, зум, скролл, курсор рука, курсор стрелка.
- Сервисы (инфраструктура): Dropbox, 1C, Google Drive, Яндекс.Диск, Яндекс.Маркет.
- Монстры отрасли: Google, Яндекс, Mail.ru, Wikipedia, Pornhub.
- Символы-полезняшки: загрузка, WiFi, Bluetooth, батарейка, облачко, календарь, комментарий, кошелёк, банковская карта, фотоаппарат, звёздочка, сердечко, Fb-лайк, круговая диаграмма, ключ, QR-код.
- Крупное: линейка пиксельная, линейка обычная, контуры iPhone, контур России, символ Петербурга, символ Москвы.
Из итогового варианта многое повычёркивали — не влезло или расхотелось.
Один из первых вариантов — ещё до выравнивания и подготовки под лазерную резку — выглядел вот так.
![](https://habrastorage.org/files/608/a25/bed/608a25bedea345d9a898c391102f5c65.png)
На производстве ждали сюрпризы.
- Принимают только файлы в формате CorelDraw.
- Долго (около недели) возятся с созданием пробной версии.
- И только после пробника готовы называть цену.
Пробник получился таким.
![](https://habrastorage.org/files/184/26b/1e3/18426b1e347b45af8e9924cd96e2ac63.jpg)
Производство посчитало и цену: 800 руб./штука.
Дорого, но пока не об этом речь.
Мы взяли пробник в руки и начали тестировать.
Вот одна из бумажек с выведенными по трафарету силуэтами.
![](https://habrastorage.org/files/492/189/21e/49218921ef1d4c8696436cf2f9459ba4.png)
На ней видны основные проблемы трафарета.
- Ручка уменьшает контур. Чтобы результат был как надо, нужно раздвигать границы фигур на трафарете. Причём под фиксированную толщину стержня. А если хочется не так сильно зависеть от стержня, то придётся упрощать прорисовываемые объекты.
- Некоторые контуры слишком сложные, ручка скачет. Заштриховать можно, а вот обвести никак не получается. Выбрасываем.
- Кое-что (календарь, жесты), возможно, стоит заметно увеличить. В маленьком варианте они не особо нужны.
- Очень трудно делать мелкие скругления. Если не увеличить, то выбрасываем.
- Может быть, сделать трафарет вовсе не под ручку-карандаш? Существуют, например, трафаретные кисти — вдруг они тут поуместней будут?
Проблемы, которые не видны.
- Верно ли мы подобрали набор контуров на трафарете? Что убрать, что добавить?
- Нужна ли людям такая штуковина?
Про востребованность — рынок решит. Может быть, через Boomstarter. Посмотрим.
А по содержанию трафарета — высказывайтесь в комментариях, пожалуйста.