Craft Prototype - создание убедительных прототипов приложений
Наш канал в

Я получил доступ к приватной бета-версии инструментов Invision Craft и решил показать вам, на что они способны. Craft представляет собой набор инструментов, который работает внутри Sketch.

Мысли о прототипировании

Как дизайнеру и программисту, мне нужно:

Не просто создать продукт правильно, но и создать правильный продукт.

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

Возможности Craft Prototype

Я не знаю, какие конкретно функции планировалось реализовать, но хотел бы отметить несколько из уже доступных:

  • Простой drag’n’drop интерфейс и использование горячих клавиш.
  • Работает прямо с файлом Sketch (не нужно никакого дополнительного формата).
  • Никакого кодинга.
  • Доступ к родным элементам iOS по типу камеры, клавиатур и имейлов.
  • Совершаемые изменения в реальном времени синхронизируются с прототипом.
  • Ваши прототипы хранятся внутри InVision Viewer для тестирования оффлайн.

Вкратце: Craft Prototype позволяет в считанные минуты создавать прототип, который покажется вашим пользователям настоящим приложением.

Как его заполучить Craft Prototype

Продукт до сих пор в приватной бета-версии, и вы можете подписаться на нее через silverflows.com. Пока что программа постоянно ломается и виснет в процессе разработки прототипа, но сам прототип – то, что видит пользователь – смотрится как готовая версия для продакшна.

Настало время демо:

Я снял это за два раза нон-стоп, так что не судите строго.
PS: Интересно узнать ваше мнение в комментариях.

Видео проигрывается на двойной скорости (2х)

1-xl33U-JJ5UoavC9N5MvwIg

Моя настройка

Кроме приложений, которые я уже упомянул, я также использую Reflector 2, чтобы зеркалить свой iPhone в беспроводном режиме для записи с экрана. Также я использую keycastr, чтобы показывать, какие кнопки я нажимаю.

Подпишитесь на рассылку

Раз в неделю мы будем присылать на почту дайджест с лучшими материалами

Похожие записи

Полное руководство по дизайну iOS 9 в Sketch

iOS сильно выросла в течение последних лет. С ее iOS 9 апгрейдом, Apple представил новый системный шрифт под названием San Francisco, 3D Touch и многозадачность на iPad. В Xcode вы найдете Stack Views, фантастический инструмент для более адаптивных макетов, гораздо проще Auto Layout.

Самое подробное руководство по дизайну в Sketch

Работая со Sketch последние три года, я освоил ряд ключевых техник, которые значительно улучшили мой рабочий процесс. Так как я, помимо рисования, также обожаю прототипировать и кодить, мне нужен инструмент для быстрого выполнения дизайн-проектов и легкой генерации исходников. Sketch вместе с его плагинами и другие инструменты для прототипирования полностью справляются с этой задачей. Часть 1 Часть 3 Часть 4

Серия уроков Sketch (часть1 из 5): Настройка Sketch

Первое что нам следует изучить, это настройка Sketch. Если вы только начали создавать дизайны для веб и являетесь новичком в Sketch или Photoshop, или вы просто разработчик, желающий включить UI-дизайн в свой репертуар, эти простые уроки по настройке идеально подойдут для быстрого ознакомления с работой Sketch. Часть 2 Часть 3 Часть 4 Часть 5