Рабочий макет: 5 сервисов для создания прототипов приложений

Все блоги / Про интернет 5 февраля 2014 371   



Смотрите пост в полноценной красивой верстке

Хотя Google обогнал Apple в 2013 году по количеству созданных приложений, платформа iOS всё ещё
остаётся самой прибыльной
 для разработчиков. H&F нашёл несколько сервисов создания прототипов и эскизов приложений на iOS.

 


POP

1056;1072;1073;1086;1095;1080;1081; 1084;1072;1082;1077;1090;: 5 1089;1077;1088;1074;1080;1089;1086;1074; 1076;1083;1103; 1089;1086;1079;1076;1072;1085;1080;1103; 1087;1088;1086;1090;1086;1090;1080;1087;1086;1074; 1087;1088;1080;1083;1086;1078;1077;1085;1080;1081;. 1048;1079;1086;1073;1088;1072;1078;1077;1085;1080;1077; 8470;1.

Приложение Prototyping on Paper позволяет использовать для прототипирования самые простые и доступные инструменты — карандаш, бумагу и айфон. Нарисуйте эскизы от руки, сфотографируйте их — сервис автоматически отрегулирует яркость и размер, позволит сделать симулятор вашего будущего приложения. В POP можно создать систему линков и с её помощью проследить, как приложение будет реагировать на нажатие той или иной кнопки. Также POP позволяет делиться созданным прототипом с коллегами и друзьями, собирать фидбэк. 

 


Mocking Bot

1056;1072;1073;1086;1095;1080;1081; 1084;1072;1082;1077;1090;: 5 1089;1077;1088;1074;1080;1089;1086;1074; 1076;1083;1103; 1089;1086;1079;1076;1072;1085;1080;1103; 1087;1088;1086;1090;1086;1090;1080;1087;1086;1074; 1087;1088;1080;1083;1086;1078;1077;1085;1080;1081;. 1048;1079;1086;1073;1088;1072;1078;1077;1085;1080;1077; 8470;2.

Редактор для создания интерактивных мокапов — моделей дизайна в натуральную величину — в вебе. Бесплатно можно отрисовать одно приложение, за $7 в месяц — три, за $15  в месяц — неограниченное количество. Сервис представляет собой настоящий конструктор графических элементов, которые могут понадобиться при создании дизайна приложения для AppStore. При желании можно найти ряд похожих по функционалу редакторов, например
Balsamiq
или
GoMockingBird
.

 


AppCooker

1056;1072;1073;1086;1095;1080;1081; 1084;1072;1082;1077;1090;: 5 1089;1077;1088;1074;1080;1089;1086;1074; 1076;1083;1103; 1089;1086;1079;1076;1072;1085;1080;1103; 1087;1088;1086;1090;1086;1090;1080;1087;1086;1074; 1087;1088;1080;1083;1086;1078;1077;1085;1080;1081;. 1048;1079;1086;1073;1088;1072;1078;1077;1085;1080;1077; 8470;3.

Приложение позволяет создавать мокап прямо на айпаде. Рисовать эскизы можно пальцем, также существует возможность выбора графических элементов из библиотеки. Некоторые элементы линкуются и, при желании, можно создать подобие работающего приложения для демонстрации. AppCooker предлагает много функций для любителей поковыряться в деталях. Например, можно сделать несколько разных вариантов иконки или поиграть с калькулятором цены приложения. Стоит недёшево — $13,99. Этот и
похожие сервисы
 идеально подходят для прототипирования в условиях долгого перелёта. 

 


Flinto

1056;1072;1073;1086;1095;1080;1081; 1084;1072;1082;1077;1090;: 5 1089;1077;1088;1074;1080;1089;1086;1074; 1076;1083;1103; 1089;1086;1079;1076;1072;1085;1080;1103; 1087;1088;1086;1090;1086;1090;1080;1087;1086;1074; 1087;1088;1080;1083;1086;1078;1077;1085;1080;1081;. 1048;1079;1086;1073;1088;1072;1078;1077;1085;1080;1077; 8470;4.

Редактор для создания интерактивного прототипа. Для того, чтобы им пользоваться, необходимо иметь готовые макеты. Впрочем, загрузить в приложение можно не только хорошо проработанные мокапы, но и совсем сырые скетчи. Оно легко и удобно расставляет линки между разными элементами и загружает прототип прямо на рабочий стол вашего устройства для более удобной демонстрации. Стоимость подписки на месяц для индивидуальных разработчиков — $10, для команды — $25 с каждого участника. У приложения имеются более дорогие и
навороченные аналоги
, а также альтернативы для десктопа:
Prototypr
и
Briefs
(mac only).

 


Framer

1056;1072;1073;1086;1095;1080;1081; 1084;1072;1082;1077;1090;: 5 1089;1077;1088;1074;1080;1089;1086;1074; 1076;1083;1103; 1089;1086;1079;1076;1072;1085;1080;1103; 1087;1088;1086;1090;1086;1090;1080;1087;1086;1074; 1087;1088;1080;1083;1086;1078;1077;1085;1080;1081;. 1048;1079;1086;1073;1088;1072;1078;1077;1085;1080;1077; 8470;5.

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

Помощь в отборе приложений: дизайнер и проектировщик Игорь Сафонов

Фотография на обложке Fotobank.ru/Getty Images



Читать на эту тему:


Форма и содержание: Как идеи дизайнеров влияют на бизнес


Форма и содержание: Как идеи дизайнеров влияют на бизнес



GoDesigner: Как создать биржу для дизайнеров


GoDesigner: Как создать биржу для дизайнеров



Эскиз к проекту: 5 лёгких способов сделать прототип


Эскиз к проекту: 5 лёгких способов сделать прототип












]]>

 Источник:HOPES AND FEAR
  • Оцените публикацию
  • 0

Похожие публикации

@
  • bowtiesmilelaughingblushsmileyrelaxedsmirk
    heart_eyeskissing_heartkissing_closed_eyesflushedrelievedsatisfiedgrin
    winkstuck_out_tongue_winking_eyestuck_out_tongue_closed_eyesgrinningkissingstuck_out_tonguesleeping
    worriedfrowninganguishedopen_mouthgrimacingconfusedhushed
    expressionlessunamusedsweat_smilesweatdisappointed_relievedwearypensive
    disappointedconfoundedfearfulcold_sweatperseverecrysob
    joyastonishedscreamtired_faceangryragetriumph
    sleepyyummasksunglassesdizzy_faceimpsmiling_imp
    neutral_faceno_mouthinnocent

Архив публикаций