11 бюджетных инструментов дизайнера для создания интерфейсов и макетов

Для создания динамичной и статичной рекламы для социальных сетей, не обязательно нанимать монтажера/дизайнера, чтобы создать выококонверсионный макет. Можно создать видео или фото-макет быстро, бесплатно или относительно недорого.

В закладки

Предлагаю вашему вниманию подборку классных сервисов в помощь SMM-специалистам, таргетологам, блогерам и предпринимателям.

SUPA

Это платный сервис для монтирования видео (стоимость от 990 рублей в месяц), есть и бесплатная версия, но есть ограничения + на видеозаписи будет присутствовать логотип. На выбор предоставляется огромное количество шаблонов, поддерживается возможность рендера в высоком качестве, загрузка музыки и экспорт в мп4 и GIF.

CANVA

Это популярный сервис, включающий большой набор шаблонов для дизайна. Функционал позволяет создавать привлекательные фотоколлажи, инфографики, материалы для маркетинга. Здесь можно создать дизайн с 0 с указанием нужных размеров, редактор предлагает фоновые изображения, шрифты, фигуры, иконки, простые диаграммы. Есть собственное мобильное приложение.

CRELLO

Аналог предыдущего редактора, есть бесплатная версия. 40 типов шаблонов, включая анимированные, база «Идеи дизайна», где можно найти интересные визуалы по категориям или создать дизайн с 0. Возможность поделиться готовым макетом в Facebook, Facebook Ads Manager или отправить ссылку другу.

Remove.bg

Бесплатный онлайн-редактор, который поможет удалить фон с изображения за пару секунд. Если результат автоматической обработки не устраивает, то можно убрать лишнее самостоятельно. Результат можно выгрузить в формате PNG. Следите за постами на моем телеграм-канале, обязательно поделюсь, как можно использовать эту функцию в рекламных макетах.

Renderforest

Инструмент для создания видео и анимаций в режиме онлайн. Почти 400 шаблонов рекламных роликов, слайд-шоу и презентаций, анимированных логотипов. Бесплатная версия имеет ряд ограничений по длине и качеству роликов, доступу к библиотеке. Стоимость платной версии от 14 долларов в месяц.

Animaker

Облачный онлайн-сервис для создания анимированных роликов, ведеоинфографики. Стоимость платной версии от 12 долларов в месяц.

Adobe After Effect.

Это компьютерная программа, с помощью которой можете отредактировать любое видео, создать визуальные эффекты и анимацию. Ее часто используют в кинематографе и в ней также можно создавать потрясающие макеты, не ограничиваясь шаблонами, хотя и их есть возможность скачать на просторах интернета.

🙋‍♀️Я пользуюсь supa, не использую шаблоны, а создаю видео и анимацию с 0. Для фотомакетов — фотошоп. В данный момент начала изучать after effect и нахожусь в восторге от программы.

Мой телеграм-канал о таргетированной рекламе t.me/target_nata

Материал опубликован пользователем. Нажмите кнопку «Написать», чтобы поделиться мнением или рассказать о своём проекте.

ДомойИнтернет-маркетингТОП-10 конструкторов мобильных приложений: бесплатные и платные

С каждым годом количество пользователей мобильных устройств растет, увеличивается доля мобильного трафика на сайтах. Однако открывать браузер, чтобы заказать нужную вещь, узнать график работы офисов, посмотреть остаток на балансе карты, не всегда удобно. Мобильные приложения избавляют от ненужных действий. 

Вспомните, как вы проверяли последний раз остаток средств на банковской карте. Могу поспорить, что большинство из вас не открывало браузер с телефона и не переходило на официальный сайт банка. Скорее всего, вы просто тапнули по иконке мобильного приложения, ввели пароль для входа или приложили палец к сканеру отпечатков и уже через пару секунд получили нужную информацию. 

По такому же принципу действуют сотни, тысячи и миллионы других людей, среди которых есть ваша целевая аудитория. Именно поэтому если у вашей компании все еще нет мобильного приложения, настало время исправлять ситуацию.

Сейчас владельцы бизнеса вспомнят про свои попытки взаимодействия с агентствами, которые занимаются разработкой мобильных приложений. Эти «креативные» коммерческие предложения с информацией о количестве выпитых чашек кофе и многолетним опытом работы; с отсутствием цен на сайте, но надоевшими формами для сбора контактных данных и ушлыми менеджерами по продажам; с ценниками за услугу от 100 тысяч рублей и более за создание, казалось бы, простого приложения. 

Забудьте об этой нервотрепке. Вполне работающие мобильные приложения можно создавать своими силами с помощью платных и бесплатных конструкторов. В этом обзоре мы расскажем о лучших конструкторах приложений, как в них не запутаться и какой выбрать.

Читайте также:Лучшие конструкторы интернет-магазинов

Критерии выбора и оценки сервисов создания мобильных приложений

