10+ программ для создания прототипа сайта

Перед началом работы над созданием сайта необходимо визуализировать для разработчиков его структуру. Гораздо удобнее делать это в специальных программах с помощью готовых шаблонов. Этой подборкой мы начнём серию полезных списков инструментов для маркетологов и оптимизаторов в частности.

В этом посте я собрала для вас 10 сервисов и программ, которые, на наш взгляд, способны значительно упростить вашу работу при создании структуры сайта ;)

1. Cacoo

Бесплатная версия: есть, 14-дневный пробный период.

Платформа: онлайн.

Удобный сервис, с помощью которого можно создавать профессиональные диаграммы для проекта. Кроме того, Cacoo поддерживает командную работу, а значит можно комментировать действия коллег и править общие проекты, как в Google Docs. Из множества шаблонов выбирайте карту сайта и начинайте работу ;)

2. XMind

Бесплатная версия: есть.

Платформа: Windows, а также версия, адаптированная для работы со смартфонами на iOS.

Десктопное приложение для создания карты сайта. Лёгкий для понимания пользовательский интерфейс делает работу с XMind максимально простой и удобной. Можно изобразить структуру сайта, используя разнообразные виды разделов и подразделов. Юзеры рекомендуют завести аккаунт на сайте программы и сохранять все документы в облаке.

3. Mockingbird

Бесплатная версия: есть.

Платформа: онлайн.

Mockingbird — это программа для создания прототипов сайтов или приложений. Даёт возможность предварительно просматривать, связывать и передавать созданные проекты для совместной работы с командой. Экспорт проектов доступен в форматах PNG и PDF.

4. Gliffy

Бесплатная версия: есть.

Платформа: онлайн.

Gliffy даёт возможность экспортировать проект для дальнейшей работы в других программах в формате шаблона, а также позволяет посмотреть историю изменений проекта.

5. Creately

Бесплатная версия: есть, 30-дневный пробный период.

Платформа: онлайн, Mac OS X, Linux, Windows, а также для смартфонов на iOS и Android.

С помощью Creately можно одновременно вести несколько проектов. Инструмент даёт возможность работать онлайн совместно с командой. Используйте множество диаграмм, макетов и схем для создания структуры сайта. Кроме того, инструмент рекомендуют для выполнения заданий на курсах «База данных» и «Веб-дизайн».

6. Axure

Бесплатная версия: есть, 30-дневный пробный период.

Платформа: Windows, Mac OS.

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

7. FlairBuilder

Бесплатная версия: есть, 15-дневный пробный период.

Платформа: Windows, Mac OS.

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

8. NinjaMock

Бесплатная версия: есть.

Платформа: Windows, Mac OS.

С помощью NinjaMock очень просто можно создать структуру сайта под множество платформ. Пользовательский интерфейс интуитивно понятный, а в библиотеку шаблонов каждый пользователь может добавить свой макет. Таким образом, можно не только вдохновляться чужими идеями, но и делиться своими ;)

9. Moqups

Бесплатная версия: есть, 1 проект до 300 объектов и 5 Mбайт.

Платформа: онлайн.

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

10. LucidChart

Бесплатная версия: есть.

Платформа: онлайн.

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

11. Mockplus

Бесплатная версия: есть.

Платформа: онлайн, Windows, Mac OS, а также для смартфонов на iOS и Android.

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

---

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