Статьи

MockFlow: онлайн-каркас

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

Тем не менее, существует все больше онлайн и настольных приложений, которые предлагают вам инструменты для создания каркасов ваших проектов. Некоторые из наиболее известных инструментов — Visio , Omnigraffle и Balsamiq . Просмотрите статью SitePoint Гэри Барбера о 16 инструментах для создания каркасов и создания прототипов или недавний обзор Мэтта о Mockingbird .

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

Доступны две услуги: базовая (бесплатная) и премиальная (4,91 долл. В месяц) (59 долл. В год).

Внутри приложения

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

Browser

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

YouTubeMockUp

Когда вы создаете каркас с помощью MockFlow, вы можете начать с нуля или использовать один из большого количества шаблонов каркаса из библиотеки дизайна (который называется MockStore). Шаблоны охватывают все: от образцов веб-страниц до окон загрузки программного обеспечения и разработки документов для Adobe Acrobat.

PhoneMockup

Закончив каркасный шедевр, вы можете сохранить его в Интернете или экспортировать в формате PDF, PowerPoint или в виде изображения.

Цены:

Вот что вы получаете с учетной записью Basic:

  • Бесплатно, бесплатно
  • 1 макет с 4 страницами
  • 2 соавтора / макет
  • 10 МБ для хранения
  • Экспорт с водяным знаком
  • 5 редакций / макет
  • Ограниченный доступ к MockStore
  • Редактирование в реальном времени

А вот что вы получаете с премиум-аккаунтом $ 59 / год ($ 4.91 / месяц) :

  • Неограниченные макеты
  • Неограниченные сотрудники
  • 500 МБ для хранения
  • В PDF / PPT / Expose / Image
  • 30 редакций / макет
  • Полный доступ к MockStore
  • Редактирование в реальном времени
  • Командный чат
  • Карта сайта Визуализация

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

Вы пробовали MockFlow? Что вы думаете об этом? Использовали ли вы какие-либо другие приложения, которые вы бы порекомендовали?