В Гугле или Яндексе вы найдете десятки платных и бесплатных конструкторов мобильных приложений. Однако перед тем как тратить время на доскональное изучение инструментов, интерфейса и расценок, рекомендую создать список требований к сервису. Внесите в него основные критерии (изложила ниже), а затем дополните список своими пожеланиями:

• Платформы. Желательно выбрать конструктор, в котором можно создать приложение и для iOS, и для Android. Такой сервис поможет сэкономить время, ведь иначе вам придется делать двойную работу.
• Удобство интерфейса. Вкусовщина, но от нее много зависит. Например, если вы плохо знаете английский, а конструктор не русифицирован, вам придется переводить название каждого инструмента или даже тыкать на кнопки наугад. А это затянутые сроки разработки.
• Набор инструментов. В некоторых конструкторах есть шаблоны для разных типов мобильных приложений — например, для фото- и видеоредакторов, ридеров, интернет-магазинов, сайтов СМИ и блогов. Их даже можно брендировать — бесплатно или за небольшую плату. Обязательно проверьте, есть ли такая возможность в приглянувшемся вам сервисе.
• Цена. Одни конструкторы доступны пользователям бесплатно, другие попросят с вас деньги за скачивание или размещение ПО в Магазинах приложений, третьи можно использовать только по платной лицензии. Проясните этот момент, перед тем как начнете создавать что-либо.
• Возможность монетизации. Если вы планируете в будущем монетизировать приложение, посмотрите, можно ли в конструкторе создавать такие продукты. Иначе придется выбирать другой сервис и опять тратить время на разработку. Если же вы собираетесь продвигать товары и услуги компании в мобильном приложении, выбирайте конструктор, в котором есть запрет на показ рекламы.

Перед тем как просматривать подборку лучших конструкторов мобильных приложений, ответьте на вопрос: «А нужно ли вообще вашей компании приложение?» Вспомните о своей целевой аудитории, товарах и услугах. Если вы продаете дорогие и/или технически сложные продукты — например, IT-аутсорсинг или дорожно-строительную технику, — то мобильное приложение вряд ли поможет вам увеличить продажи. CJM (Customer Journey Map — дословно «карта путешествия клиента») у таких товаров несколько иная, чем у товаров народного потребления. 

Другими словами, человек не будет заказывать в приложении услуги IT-специалистов с чеком от 50 тысяч рублей и более, но охотно купит 2 пиццы за 899 рублей, получив колу в подарок. Помните об этом.

Это интересно:Как работают автоворонки продаж

10 лучших конструкторов мобильных приложений: бесплатные и платные

В этом обзоре собраны десять платных и бесплатных конструкторов, в которых вы сможете создать мобильное приложение. Без редактирования кода и привлечения специалистов. Обращайте внимание не только на цену и возможности, но и на то, с какими мобильными платформами работают конструкторы.

Бесплатные конструкторы приложений

AppsGeyser

Бесплатный конструктор мобильных приложений для Android. Не требует навыков кодирования, содержит готовые шаблоны. Подходит для бизнеса, СМИ и всех, кто хочет создать собственный мобильный продукт с дальнейшей монетизацией.

Плюсы:

• полностью бесплатный сервис;
• понятный интерфейс с подсказками на каждом шаге;
• более 70 шаблонов приложений, в том числе и шаблоны для бизнеса;
• удобный редактор с отображением изменений в режиме реального времени;
• бесплатное размещение ПО в Магазинах приложений.

Минусы:

• отсутствие White Label в минимальном тарифе;
• нельзя создавать мобильные приложения для iOS;
• нерусифицированный интерфейс.

APPSFERA

Конструктор с бесплатным тестовым периодом — 1 год использования сервиса с ограниченным набором инструментов. Позволяет создавать iOS- и Android-приложения для бизнеса с геймификацией, акциями и скидками, push-уведомлениями.

Плюсы:

• бесплатный тестовый период — 1 год и 1 приложение;
• несколько бесплатных макетов на выбор;
• мультиплатформенность — iOS и Android;
• отсутствие рекламы в приложении;
• интерфейс на русском языке;
• предоставление исходных кодов — Xcode Gradle.

Минусы:

• отсутствие push-уведомлений на бесплатном тарифе;
• техподдержка только на платных тарифах.

Apps-Tech

Условно бесплатный конструктор мобильных приложений — платите только за размещение готового продукта на хостинге сервиса. Тестовый период — 7 дней. Позволяет создавать приложения для устройств на iOS и Android. Не требует навыков программирования. Подходит для разработки приложений визиток, чатов и мессенджеров, мобильных интернет-магазинов, досок объявлений, платежных систем и т. п.

Плюсы:

• бесплатный тестовый период с размещением на хостинге сервиса — 7 дней;
• мультиплатформенность — iOS и Android;
• готовые макеты и решения для разных видов бизнеса;
• возможность создания приложений с последующей монетизацией;
• интерфейс на русском языке;
• понятные инструкции с подсказками на каждом шаге.

Минусы:

• придется оплачивать размещение на хостинге по окончании тестового периода;
• ограниченный набор инструментов на всех тарифах, кроме «Премиум».

