12 онлайн сервисов для создания прототипов
Очень часто приходится создавать прототипы (каркасы) сайта, которые делаются перед рисованием оригинал-макета сайта. Они используются при разработке дизайна сайтов, чтобы показать, как в дальнейшем будет выглядеть структура сайта, а также где находятся функциональные блоки. Открывать какие-то громоздкие программы типа Axure (и к тому же не очень-то и дешевые), иногда не удобно. Именно в таких случаях можно воспользоваться онлайн сервисом для рисования прототипов. Далее в статье находится подборка из 12 таких сервисов, которые могут пригодиться при разработке сайта.
1. Mockingbird — это инструмент в режиме онлайн, позволяющий легко создавать, связывать, предварительно просматривать и передавать модели вашего веб-сайта или приложения.
https://gomockingbird.com/
2. Pencil - расширение для браузера Mozilla Firefox.
http://pencil.evolus.vn/en-US/Home.aspx
3. Mockflow - очень классный онлайн сервис для рисования прототипов. Поддерживает различные Wireframe прототипы (Twitter Bootstrap, Facebook App, Mobile Web, Drupal, Joomla, WordPress и т.д.).
http://mockflow.com/
4. Balsamiq - не мог не отметить эту замечательную программу, у которой присутствует онлайн демо, в котором все же можно создавать некое подобие прототипов. Если демо понравится, то можете себе приобрести. Данная программа мне очень по душе, попробуйте и вы ;)
http://www.balsamiq.com/
5. С помощью iPlotz можно создавать управляемые, активируемые кнопкой каркасы для создания образа веб-сайта или программного приложения. Вы также сможете получать комментарии от других лиц по поводу проектов, и, как только все будет готово, управлять заданиями по построению проекта для разработчиков и проектировщиков.
http://iplotz.com/
6. Hot Gloo — это приложение для создания каркаса в режиме онлайн, у которого есть бесплатная trial-версия. Вы можете перетаскивать и вставлять элементы, масштабировать, объединять, называть и переименовывать их. Также вы сможете редактировать, комментировать и передавать любой элемент процесса разработки коллегам и клиентам.
http://www.hotgloo.com/
7. Бесплатное программное обеспечение для построения каркаса Gliffy дает возможность простого создания каркасов веб-сайтов и передачи веб-моделей. Вы можете также экспортировать свой каркас для будущего использования в других приложениях.
http://www.gliffy.com/online.shtml
8. Cacoo — это удобный для пользования онлайн-инструмент для рисования, который позволяет создавать множество диаграмм, таких как карты сайта, каркасы и сетевые диаграммы.
http://cacoo.com/
9. Мощный и простой для использования диаграммный онлайн-инструмент, который работает прямо в вашем веб-браузере. Благодаря интуитивному интерфейсу пользователя и встроенным свойствам совместной работы, Creately облегчает работу с командами.
http://creately.com/
10. Lovely Charts — это приложение для создания диаграмм, позволяющее создавать профессиональные диаграммы всех видов, такие как блок-схемы, карты сайтов, бизнес-процессы, организационные структуры, каркасы и многое другое.
http://lovelycharts.com/
11. Mockup Builder — это новый взгляд на решение старой проблемы создания прототипов и предоставления набросков клиентам.
http://www.mockupbuilder.com/
12. LucidChart. Создавайте диаграммы и чертежи, такие как блок-схема, диаграмма идей, сетевая диаграмма, диаграмма UML, каркас, проект интерфейса пользователя и другие чертежи в режиме онлайн с помощью бесплатного программного обеспечения, предназначенного для создания блок-схем.
http://www.lucidchart.com/