NinjaMock

— онлайн-инструмент для создания макета и структуры сайта. Ninjamock поставляется со всеми изображениями и инструментами каркаса, необходимыми для мобильных приложений или веб-дизайна. Сервис разработан в США.

Преимущества:

• Простой, интуитивно-понятный интерфейс.
• Поддержка командной работы.
• Поддержка векторного редактора.
• Можно проектировать разные типы интернет-проектов.

---

Возможности Ninjamock

предоставляет опции для создания профессиональных каркасов и макетов веб-проектов:

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

• Высокая скорость и гибкость.
  Ninjamock
  позволяет проектировать сайты за несколько минут, экономит время на разработку. Сервис дает расширенные функции для кастомизированных макетов.
• Нет ничего лишнего. Одна из «фишек» — высокий уровень удобства для построения каркаса. Ninjamock объясняет: неэффективно начинать прототипирование с реалистичных элементов и высокоточного дизайна.

---

Векторный редактор

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

В дополнение к простым элементам, таким как линии, круги и прямоугольники, редактор каркасов NinjaMock также включает в себя карандаш от руки и инструмент «Перо» (с поддержкой кривой Безье) для создания фигур любого типа. Инструменты редактирования векторов расположены на палитре инструментов в левой части панели управления.

---

Комментарии, сбор обратной связи по макету

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

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

---

Экспорт готового макета

Каркасом можно поделиться: поддерживается экспорт png, html или pdf. Также можно отправить документ по электронной почте, распечатать. Интеллектуальная визуализация ссылок на страницы поможет ориентироваться в потоке каркасного проекта даже на бумаге.

---

Система папок

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

---

Опции в интерфейсе NinjaMock и варианты использования

Трафареты

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

Шаблоны организованы в панели инструментов слева и сгруппированы в соответствии с их типом и использованием: Android, iPhone, iPad, Windows Phone, Microsoft Surface, веб-сайты и от руки.

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

Есть интеграция с IconFinder, откуда можно добавлять дополнительные значки. Небольшое ограничение: иконки IconFinder не векторные. В личное хранилище тоже можно загружать свои (пользовательские) значки, изображения: выделяется место 500 Мб. С помощью векторного редактора можно нарисовать собственную иконку.

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

Чтобы начать рисовать фигуру, нужно выбрать начальную точку, нажать и удерживать левую кнопку мыши,  переместить мышь в желаемую конечную точку. Затем нужно отпустить левую кнопку мыши, когда форма будет готова. Можно нарисовать линию, перо, прямоугольник, эллипс. В NinjaMock можно вставлять готовую графику, например из Adobe Photoshop.

---

Тарифы и цены

У

есть бесплатный тариф, на котором можно создать только 1 проект, пригласить до 200 пользователей, использовать до 200 элементов. Также есть тарифы с более широкими возможностями:

• Личное использование — $5 в месяц, количество проектов и элементов не ограничено, невозможно приглашать пользователей.
• Команда, количество проектов и элементов не ограничено, можно пригласить до 200 пользователей.

---

Вывод

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

Официальный адрес сайта —