Mo-Apps

Условно бесплатный мультиплатформенный конструктор приложений. Создаете продукт бесплатно, публикуете его в Play Маркет и App Store с последующей поддержкой за 50$ в месяц. Не требует навыков программирования и знаний кода.

Плюсы:

• возможность создания приложений для iOS и Android;
• мультиязычный интерфейс;
• удобный редактор с предпросмотром в режиме реального времени;
• набор базовых модулей и возможность выбора дизайнов;
• импорт товаров из CSV- и YML-файлов;
• push-уведомления в приложении;
• развернутая аналитика.

Минусы:

• платная публикация приложения в Магазинах;
• поддержка только после оплаты тарифа.

NWICODE

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

Плюсы:

• есть демо-версия;
• бесплатное создание приложений-чатов;
• мультиплатформенность — можно создавать приложения под iOS и Android;
• открытый исходный код;
• возможность создания приложения с нуля — без макетов и шаблонов;
• встроенные маркетинговые инструменты для удержания и конвертации лидов в клиентов.

Минусы:

• высокий порог входа — требует установки на сервер, изучения возможностей программы и т. д.;
• приложения с интернет-магазинами и набор премиум-макетов — только платно;
• на тарифе Start придется каждый раз устанавливать программу, чтобы создать новое приложение.

Статья в тему:Лучшие системы управления проектами

Платные конструкторы приложений

Viziapps

Платный конструктор, в котором можно создавать приложения для мобильных устройств под iOS и Android. Не требует навыков программирования. Есть база готовых бизнес-шаблонов, которые легко отредактировать в Drag-n-Drop редакторе.  

Плюсы:

• низкий порог входа — создать приложение в конструкторе сможет каждый, кто пользовался Power Point;
• мультиплатформенность — создание приложений для iOS- и Android-устройств, а также веб-версий ПО;
• готовые шаблоны, которые можно отредактировать на свой вкус;
• просмотр изменений в режиме реального времени;
• синхронизация сервиса со своими базами данных.

Минусы:

• англоязычный интерфейс;
• высокая цена.

Стоимость: зависит от тарифа (их четыре и у каждого разный набор инструментов) и количества конечных пользователей приложения. Стоимость базового тарифа для разработки одного приложения, которым будет пользоваться до 30 человек — 39$ в месяц. Есть 30-дневный тестовый период.

Biznessapps

Платный англоязычный конструктор с интуитивно понятным интерфейсом и Drag-n-Drop редактором. В нем можно создавать приложения для iOS- и Android-устройств. Содержит готовые шаблоны, обширную базу иконок и шрифтов, маркетинговые инструменты для удержания клиентов и стимулирования продаж.

Плюсы:

• мультиплатформенность — возможность создания приложений для iOS и Android;
• интуитивно понятный интерфейс и удобный Drag-n-Drop редактор, не требующий навыков программирования;
• готовые шаблоны для разных видов бизнеса, большая база иконок, шрифтов;
• возможность выбора языка при создании приложения;
• маркетинговые инструменты для удержания клиентов и стимулирования сбыта;
• отображение изменений в режиме реального времени;
• возможность импорта данных из CMS;
• аналитика.

Минусы:

• отсутствие White Label в минимальном тарифе;
• англоязычный интерфейс;
• высокая цена.

Стоимость: базовый тариф с ограниченной поддержкой — 300$ в месяц.

iBuildApp

Платный конструктор, в котором можно создавать приложения для Android и iOS устройств. Интерфейс русифицирован, сервис не требует навыков программирования. Может понравиться как разработчикам, так и владельцам бизнеса, которые хотят самостоятельно заняться разработкой мобильного приложения.

Плюсы:

• мультиплатформенность — создание приложений для iOS- и Android-устройств;
• низкий порог входа — конструктор не требует знаний кода и навыков программирования;
• готовые шаблоны для компаний, работающих в сфере образования, здравоохранения, розничной торговли и т. д.;
• набор виджетов для удержания пользователей, стимулирования сбыта и повышения лояльности к бренду;
• интерфейс на русском языке;
• открытый исходный код и, соответственно, возможность привлечения разработчиков для реализации особых функций в приложении.

Минусы:

• цена разработки и публикации одного приложения малому бизнесу покажется высокой;
• доп.услуги — помощь в публикации, загрузка бинарных файлов и т. п. — за дополнительную плату.

Стоимость: от 3 700 рублей в месяц за разработку одного приложения и неограниченное количество скачиваний.

GoodBarber

Облачный конструктор с несколькими платными тарифами и 30-дневным тестовым периодом. В нем можно создавать мобильные приложения для iOS- и Android-устройств и веб-версии продукта. Конструктор не требует от пользователя навыков программирования, а во всех тарифах есть разные наборы маркетинговых инструментов для удержания и повышения лояльности потенциальных клиентов.

Плюсы:

