как сделать макет на телефоне
#DevStory: Как создавать 3D-модели на телефоне с помощью приложения in3D
Всем привет! Меня зовут Илья и я являюсь одним из разработчиков в команде in3D. С 2019 года мы развиваем технологию, которая позволяет создавать трёхмерные модели человека с помощью обычного смартфона. С тех пор мы сильно продвинулись вперед, а наши модели стали более естественными и реалистичными. Давайте вместе посмотрим на прогресс нашей команды и основные этапы усовершенствования применяемой нами методики 3D-моделирования.
Разработчики приложения для 3D-моделирования in3D рассказали, как добились фотореалистичности от своих аватаров
Спойлер для самых нетерпеливых: тут можно посмотреть как выглядит наше приложение и результат, а так же сравнение с некоторыми другими приложениями для сканирования:
Как сделать 3D-аватар
Самые первые эксперименты от основателя in3d (скачать) были сделаны на основе пары облаков точек, сделанных с помощью Kinect. Затем мы совмещали их и пытались симулировать пару кусков ткани — их движения, складки и т.д.
Сначала 3D-модель ткани выглядела вот так
Вот так выглядел первый зародыш виртуальной примерочной, в будущем сделанной нашей командой в несомненно лучшем качестве:
На следующем этапе 3D-модель стала выглядеть лучше
Было принято стратегическое решение — сделать продукт, который позволит каждому человеку сделать свою фотореалистичную 3D-модель. Так сказать, начало Metaverse.
Одна из основных проблем, с которой мы столкнулись в самом начале, была связана с качеством работы датчика глубины на телефоне. Он давал слишком много шума. Для создания хорошей модели нужно уметь соединять облака точек с разных кадров, убирать шум и оставлять максимально много деталей, что оказалось не так-то просто. Первые аватары не имели чёткой текстуры, и основная работа заключалась в создании правильной формы.
Сделать правильную форму объекта было довольно сложно
Правильная 3D-форма
Потом наши 3D-модели обрели нормальную форму
Нам удалось побороть шум и склеить много кадров во что-то похожее на тело человека. Затем началось большое количество итеративных улучшений, решений технологических проблем и создания расширяемой инфраструктуры для приложения. Так как наша технология действительно сложная, на всем протяжении обработки данных используются видеокарты, и часть команды сфокусировалась на ускорении, другая продолжала улучшать качество моделей.
В какой-то момент это дало свои плоды — мы начали очень хорошо и консистентно понимать все про форму человека из данных. Дело осталось за малым — убедить мир, что мы делаем это лучше всех на таких шумных данных.
Основной майлстоун в 2020 году это запуск приложения, нам удалось довести все до финального продукта, попасть в App Store и начать тестировать технологию на разных юзерах. Выходило все лучше и лучше, но все еще были разные случаи, когда алгоритм не справлялся и модель не собиралась. Мы набирались данных и опыта решения множества граничных случаев. Так же из основного — у нас выделился в отдельный этап процесс сканирования головы и визуальный результат сильно улучшился.
В этом же году начались первые реальные применения нашей технологии — аватары стали насколько точными (ошибка до 1 см), что стартап Unspun начал с помощью наших моделей снимать мерки людей для пошива джинсов, ведь началась пандемия — сложно приехать в офис в Калифорнии, особенно если ты не в Калифорнии.
Наши 3D-модели отлично чувствуют себя в играх
Так же мы старались найти другие интересные применения, экспорт в игры:
Фотореалистичный аватар
Добиться от аватаров фотореалистичности было сложнее всего
У наших аватаров теперь есть отличная форма, сильно улучшенная за предыдущий год — с это формы можно снимать мерки тела, много работы проводилось над визуальным улучшением аватаров и их текстуры.
Основной вехой прогресса в 2021 году на данный момент стало создание виртуальной примерочной — как по мне, так это что-то вроде проекта, о котором сотни стартапов говорило, но ни у кого не получилось распространенного продукта. Сделали мы это вместе с командой digital дизайнеров Replicant.
Нам удалось реализовать автоматизированную примерку одежды на персональные аватары и оформить это в весьма приятный опыт для пользователя (тут я предлагаю взять и оценить самому).
Новости, статьи и анонсы публикаций
Свободное общение и обсуждение материалов
Лонгриды для вас
Заряжать iPhone чем попало определенно не стоит. Особенно, когда дело касается беспроводной зарядки. Собрали для вас самые удобные, практичные и неожиданные варианты беспроводных зарядок для iPhone и аксессуаров
Слышали, что Apple планирует отказаться от iPhone 14 mini? Так и будет. Но наработки, которые легли в основу компактных смартфонов, будут использованы в линейке iPhone SE
Крейг Федериги, вице-президент Apple, признал, что пользователи macOS могут загружать софт не только из Mac App Store по недосмотру компании. И, будь у Apple шанс всё изменить, она бы непременно это сделала
Топ 5 приложений для создания плакатов для Android 2021
Poster Maker App
Вас не должно удивлять, если я скажу, что визуальные эффекты сильнее слов. У них есть сила, чтобы передать идею или эмоцию, которая будет длиться дольше и оказывать большее влияние на наш разум.
Даже Facebook начал использовать картинки для статуса. Эта классная функция Facebook позволяет вам создавать потрясающие визуальные эффекты вместо загрузки скучного текстового статуса. Тем не менее, эта функция не слишком хороша для брендов. И это доступно не на всех платформах.
Вот почему нам нужны приложения для создания плакатов. Независимо от того, являетесь ли вы частным лицом или брендом, вы можете создавать удивительные плакаты, баннеры, листовки и маркетинговые объявления с помощью этих приложений. Эти приложения для создания плакатов особенно полезны, когда вам нужно сделать рекламную графику.
Также читайте: Топ 10 бесплатных приложений для редактирования фотографий для Android в 2017 году
Итак, в этом посте мы отобрали 5 лучших приложений для создания постеров, которые вы можете загрузить на свои устройства Android.
1. Создатель плакатов, Дизайнер флаеров, Дизайнер рекламных страниц
В приложении Poster Maker, Flyer Designer, Ads Page Designer есть все, что вам нужно, из приложения для создания плакатов. Если вы хотите создавать плакаты с нуля или использовать предварительно разработанные плакаты, приложение предлагает вам оба варианта.
Если вы хотите создать новый постер, вам предложат множество настроек и опций. С самого начала вы можете выбрать фон из нескольких вариантов, таких как цвет, изображение, текстура или образец фона. Как только фон выбран, вы становитесь мастером приложения.
Приложение также предлагает широкий выбор наклеек. Вы можете выбрать из продажи наклейки, предлагать баннеры, ленты, украшения и т. Д. Вы также получаете эффекты и классные варианты настройки для текста.
В целом, мне нравится приложение, так как оно предлагает все функции, необходимые для приложения постера. Тем не менее, я чувствую, что могло бы быть больше бесплатных шаблонов, подобных тем, которые представлены в следующем приложении.
Скачать Poster Maker
Более 60 000 шаблонов позволяют приложению Canva создавать шаблоны практически на любой случай. Мало того, он также предлагает шаблоны разных размеров и типов. Например, существуют отдельные шаблоны для обложек Facebook, листовок, приглашений, сообщений в Twitter и т. Д.
После выбора шаблона вы можете полностью его настроить. В то время как приложение предоставляет некоторые клипарты, в нем отсутствуют наклейки. Вы можете, однако, добавить несколько слоев шрифтов и изображений в этом приложении.
Поверьте мне, вам понравится это прекрасное приложение. Это делает создание плакатов таким простым. Даже если вы новичок, ваши друзья и коллеги будут удивлены вашей работой.
3. PosterLabs
Хотя приложение предлагает потрясающие шаблоны, как ни странно, оно не позволяет настраивать текст. Вы можете изменить несколько строк, но не все. Вот досада!
Я хочу, чтобы приложение позволило нам изменить текст. Пока мы не получим эту функцию, нам придется жить с предопределенным текстом.
4. Digital Flyer & Poster Maker 2018
Если вы проигнорируете рекламу в приложении Digital Flyer & Poster Maker 2018, вы поймете, что оно предлагает очень крутые шаблоны. Опять же, вы не можете начать с пустого шаблона, но вы можете изменить существующие шаблоны.
Приложение предлагает различные категории шаблонов, такие как Бизнес, Корпоратив, Мероприятие, Фитнес, Торжественное открытие, Деталь, Ресторан и другие. Когда вы выбираете шаблон, вы можете сначала изменить фоновое изображение, а затем другие элементы дизайна, которые, к счастью, включают в себя текст.
Хотя это отличное приложение для создания постеров, я лично чувствую, что в дизайне приложения чего-то не хватает. Это не кажется удобным для пользователя. Не стесняйтесь, чтобы дать ему шанс, хотя.
Скачать цифровую листовку и постер
5. Desygner: бесплатный графический дизайн, фотографии, полный редактор
Вы можете создавать потрясающие профессиональные изображения бесплатно с помощью приложения Desygner. Это приложение позволяет создавать сообщения в социальных сетях, заголовки, рекламу, баннеры, листовки, визитки, информационные бюллетени и многое другое. Это приложение даже позволяет создавать логотипы. Хотя некоторые шаблоны доступны бесплатно, вы можете приобрести остальные премиум-шаблоны.
Это приложение позволяет настроить даже крошечные детали изображений. Вы можете просматривать историю версий и изменять размер изображений. Как только вы закончите создавать свой шедевр, вы можете скачать изображение или опубликовать его непосредственно в социальных сетях.
Хорошо, не придираюсь, но приложение кажется медленным по сравнению с другими приложениями. Мы по-прежнему рекомендуем вам проверить это приложение, так как это мощное приложение, и вы можете в основном делать с ним все.
Еще несколько вариантов
Большинство вышеупомянутых приложений позволяют вам быть креативными с изображениями. Однако, если вы хотите создавать плакаты, используя только текст, проверьте Poster Maker, Poster Maker & Poster Designer и Textgram.
Теперь, когда вы знаете приложения для Android, которые вы должны использовать для создания листовок, плакатов и баннеров, подготовьте своего внутреннего художника к созданию превосходных произведений искусства.
5 Удивительно малоизвестных приложений для создания заметок для Android
Хотите знать о приложениях для создания заметок, которые не в центре внимания? Вот 5, которые не только крутые, но и предлагают приятные возможности. Проверьте их сейчас!
Топ 5 приложений для создания цитат для Instagram на Android и IOS
Создавайте великолепные изображения с текстом для Instagram с помощью этих классных приложений для Android и iOS. Читайте дальше, чтобы узнать больше!
Топ 6 бесплатных приложений для создания слайдшоу видео
Создавайте удивительные слайд-шоу с музыкой и классными эффектами перехода с помощью этих видео-слайд-шоу приложений для iPhone. Черт возьми, большинство из них бесплатны.
Как сделать рекламный макет для Инстаграм
Instagram – это не только селфи, модная одежда и котики. Это ещё и популярная платформа для продвижения своего бренда.
Огромное количество пользователей заходят в эту соцсеть ежедневно и проводит там не менее двадцати минут. Если грамотно вести профиль и создать правильную рекламу в Инстаграм, можно набрать большую базу клиентов на этой площадке.
Любой, кто интересуется продвижением в Инстаграме, знает, что без рекламы в Сторис оно невозможно. Instagram Ads влияет на охваты и лояльность аудитории страницы.
Однако многие новички сталкиваются с тем, что не знают, как создавать макеты для рекламы в сторис Инстаграм. Чтобы овладеть этим навыком, нужно разобраться в теме.
Где брать рекламные шаблоны для Сторис
Чтобы облегчить себе жизнь, можно заплатить за готовые макеты другому человеку или найти уже сделанные заготовки для Инстаграм.
Вы можете заказать макеты у дизайнера, который поможет облачить смысл объявления в приятный визуал. Но это может стоить немаленьких денег, поэтому есть альтернативный вариант.
Бонусы в сервисе Canva ➤ https://clck.ru/Tuuk9
Бесплатные шаблоны можно найти в интернете либо в специальных приложениях. Они позволяют сделать макет для рекламы в Инстаграм сторис качественным.
Как сделать макеты для Instagram Stories
Создавая макеты для Инстаграм самостоятельно, можно выбрать несколько путей решения задачи. Первый из них – рисовать фрагменты макета в Фотошопе и объединять с фото и видео материалами.
Этот вариант требует времени и сил, так как для него понадобятся знания дизайна и владение Photoshop. Но потраченное время окупится высокой конверсией. Зарисовки делают материал более ярким, из-за чего он лучше воспринимается аудиторией.
Другой способ – использовать приложения, предназначенные для создания рекламных макетов. Они предлагают все нужные функции для работы с файлами.
С некоторыми приложениями тоже придется разобраться, но результат будет того стоить. Рекламные шаблоны для Инстаграм в любом случае сэкономят время.
Требования для рекламы в Инстаграме
При использовании любого варианта по созданию рекламного макета, не забывайте о требованиях Instagram Ads:
Как создать рекламу по прототипу с помощью приложений
Чтобы создать рекламный макет в Инстаграм Сторис понадобится визуальный материал, из которого будет составлено объявление. Таким материалом послужат интересные фотографии, скриншоты из жизни страницы, видео из жизни.
Главное, чему должны отвечать собранные файлы — соответствие теме блога. Все они должны четко и подробно освещать тематику страницы. Это помогает публике за короткое время понять, интересен предмет рекламы или нет.
Также нужна будет музыка, фантазия и умение хотя бы немного работать с программами по обработке и монтажу видео для Instagram.
Основной порядок действий выглядит так:
Приложения для создания рекламных макетов Инстаграм
Готовые видеоматериалы понадобятся при развитии своего блога. При продаже рекламы в Сторис, блогеры запрашивают уже готовые макеты.
Другой вариант – продавать своё умение по созданию таких роликов. Инстаграм переполнен блогерами, поэтому спрос на людей, владеющих этим навыком будет только расти.
Поэтому делимся лучшими приложениями для создания рекламных макетов в Инстаграм.
Кажется, это самый рекомендуемый сервис для тех, кто неразлучен с соцсетями. Сервис предлагает практически бесконечное количество элементов для графики.
Создавая там первые рекламные макеты для Инстаграм, вы будете приятно удивлены удобству интерфейса и количеству готовых стильных макетов.
30 дней Canva Pro бесплатно ➤ https://clck.ru/Tuuk9
Сервис бесплатен, но есть платные элементы дизайна, для их свободного использования можно оформить недорогую ежемесячную подписку.
Прекрасный инструмент для создания Инстаграм рекламы. Сервис предлагает уже готовые шаблоны для рекламы, в которые можно вставить свой материал. Есть как бесплатные макеты, так и платные элементы по небольшой цене.
С помощью понятного интерфейса, вы быстро и легко создадите визуал в едином стиле. Также на сайте есть вдохновляющие примеры для создания рекламы.
Сайт доступен только на английском языке, но по аналогии с другими сервисами по созданию графики, можно быстро разобраться, что к чему. Сервис позволяет значительно ускорить и облегчить создание графики.
В коллекциях есть множество готовых решений, с нужными размерами для различных целей. Творить в сервисе можно бесплатно, но в бесплатной версии разрешено только 3 скачивания в месяц. Стоимость подписки в месяц без ограничений – 10$.
Одно из лучших приложений для синемаграфии. В 2020 году уже никого не удивишь движущимися фото, однако немногие используют это в коммерческих целях.
В приложении множество удобных функций, которые оживят изображение так, как этого потребует ваша фантазия. Кроме движения фотографии, добавляются спецэффекты, подобные киношным приёмам. Enlight Pixaloop бесплатно, доступно на iOS и Android.
Важные детали про подготовке рекламного макета
При планировании рекламной кампании в Instagram Ads учитывайте один важный факт: это мобильная социальная сеть. Законы, работающие для остальных площадок, окажутся здесь совершенно недееспособными, да и аудитория по-другому реагирует на всё происходящее.
Если вы хотите создать рекламный макет для Инстаграма, способный увлечь любого пользователя, важно помнить о нескольких деталях.
Отличительная особенность Instagram – минимализм как в дизайне, так и в обращении. Для просмотра новых постов пользователю достаточно только листать ленту вниз. Подобная лаконичность влияет и на создание правильного оформления профиля.
Важно понимать, что подогнать страницу под экран смартфона или планшета недостаточно, нужно обеспечить пользователю оптимальное взаимодействие с ним. В связи с этим есть несколько пунктов успешного лендинга для Инстаграм аудитории:
К последнему пункту стоит добавить, что призыв призывом, а дать пользователю интересующую его информацию о услугах или товарах необходимо.
Сбалансируйте количество призывов к действию и удобное местонахождение дополнительной информации. Если заставить пользователя слишком долго листать ленту Инстаграм в поиске ответов на появившиеся вопросы, можно быстро его потерять.
Пользователи, кликнувшие на вашу рекламу, рассчитывают на лаконичный и понятный аккаунт. Необходимо, чтобы он демонстрировал аудитории то, о чем говорилось в рекламе.
Какой бы яркой и привлекательной ни была реклама, неправильно оформленная страничка отпугнет нового клиента. Да, переход по рекламе останется, только вот на количество лидов такая схема не повлияет.
Нужно помнить о том, что реклама должна соответствовать наполнению страницы – и наоборот. Перешедший по ссылке пользователь должен видеть, за чем он пришел и куда идти дальше.
Например, если в рекламе речь идет о продвижении магазина обуви в Инстаграме, то и на странице магазина размещаются сумки и обувь, а не шубы или купальники.
Хорошо, если объявление захватывает внимание клиента, выделяется из массы других публикаций. Редкий пользователь задерживается на одном посте дольше пары секунд, именно за это время необходимо заинтересовать своим предложением.
Формат видео поможет удержать внимание клиента на больший срок, а следовательно – произведет на него сильное впечатление.
Экспериментируйте с этим форматом, посмотрите, как пользователи реагируют на разную длину видео, на звук и картинку. Читайте в нашей статье, как добавить музыку в Сторис.
Постарайтесь проанализировать отклик клиентов и понять, какие видео будут оптимальными для целевой аудитории.
Рекламе в Instagram приходится соревноваться за внимание пользователя с десятками других приложений и сообщений. Тучи оповещений, всплывающих окон и звонков отвлекают потенциального клиента от вашего объявления. И главная задача сделать его таким, чтобы оно выделялось на фоне всего остального.
На какую рекламу хочется кликнуть в первую очередь? На яркую, но дающую необходимую информацию в лаконичном варианте. Пользователь должен видеть, что он получит, выполнив необходимое действие.
После перехода по ссылке он должен попадать на простой лендинг без отвлекающих факторов, блестящих анимаций, картинок и всего прочего. Форму подписки тоже следует оставить предельно понятной и простой, не задавая клиенту лишних вопросов.
При продвижении в Instagram важно оптимизировать лендинг для мобильных устройств. Какому клиенту понравится съехавший шрифт на первой странице, затрудняющий понимание представленной информации? Верно, никакому.
При продвижении бренда в Инстаграме может понадобиться реклама, и с этим инструментов важно получить пользу и не прокрутить рекламный бюджет впустую. Если у вас остались вопрос
Создаем быстрый прототип мобильного приложения
На хабре уже присутствует некоторое количество статей, посвященных процессу прототипирования в разработке программного обеспечения. Есть достаточно фундаментальные статьи с обзорами стандартов и расчетами, есть статьи про прототипирование устройств, есть цикл из двух статей про процесс выбора инструмента для прототипирования. К сожалению, процесс создания прототипов мобильных приложений освещен очень скудно – в виде единственной статьи в 2010 году, и пара слов в статье Разработка мобильных приложений: с чего начать.
Хотелось бы исправить эту ситуацию, и предложить вашему вниманию большой обзор доступных инструментов для прототипирования мобильных приложений.
Прототипирование — это создание макета, модели будущего приложения для того, чтобы определить правильность структуры приложения, его функциональности и, в целом, концепции приложения. Если приложение разрабатывается по стороннему заказу, клиенту также может показываться прототип для того, чтобы он мог контролировать и вносить корректировки в свое приложение.
Прототип обладает чудесным свойством устранять недопонимания между различными специалистами (менеджер, руководитель, дизайнер, программист, клиент), вовлеченными в проект, структурировать мысли и предотвращать ошибки и выполнение лишней работы еще на ранних стадиях разработки. Можно тестировать будущее приложение, используя фокус-группу, это поможет получить полезную информацию от будущих пользователей.
В ритме сегодняшней жизни при достаточно высокой цене человеко-часов, очень важно работать быстро и, желательно, без потери качества. Для этого было введено понятие “быстрое прототипирование”. Что поможет нам перейти от простого прототипа к быстрому? Это развивающиеся технологии, наличие огромного количества сервисов и, конечно, собственные мозги.
Самый популярный инструмент создания быстрых прототипов.
Первый и самый любимый инструмент дизайнеров — это бумага и любой пишущий инструмент (карандаш, ручка, маркеры). Он позволяет накидать структуру приложения и сделать первые наброски интерфейса максимально быстро.
Как ускорить и упростить «бумажное» прототипирование
Скетчпад (SketchPad, Скетчбук, sketchbook)
это блокнот разлинованый макетами телефонов разных платформ. Имеет точечную сетку на «экране».
Вы можете распечатать аналог скетчпада самостоятельно по шаблонам: habrahabr.ru/post/152075
UI – блокнот
это тот же самый скетчпад, только без привязки к платформе. На нем можно рисовать абсолютно любые приложения
Лекала.
Штампы
В российских магазинах тоже отсутствуют, но можно заказать у компании по изготовлению печатей, или сделать самому из куска резины, если руки достаточно прямые. К сожалению, чернила – вещь довольно маркая, поэтому лучше все-таки не пытаться экономить и купить или распечатать скетчпад.
www.cultofmac.com/224355/iphone-stamp-for-ui-sketching
На этом с обзором «бумажных» инструментов закончим, и перейдем к самому интересному:
Программные решения для создания быстрых прототипов
Keynotopia
keynotopia.com
Позволяет быстро создавать макеты с помощью базы шаблонов, добавлять ссылки на кнопки, комментировать и делиться с коллегами для тестирования результатов прототипирования. Приложение платное, стоимость зависит от ваших запросов.
POP
popapp.in
Инструмент для любителей рисовать руками. Рисуете, качаете приложение на iPhone, фоткаете, создаете раскадровку, тестируете и делитесь с коллегами. Все очень просто.
RATCHET
maker.github.io/ratchet
habrahabr.ru/post/157819
Создается прототип, максимально приближенный к реальному приложению. Может загружаться на компьютер или телефон, но без навыков HTML, CSS и JS не обойтись.
Proto.io
proto.io
SaaS решение для прототипирования. Сервис нам очень понравился, но в бесплатный пакет входит очень скудный набор функций, поэтому он фактически бесполезен. За действительно рабочий инструмент придется заплатить не менее 24$.
Codiqa
codiqa.com
Еще одно облачное решение. Та же модель монетизации, как и в proto.io. Кому-то этот сервис может показаться удобнее.
Mockingbird
gomockingbird.com
Ситуация противоположна Invision: имеется конструктор, но демонстрировать не очень удобно. Да и под мобильную разработку подходит плохо.
Lumzy
www.lumzy.com
Прошлый век. Под смартфоны тоже не удастся ничего создать.
iPhone Mockup Web App
iphonemockup.lkmc.ch
Отличительной особенностью является имитация рисунка приложения и самого телефона от руки, но это не оправдывает отсутствия возможности создавать связи между макетами.
Axure RP
www.axure.com
habrahabr.ru/post/101938
Программа достаточно функциональная, считается одним из лидеров на рынке. Подходит для прототипирования сайтов и приложений под iPhone и iPad.
AppGyver
www.appgyver.com
На выбор даются шаблоны Android, iPhone и iPad. Протестировать здесь вы сможете только логику приложения без дизайна, поскольку работа ведется с уже готовыми набросками приложений. В бесплатном статусе вы сможете протестировать сервис с 3 скриншотами. На мобильное устройство можно будет установить приложение, с помощью которого возможно оценить результат работы.
Fluid Ui
www.fluidui.com
Удивительно, но этот сервис обладает всеми необходимыми функциями. Может быть, он не так изящен, как другие, зато позволяет и самостоятельно собрать прототип в конструкторе, и залить уже готовые макеты, проставить связи между страницами приложения, отправить получившийся макет для просмотра друзьям и коллегам и протестировать его на телефоне. Сервис также поддерживает Windows Phone!
MockFlow
www.mockflow.com
Имеет десктопное приложение и онлайн сервис, что, несомненно, является преимуществом, но простой настолько, что даже скучно.
Mockingbot
www.mockingbot.com
Еще один очень неплохой инструмент, содержащий все необходимые функции, но, к сожалению, поддерживает только iPhone.
Prototypr
prototypr.com
Софт исключительно для владельцев яблочных девайсов. Пользоваться очень легко — просто перетаскиваем нужные элементы на макет и одним нажатием клавиши смотрим результат на телефоне.
Balsamiq Mockups for Desktop
www.balsamiq.com
Можно создать как простой схематичный прототип, так и очень детальный с точностью до пикселя. Рисованая стилистика делает серьезный инструмент веселой игрушкой.
iMockups for iPad
www.endloop.ca/imockups
Рисовать прототипы прямо на iPad? Легко! Для него самого и iPhone, конечно. Качаем приложение и получаем удовольствие от простоты и неплохого результата.
Interface 2
interface2.lesscode.co.nz
Создание динамических прототипов для iPhone и iPad непосредственно на самих устройствах всего за 10 долларов каждое.
Демонстрация дизайна на устройстве без программирования
Justinmind Prototyper
www.justinmind.com
Инструмент, позволяющий создавать интерактивные прототипы сайтов и приложений для iPhone, Android и iPad. Поддерживает множество возможностей, включая работу с жестами ( в прототипах можно реализовать Drag&Drop и т.д.). К сожалению, бесплатная версия ограничена только перелинковкой между шаблонами и 10 МБ места в облаке. Но есть триал на 30 дней
За подсказку спасибо Glebcha
Mockko
www.mockko.com
Бесплатный on-line инструмент для создания прототипов. Поддерживается перелинковка между экранами, просмотр прототипов на iPhone. Собственно, создавать прототипы можно только для iPhone, сайт работает только в Chrome или Safari. Обещают в будущем поддержку также iPad.
За подсказку спасибо n0_quarter
За подсказку спасибо Ivnika
App Cooker
www.appcooker.com
Предлагает создать иконку, простенький прототип приложения и, как киллер-фича, предлагается встроенный инструмент помощи при ценообразовании.
За подсказку спасибо Glebcha
Отдельного небольшого обзора заслуживают инструменты, которые вообще не позволяют сделать прототип, зато дают возможность продемонстрировать нарисованный дизайн на реальном устройстве.
Mockabilly
www.mockabilly.com
Уже готовые макеты заливаете на iPhone (поддерживается только эта платформа) и тестируете непосредственно на самом устройстве.
Invision
www.invisionapp.com
Бесплатно доступен только один проект, но если нет необходимости одновременно демонстрировать более одного проекта, то он должен вам понравится, поскольку никаких других ограничений нет. Плата взимается только за увеличение количества проектов.
LiveView
zambetti.com/projects/liveview
Приложение для удаленного просмотра на экране iPhone и iPad прототипа, разработанного и запущенного на Mac.
Вывод
Инструментов для создания прототипирования огромное количество, здесь описаны лишь некоторые из них. Для себя мы остановились на следующем наборе: скетчпад для первоначального прототипирования, и Proto.IO/Fluid UI для создания интерактивных прототипов.
А чем пользуетесь вы?
Большую часть статьи написал мой коллега Александр Кочеванов (aimh), за что ему огромное спасибо