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