• интуитивно понятный интерфейс;
• мультиплатформенность — возможность создавать приложения для устройств на iOS и Android, веб-версии ПО;
• неограниченный доступ к сервису для всей команды на этапе разработки продукта;
• набор виджетов — GPS-маяки, чаты, купоны и скидки, push-уведомления;
• возможность загрузки пользовательских файлов и фрагментов кода;
• полноценная статистика;
• неограниченное количество скачиваний приложения в Магазинах.

Минусы:

• нерусифицированный интерфейс;
• высокая стоимость тарифов;
• нет White Label в стартовом тарифе;
• придется внимательно изучать набор инструментов в тарифе, чтобы получить то, что нужно.

Стоимость: несколько тарифов на выбор, цена которых зависит от платформы будущего приложения, набора инструментов в тарифе. Минимальная стоимость тарифа («Standard Android») — 40€ в месяц.

AppMachine

Платный конструктор с блочным редактором. Не требует знаний кода и привлечения специалистов. Содержит набор готовых элементов, из которых легко создать мобильное приложение с учетом специфики вашего бизнеса.

Плюсы:

• мультиплатформенность — создание приложений для iOS и Android;
• интуитивно понятный интерфейс;
• блочный редактор с набором готовых элементов, которые можно отредактировать;
• шаблоны для разных видов бизнеса — фитнес, образование, туризм, HoReCa и т. п.;
• возможность просмотра изменений в режиме реального времени;
• импорт данных в Excel-формате;
• аналитика;
• оперативная техподдержка;
• автоматическое обновление приложений.

Минусы:

• отсутствие White Label в минимальном тарифе;
• нерусифицированный интерфейс;
• многие полезные или даже необходимые инструменты доступны на тарифах от «PRO App» и выше.

Стоимость: четыре тарифа с разным набором возможностей и стоимостью. Минимальная цена тарифа («Plus App») — 59$ в месяц при условии ежемесячной оплаты.

Читайте также: Реклама мобильных приложения в Яндекс.Директ

Как сделать мобильное приложение в конструкторе

Алгоритм создания мобильного приложения будет примерно одинаковым, вне зависимости от того, на каком из перечисленных сервисов вы остановитесь:

1. Регистрация в сервисе. В некоторых конструкторах достаточно авторизоваться, используя данные профилей в социальных сетях. Причем сделать это можно уже после того, как вы создадите мобильное приложение.
2. Выбор и настройка шаблона. Если в конструкторе есть готовые макеты, выберите из них тот, который максимально соответствует специфике вашего бизнеса. Загрузите сведения о компании, товарах и услугах, логотипы и другую брендовую атрибутику. Сохраните изменения. Не забудьте дополнить приложение картинкой, которая будут видеть пользователи в Магазинах приложений.
3. Загрузите мобильное приложение в Магазины. Сервис создаст для вашего приложения файл, который нужно будет загрузить в Магазины — Play Маркет и App Store. Обычно все можно сделать в личном кабинете сервиса — переходить на сторонние площадки не нужно. Если конструктор платный, то он попросит оплатить публикацию приложения или его размещение на хостинге. На этом же шаге вы можете подключить монетизацию, если планируете демонстрировать в приложении рекламные блоки. 
4. Проверьте, как работает приложение. Скачайте его из Магазина на свое мобильное устройство, протестируйте его работоспособность. Если найдете ошибки или недочеты, вернитесь в личный кабинет конструктора, внесите изменения и выгрузите продукт в Магазины снова. 
5. Отслеживайте статистику. Периодически проверяйте статистику мобильного приложения — отслеживайте количество скачиваний, смотрите, какие отзывы пишут пользователи в Магазинах, отрабатывайте негатив, берите на заметку просьбы и пожелания потенциальных клиентов. 

Чтобы создать приложение для мобильных устройств, нужно лишь выбрать удобный сервис и выделить время на разработку. А вы уже пробовали запускать такие продукты? Какие конструкторы использовали и что получилось в результате? Расскажите в комментариях.

Больше статей по теме:
На хабре уже присутствует некоторое количество статей, посвященных процессу прототипирования в разработке программного обеспечения. Есть достаточно фундаментальные статьи с обзорами стандартов и расчетами, есть статьи про прототипирование устройств, есть цикл из двух статей про процесс выбора инструмента для прототипирования. К сожалению, процесс создания прототипов мобильных приложений освещен очень скудно – в виде единственной статьи в 2010 году, и пара слов в статье Разработка мобильных приложений: с чего начать. Хотелось бы исправить эту ситуацию, и предложить вашему вниманию большой обзор доступных инструментов для прототипирования мобильных приложений. Прототипирование — это создание макета, модели будущего приложения для того, чтобы определить правильность структуры приложения, его функциональности и, в целом, концепции приложения. Если приложение разрабатывается по стороннему заказу, клиенту также может показываться прототип для того, чтобы он мог контролировать и вносить корректировки в свое приложение. Прототип обладает чудесным свойством устранять недопонимания между различными специалистами (менеджер, руководитель, дизайнер, программист, клиент), вовлеченными в проект, структурировать мысли и предотвращать ошибки и выполнение лишней работы еще на ранних стадиях разработки. Можно тестировать будущее приложение, используя фокус-группу, это поможет получить полезную информацию от будущих пользователей. В ритме сегодняшней жизни при достаточно высокой цене человеко-часов, очень важно работать быстро и, желательно, без потери качества. Для этого было введено понятие “быстрое прототипирование”. Что поможет нам перейти от простого прототипа к быстрому? Это развивающиеся технологии, наличие огромного количества сервисов и, конечно, собственные мозги.

