Moqups — создание макетов, схем и интерфейсов онлайн

Если вы проектируете интерфейсы, то сервис Moqups определенно должен вам пригодиться. Данное веб-приложение на HTML5 одинаково хорошо подходит как для создания интерфейсов мобильных приложений (под iOS) так и для планирования дизайна традиционных сайтов. Также с его помощью легко рисовать разного рода схемы или презентации. Все происходит непосредственно онлайн, после чего можно сохранить готовый результат, а также экспортировать или поделиться с коллегами.

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

• разные прямоугольные блоки, тексты, ссылки, заметки, таблицы, линии;
• элементы веб-форм:  чекбоксы, radio buttons, кнопки, селект боксы, поля ввода текста;
• iOS инструменты: iPad и iPhone, iOS меню, клавиатура, iOS Picker и т.п.
• графические блоки: диаграммы, разные графики, баннеры, место для изображений, иконки;
• элементы браузера:  окно браузера, скролл бары, верхнее и контекстное меню, табы и многое-многое другое.

Кстати, в самом конце списка есть Simple Shapes, где собраны разные геометрические фигуры — их можно использовать для создания блок-схем и алгоритмов. Мне во время обучения определенно не хватало такого сервиса, приходилось использовать Word.

Для создания макета/интерфейса Вы просто перемещаете выбранные элементы на рабочее поле, после чего настраиваете из под себя. Одни клик мышки по объекту вызовет контекстное меню с разными опциями: цвет, выравнивание, расположение, рамки, иконки и т.п. Двойной клик позволит отредактировать содержимое (текст). Есть возможность вернуть назад то или иное действие, группировать элементы и управлять размещением их поверх других. Во многом это, кстати, напоминает работу в Word.

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

В Премиум аккаунте Moqups вы получаете возможность PDF/PNG экспорта, совместной работы над проектами в реальном времени, настройки приватности и тех.поддержку. Если заниматься проектированием интерфейсов профессионально, то цена вполне подходящая. Для тех, кому просто нужно создать пару схем, думаю, демо версии хватит с головой.