Разработка дизайна сайта никогда не начинается с верстки. Прототип является каркасом сайта. Он создаётся перед оригинал-макетом сайта и существенно облегчает дальнейшую работу. Прототип используются при разработке дизайна сайтов и позволяет рассмотреть структуру сайта, положение элементов и связь между страницами. До недавнего времени наброски веб-ресурсов создавались вручную, часто тратилось много времени и усилий на корректировки эскизов. Однако сейчас опытные дизайнеры почувствовали удобство и простоту использования специальных приложений, рассчитанных для создания макетов, прототипов и различных схем для сайтов.
На сегодняшний день существует множество бесплатных онлайн-сервисов для создания прототипов сайтов. В каждом сервисе есть свои отличительные возможности. Рассмотрим наиболее известные из них.
1) Cacoo
Cacoo является онлайн сервисом, предназначенном для удобной работы с диаграммами и прототипами. Здесь можно выбрать платный и бесплатный тарифный пакет. При бесплатном варианте есть ограничения по количеству диаграмм, а экспортировать их можно только в формате PNG. За платный пакет придётся платить 5 долларов в месяц, зато все ограничения снимаются, схемы и диаграммы можно интерпретировать в SVG. После регистрации сервис откроет графический редактор, снабжённый не только стандартным набором инструментом, но и дополнениями, способными работать даже со сложными схемами. Для удобства работы несколькими людьми сервис снабжён удобным чатом.
2) MockFlow
Сервис работает в онлайн и оффлайн режиме и отличается огромным набором шаблонов и элементов управления и разработки усложнённых прототипов. MockFlow имеет два пакета — платный и бесплатный. В бесплатном пакете работа ограничивается одним 4-страничным прототипом, объёмом пространства на диске в 10 Мб, а также экспортом прототипа с наложенным копирайтом. Для платного пакета ограничений не предусмотрено.
MockFlow помогает быстро составлять прототипы, макеты, наброски и концепты. Такое приложение подойдёт как профессиональным веб-дизайнерам, так и начинающим дизайнерам.
3) Mockup Builder (beta)
Сервис для создания прототипов является бесплатным. Существует режим как онлайн, так и оффлайн работы. Mockup Builder наделён большим разнообразием готовых элементов. Готовые работы есть возможность сохранять на устройстве в формате приложения, а также png или pdf.
4) Creately
Онлайн сервис для работы с прототипами, подробными схемами, графических фрагментов и функций, где есть возможность добавлять изображения прямо из личного компьютера. Редактор Creately даёт возможность использовать множество настроек по редактированию шрифтов, размеров, цветов и прочих элементов.
Сервис для создания прототипов ProtoShare является платным инструментом. Стоимость его является высокой, однако существует бесплатная версия на 30 дней с полным набором функций. ProtoShare имеет мощный набор инструментов, способных работать с прототипами различной сложности.
6) iPlotz
Полезный сервис для работы с прототипами. Есть платный и бесплатный тарифный пакет. В данном сервисе есть возможность конвертировать проекты в HTML PDF JPG/PNG. Iplotz является очень удобным веб-приложением и позволяет быстро создать эскиз сайта, сохранить его в виде картинки и в кратчайшие сроки отправить заказчику. Сервис оснащён большим набором самых необходимых инструментов, готовых элементом, а также есть встроенный менеджер проектов.
7) Dabbleboard
Довольно удобный графический сервис для работы с прототипами веб-ресурсов. Здесь отсутствуют наборы заготовленных элементов, можно создавать только свои и сохранять их. Отличительной характеристикой данного инструмента является понятный набор настроек. Здесь достаточно в функции рисунка набросать контуры и в разделе схем есть возможность увидеть как работает данное веб-приложение. Dabbleboard распознаёт наброски и на их основании создаёт геометрические фигуры схем. В данном сервисе есть два пакета — платный и бесплатный. Бесплатный вариант имеет некоторые ограничения.
8) Pencil Project
Бесплатное приложение по разработке веб-прототипов. Является бесценным помощником веб-разработчиков и дизайнеров. Pencil Project помогает удобно и быстро создавать прототипы и даже умещать целый сайт в одном сервисе. Файлы можно конвертировать в различные форматы — PNG, HTML или PDF. Здесь есть возможность воспользоваться готовыми элементами, а также создать свои собственные шаблоны и веб-прототипы. Готовую работу можно сохранять в качестве картинок, OpenOffice или других форматах.
9) Moqups
Бесплатное и удобное веб-приложение для создания макетов и прототипов сайтов. Для начала работы даже не обязательно регистрироваться, однако без регистрации набор функциональных возможностей будет немного ограничен. Moqups обладает стандартным набором инструментов, которые можно было бы расширить, однако здесь не требуется тратить время на изучение инструкции по пользованию данного приложения. Веб-приложение удобно тем, что можно быстро создать прототип сайта, который легко можно сохранить в различных форматах — PDF, PNG или сохранить в облачном хранилище Google Drive и Dropbox.
10) Balsamiq Mockups
Отличная программа для построения прототипов и макетов различных сайтов, программ или мобильных приложений. Сервис отличается большим и удобным набором функций. Бесплатный тарифный пакет сможет порадовать своим набором инструментов. Существует и платная версия, ещё более продвинутая, однако и в бесплатной версии есть все возможности создавать быстрые и несложные прототипы. Отличной возможностью является сохранение готового проекта в форматах PNG, JPG, а также в виде XML-файла.
Это не полный список онлайн-сервисов, работающих на сегодняшний день. В мире их существует несчётное множество. В данной статье была краткое знакомство с наиболее распространёнными вариантами.