Самый популярный инструмент создания быстрых прототипов.

Первый и самый любимый инструмент дизайнеров — это бумага и любой пишущий инструмент (карандаш, ручка, маркеры). Он позволяет накидать структуру приложения и сделать первые наброски интерфейса максимально быстро. Можно рисовать на доске, стене, бумаге. Однако этот способ имеет и ряд недостатков:

• почерк должен быть разборчивым, чтобы его понимала вся рабочая группа, и чтобы самому потом не расшифровывать собственные записи
• при удаленной работе неудобно демонстрировать такой прототип

Конечно, можно сфотографировать все бумажки и отправить их, например, по почте или скайпу, но без пояснений все равно вряд ли удастся обойтись.

Как ускорить и упростить «бумажное» прототипирование

Скетчпад (SketchPad, Скетчбук, sketchbook)

это блокнот разлинованый макетами телефонов разных платформ. Имеет точечную сетку на «экране». Вы можете распечатать аналог скетчпада самостоятельно по шаблонам: habrahabr.ru/post/152075

UI – блокнот

это тот же самый скетчпад, только без привязки к платформе. На нем можно рисовать абсолютно любые приложения

Лекала.

Удобная, должно быть, вещь, но в России в продаже их найти не удалось.www.uistencils.com/collections/frontpage/products/iphone-stencil-kit

Штампы

В российских магазинах тоже отсутствуют, но можно заказать у компании по изготовлению печатей, или сделать самому из куска резины, если руки достаточно прямые. К сожалению, чернила – вещь довольно маркая, поэтому лучше все-таки не пытаться экономить и купить или распечатать скетчпад.www.cultofmac.com/224355/iphone-stamp-for-ui-sketching На этом с обзором «бумажных» инструментов закончим, и перейдем к самому интересному:

Программные решения для создания быстрых прототипов

Keynotopiakeynotopia.com Позволяет быстро создавать макеты с помощью базы шаблонов, добавлять ссылки на кнопки, комментировать и делиться с коллегами для тестирования результатов прототипирования. Приложение платное, стоимость зависит от ваших запросов.POPpopapp.in Инструмент для любителей рисовать руками. Рисуете, качаете приложение на iPhone, фоткаете, создаете раскадровку, тестируете и делитесь с коллегами. Все очень просто.RATCHETmaker.github.io/ratchethabrahabr.ru/post/157819 Создается прототип, максимально приближенный к реальному приложению. Может загружаться на компьютер или телефон, но без навыков HTML, CSS и JS не обойтись. Proto.ioproto.io SaaS решение для прототипирования. Сервис нам очень понравился, но в бесплатный пакет входит очень скудный набор функций, поэтому он фактически бесполезен. За действительно рабочий инструмент придется заплатить не менее 24$.Codiqacodiqa.com Еще одно облачное решение. Та же модель монетизации, как и в proto.io. Кому-то этот сервис может показаться удобнее. Mockingbirdgomockingbird.com Ситуация противоположна Invision: имеется конструктор, но демонстрировать не очень удобно. Да и под мобильную разработку подходит плохо.Lumzywww.lumzy.com Прошлый век. Под смартфоны тоже не удастся ничего создать. iPhone Mockup Web Appiphonemockup.lkmc.ch Отличительной особенностью является имитация рисунка приложения и самого телефона от руки, но это не оправдывает отсутствия возможности создавать связи между макетами.Axure RPwww.axure.comhabrahabr.ru/post/101938 Программа достаточно функциональная, считается одним из лидеров на рынке. Подходит для прототипирования сайтов и приложений под iPhone и iPad. AppGyverwww.appgyver.com На выбор даются шаблоны Android, iPhone и iPad. Протестировать здесь вы сможете только логику приложения без дизайна, поскольку работа ведется с уже готовыми набросками приложений. В бесплатном статусе вы сможете протестировать сервис с 3 скриншотами. На мобильное устройство можно будет установить приложение, с помощью которого возможно оценить результат работы.Fluid Uiwww.fluidui.com Удивительно, но этот сервис обладает всеми необходимыми функциями. Может быть, он не так изящен, как другие, зато позволяет и самостоятельно собрать прототип в конструкторе, и залить уже готовые макеты, проставить связи между страницами приложения, отправить получившийся макет для просмотра друзьям и коллегам и протестировать его на телефоне. Сервис также поддерживает Windows Phone!MockFlowwww.mockflow.com Имеет десктопное приложение и онлайн сервис, что, несомненно, является преимуществом, но простой настолько, что даже скучно. Mockingbotwww.mockingbot.com Еще один очень неплохой инструмент, содержащий все необходимые функции, но, к сожалению, поддерживает только iPhone.Prototyprprototypr.com Софт исключительно для владельцев яблочных девайсов. Пользоваться очень легко — просто перетаскиваем нужные элементы на макет и одним нажатием клавиши смотрим результат на телефоне.Balsamiq Mockups for Desktopwww.balsamiq.com Можно создать как простой схематичный прототип, так и очень детальный с точностью до пикселя. Рисованая стилистика делает серьезный инструмент веселой игрушкой.iMockups for iPadwww.endloop.ca/imockups Рисовать прототипы прямо на iPad? Легко! Для него самого и iPhone, конечно. Качаем приложение и получаем удовольствие от простоты и неплохого результата.Interface 2interface2.lesscode.co.nz Создание динамических прототипов для iPhone и iPad непосредственно на самих устройствах всего за 10 долларов каждое. Демонстрация дизайна на устройстве без программированияJustinmind Prototyperwww.justinmind.com Инструмент, позволяющий создавать интерактивные прототипы сайтов и приложений для iPhone, Android и iPad. Поддерживает множество возможностей, включая работу с жестами ( в прототипах можно реализовать Drag&Drop и т.д.). К сожалению, бесплатная версия ограничена только перелинковкой между шаблонами и 10 МБ места в облаке. Но есть триал на 30 дней За подсказку спасибо Mockkowww.mockko.com Бесплатный on-line инструмент для создания прототипов. Поддерживается перелинковка между экранами, просмотр прототипов на iPhone. Собственно, создавать прототипы можно только для iPhone, сайт работает только в Chrome или Safari. Обещают в будущем поддержку также iPad. За подсказку спасибо Microsoft Expression Blendmsdn.microsoft.com/ru-ru/library/windows/apps/jj129478.aspx Используя Blend + SketchFlow, вы можете создавать интерактивные прототипы приложений под любые платформы. Подробнее:Прототипирование в Expression Blend + SketchFlow. Часть 1. Немного историиПрототипирование в Expression Blend + SketchFlow. Часть 2. Основы За подсказку спасибо App Cookerwww.appcooker.com Предлагает создать иконку, простенький прототип приложения и, как киллер-фича, предлагается встроенный инструмент помощи при ценообразовании. За подсказку спасибо

Отдельного небольшого обзора заслуживают инструменты, которые вообще не позволяют сделать прототип, зато дают возможность продемонстрировать нарисованный дизайн на реальном устройстве.

Mockabilly www.mockabilly.com Уже готовые макеты заливаете на iPhone (поддерживается только эта платформа) и тестируете непосредственно на самом устройстве.Invisionwww.invisionapp.com Бесплатно доступен только один проект, но если нет необходимости одновременно демонстрировать более одного проекта, то он должен вам понравится, поскольку никаких других ограничений нет. Плата взимается только за увеличение количества проектов. LiveViewzambetti.com/projects/liveview Приложение для удаленного просмотра на экране iPhone и iPad прототипа, разработанного и запущенного на Mac.

Вывод

Инструментов для создания прототипирования огромное количество, здесь описаны лишь некоторые из них. Для себя мы остановились на следующем наборе: скетчпад для первоначального прототипирования, и Proto.IO/Fluid UI для создания интерактивных прототипов.А чем пользуетесь вы? Большую часть статьи написал мой коллега Александр Кочеванов (), за что ему огромное спасибо Only registered users can participate in poll.Log in, please. А что используете вы? 51% Рисую от руки на бумаге/доске 350 8.4% Рисую в скетчпаде/UI блокноте 58 0.5% Пользуюсь лекалами/штампами 4 0.5% App Cooker 4 0.4% AppGyver 3 20.4% Axure RP 140 11.8% Balsamiq Mockups for Desktop 81 2.3% Blend 16 0.2% Codiqa 2 5.6% Fluid Ui 39 0.8% iMockups for iPad 6 0.1% Interface 2 1 5.9% Invision 41 0.2% iPhone Mockup Web App 2 3.2% Justinmind Prototyper 22 0.5% Keynotopia 4 0.4% LiveView 3 0.2% Lumzy 2 0% Mockabilly 1% MockFlow 7 1% Mockingbird 7 0.8% Mockingbot 6 1% Mockko 7 2.1% POP 15 4% Proto.io 28 0.8% Prototypr 6 2.3% RATCHET 16 686 users voted. 932 users abstained. 668 176.4k 668 Разместил Александр / Просмотров: 25 362

Шикарные дизайнерские решения, размытые фоны, плавно выпадающие меню, стильные иконки — все эти и не только умные решения с каждым днём делают всё лучше и удобнее приложения для мобильных устройств. Так же подобные решения очень хорошо работают и на обычных сайтах.

Сегодня я предлагаю Вам взглянуть на бесплатную подборку UI исходников в формате PSD подобных стильных решений. В основном тут исходники для создания мобильных приложений и интерфейсов. Если Вы являетесь мобильным разработчиком, эта подборка будет для Вас бесценна.

Спасибо большое http://www.noupe.com и рекомендую:

• 40+ свежайших полезных исходников для веб — разработчиков и дизайнеров за март 2015
• Красивые и правильно оформленные UI элементы в формате PSD
• Крутейшие и свежайшие UI исходники, иконки и другое совсем бесплатно
• Бесплатная подборка флаеров в PSD формате на различные темы
• UI исходники, иконки, шаблоны для сайтов и различные макеты для Вашего сайта

UI исходники для мобильного дизайнерского портфолио

Скачать

Блоговые UI исходники для мобильных экранов в PSD

Скачать

UI исходники для создания дизайна минималистического приложения

Скачать

Стильные UI в PSD — Gravity

Скачать

Форма входа и регистрации для мобильных приложений

Скачать

Стильный дизайн для фото приложения в PSD

Скачать

Музыкальный плеер в PSD

Скачать

Полные UI исходники от нового Android Lollipop 5.0

Скачать

UI исходники для сенсорных экранов

Скачать

PSD UI исходники от iOS8

Скачать

UI от iOS7 бесплатно

Скачать

Дизайн профайла в PSD бесплатно

Скачать

Исходники для приложения погоды и ещё нескольких приложений

Скачать

UI для дизайна мобильного футбольного приложения

Скачать

Дизайн приложения для iPhone

Скачать

Бесплатные UI от нового дизайна Gmail

Скачать

UI исходники погоды и графиков

Скачать

Стильный дизайн для профайла

Скачать

PSD исходники от Android L

Скачать

7 видео плееров для iPhone 6 Plus

Скачать

UI исходники дизайна для мобильного приложения в Flat стиле

Скачать

UI исходники музыкального плеера

Скачать

Простые формы входа в PSD для iPhone 6 и iPhone 6 Plus

Скачать

Дизайн для фото приложения

Скачать

Приложение в PSD для онлайн покупок

Скачать

PSD приложения для онлайн книг

Скачать

UI исходники дизайна для приложения в стиле Flat

Скачать

Стильная форма входа для мобильных устройств

Скачать

Музыкально приложение в PSD для iOS7

Скачать

UI главных экранов в PSD

Скачать

Крутое голубое приложение в PSD для iPhone

Скачать

Отличное приложение с крутым дизайном в PSD

Скачать

UI исходники приложения для создания чата

Скачать

Чат для iOS

Скачать

UI исходники для приложения

Скачать

Стильные исходники в PSD экрана профайла

Скачать

Дизайн приложения под названием OptimaSales

Скачать

Крутой дизайн приложения для iOS7

Скачать

UI исходники для создания FM радио

Скачать

Крутой дизайн в PSD для музыкального плеера

Скачать

UI исходники для неплохого приложения

Скачать

UI исходники в PSD от iOS8

Скачать

Стильные PSD исходники — Tethr

Скачать

UI исходники в виде виджетов для приложения

Скачать

Стильное приложение на тему еды

Скачать

Следующий пост Предыдущий пост

Посты по теме

• Скачать крутые кнопки для сайта в формате PSD бесплатно
• 10+ качественных и бесплатных Email шаблонов в PSD
• Бесплатные PSD макеты новых iPhone Xs и iPhone XS Max

Прототипы стали незаменимым этапом профессиональной разработки веб-проектов и программного обеспечения. Прототипы облегчают жизнь всем людям, вовлеченным в процесс создания того или иного проекта: клиенту, менеджерам, дизайнерам и разработчикам. Прототип визуализирует конечный продукт и помогает выявить серьезные проблемы на самых ранних этапах, помогая избежать геморроя на поздних стадиях разработки.

Конечно, первоначальные эскизы, выполненные, к примеру, на бумаге и воплощающие первые идеи дизайнера еще никто не отменял. Но всю дальнейшую работу, в которую будут вовлечены все члены рабочей группы, лучше всего проводить в специальном программном обеспечении, которое поддерживает редактирование, управление версиями и совместную работу.

PowerMockup — плагин для PowerPoint

PowerMockup — это плагин, превращающий Microsoft PowerPoint в инструмент для прототипирования. Он добавляет в PowerPoint новую панель, содержащую сотни элементов и значков, которые можно с легкостью перетащить на слайд.

PowerMockup работает с Office 2007, 2010 и 2013. Однопользовательская лицензия на PowerMockup стоит $59,95; стоимость лицензии для рабочей группы зависит от количества человек в ней.

Moqups — онлайн-инструмент для создания макетов и прототипов

Moqups — интерактивное приложение на HTML5, позволяющее разрабатывать векторные прототипы.

Сервис разработан 6 увлеченными программистами из Румынии, бесплатен и не требует регистрации.

Совсем недавно ребята представили премиум версию, в которой было добавлено несколько интересных особенностей, таких как неограниченное количество изменений макета и онлайн взаимодействие между членами рабочей группы.

Fluid UI — средство разработки прототипов для  iOS- , Android- и  Windows приложений

Fluid UI — онлайн средство для прототипирования мобильных приложений. Может быть использован как для создания простых макетов, так и сложных высококачественных макетов и прототипов. Сервис содержит библиотеки с элементами интерфейсов для iOS, Android и Windows 8 приложений.

Аккаунт для одного проекта с ограничением в 10 экранов доступен бесплатно. Платные планы начинаются с $29 в месяц.

Wireframe.cc — минималистичный бесплатный онлайн-сервис для прототипирования

Wireframe.cc отличается от других инструментов прототипирования чрезвычайно простым интерфейсом без огромного количества наворотов. Когда вы заходите на сайт сервиса wireframe.cc, вы сразу же можете начать рисовать, перетаскивая элементы мышью по рабочей области. Чтобы сохранить макет достаточно нажать кнопку «Save», после чего сервис сгенерирует уникальный URL, которым вы сможете поделиться с другими людьми или добавить его в закладки.

Wireframe.cc на данный момент бесплатен, премиум-версия с доп. функциями ожидается в ближайшее время.

Axure RP

Цены на это ПО начинаются с $289 за стандартную лицензию. Конечно, такая цена весьма велика. Однако, набор функций программы вполне оправдывает цену для некоторых категорий пользователей.

Axure может быть использован не только для создания простых макетов, но и для создания комплексных прототипов, а также для нормативных документов.

Из особенностей стоит также упомянуть возможность подключать к проекту клиента, чтобы показывать ему результат, отслеживать обратную связь, управлять дискуссией, удобно взаимодействовать с членами команды.

Axure — это десктопное ПО, доступное для Mac OS X и Windows.

Balsamiq Mockups — инструмент для быстрого прототипирования на основе Flash

Balsamiq Mockups — чуть ли не самый известный инструмент для прототипирования.

Продуктом, выпущенным в 2008 году силами одного программиста, в настоящее время пользуются десятки тысяч клиентов. Команда сервиса выросла до 11 штатных сотрудников.

Balsamiq Mockups стремится передать опыт рисования макетов на бумаге, поэтому прототипы выглядят не так формально, как в других программах.

Вы можете использовать Balsamiq Mockups непосредственно в браузере (потребуется Flash) или загрузить в качестве приложения Adobe AIR. Однопользовательская лицензия стоит $79.

Pencil — инструмент для прототипирования с открытым кодом

Pencil — инструмент с открытым кодом для создания GUI-макетов и прототипов. Содержит большое количество встроенных фигур, начиная от элементов общего назначения и элементов блок-схем до элементов управления пользовательских интерфейсов (речь как о десктопных приложениях, так и о мобильных).

Вы также можете скачать пользовательские коллекции элементов из раздела Download на сайте Pencil. Инструмент доступен как автономная версия для Linux, Windows и Mac OS X. Также может быть использован в качестве расширения Firefox.

UXToolbox — инструмент для прототипирования под Windows

С помощью UXToolbox вы сможете создавать макеты и  интерактивные прототипы для мобильных приложений, веб-сайтов и десктопного ПО.

Что интересно, программа позволяет в один клик переключаться между скетчем и попиксельно-выверенным прототипом.

После того, как вы закончите работу над проектом, вы сможете экспортировать макет в формат HTML, PNG, XML и Word или распечатать материалы для рабочей группы.

UXToolbox работает с Windows XP и с более поздними версиями и стоит £159 (около $240) за копию.

Mockups.me — инструмент для создания пользовательских интерфейсов

Mockups.me очень похож на Balsamiq Mockups, но имеет ряд преимуществ. В частности у Mockups.me есть приложения для IOS и Android. Кроме того, Mockups.me включает в себя встроенные коммуникационные системы для сбора обратной связи через аннотации и комментарии.

Стоимость десктопной версии Mockups.me — $49, версия для планшета доступна за $19,99, а цены за веб-версию начинается от $99 за год.

Live Wires — приложение для создания прототипов под iPad

Live Wires поможет вам протестировать и создать прототипы непосредственно на iPad. Приложение может быть использовано для создания интерактивных прототипов  приложений для iPhone и iPad.

Live Wires включает в себя большую коллекцию легко настраиваемых элементов упрвления.

Прототипы могут быть экспортированы по электронной почте а затем импортированны на другое утсройство.

Live Wires сейчас доступен по специальной начальной цене в $9,99.

HotGloo

Мой любимый инструмент для прототипирования. Ему посвящена отдельная статья.

Резюме

Как вы видите из приведенного выше списка, существует большой выбор доступных инструментов для прототипирования, из которых можно выбирать тот, который подходит именно вам.

Использовали ли вы какой-то из них? Если да, пожалуйста, поделитесь своим опытом в комментариях.