Я люблю иконки!

блог Кондратьевой Анны

Разработка сайта — htmlman

Обзор веб-сервисов для создания макетов от Сmslist.ru

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

Насчет окончательного выбора: пока еще не смогла определиться, что использовать в дальнейшем — неспешно ковыряюсь в каждом из сервисов и присматриваюсь к ним на деле. Если есть что подсказать-посоветовать — жду вас в комментариях:)

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

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

1. Balsamiq Mockups


Данный инструмент является одним из наиболее популярных облачных сервисов для создания макетов сайтов. Для большего удобства пользователю также предлагается десктопное приложение. Balsamiq позволяет сосредотачиваться на решении крупных проблем при проектировании сайта, нежели на отвлекающих и менее значимых мелочах. В приложение по умолчанию добавлено большое количество включаемых компонентов и библиотек, а для большей простоты построение макета реализовано в drag-and-drop стиле. Всем известно, что облачные сервисы ограничивают пользователя из-за необходимости наличия интернет-подключения. Разработчики учли это, добавив возможность работать с макетами офлайн.
Сайт: www.balsamiq.com
Стоимость: есть 7-дневный триал, есть возможность купить софт за $79 и пять тарифных планов, в которых бесплатного нет.

2. Mockingbird


Ещё одно популярное веб-приложение, отличительной особенностью которого является наличие инструмента для расшаривания своих макетов. При создании приложения основной упор делался на возможность создавать макеты максимально быстро при участии как одного специалиста, так и целой команды. Как и в других подобных инструментах, скорость создания увеличивается благодаря использованию drag-and-drop. Возможность предоставления доступа к создаваемым макетам значительно упрощает работу с заказчиками.
Сайт: gomockingbird.com
Стоимость: Есть возможность вести бесплатно один проект из 10-ти страниц и с двумя пользователями, более расширенный функционал надо оплачивать.

3. Mockup Builder


Бесплатное веб-приложение, созданное на Microsoft Silverlight. Как и предыдущий инструмент, данное приложение позволяет создавать макеты для сайтов и приложений, при этом также присутствует возможность быстро предоставить доступ к проекту другим сотрудникам и заказчику. Несмотря на то, что продукт предоставляется пользователю бесплатно, в нём присутствует вполне достаточный функционал, включая поддержку мобильных устройств на iOS и Android. Данный инструмент можно посоветовать начинающим дизайнерам для реализации простых идей и концептов.
Сайт: mockupbuilder.com
Стоимость: Есть возможность попробовать бесплатную бету, расценок на сайте я не нашла.

4. MockFlow


Очень простой и интуитивный сервис для создания прототипов пользовательского интерфейса приложений и дизайна сайтов. Как и в случае с Balsamiq, MockFlow включает в себя мультиплатформенное приложение с возможностью работы офлайн. Для быстрого доступа к своим проектам, а также для проведения небольших презентаций клиентам MockFlow предлагает бесплатное мобильное приложение. Бесплатная версия включает в себя ограничение на количество страниц в проекте и людей, способных вместе работать над проектом.
Сайт: mockflow.com
Стоимость: Есть возможность пользоваться бесплатно или купить Premium аккаунт.

5. HotGloo


Данное веб-приложение выделяется среди прочих аналогов невероятно удобным красивым интерфейсом, что делает работу над проектами приятнее. Другими достоинствами HotGloo можно назвать наличие богатого функционала, множества элементов и компонентов, а также удобный drag-and-drop интерфейс.
Сайт: hotgloo.com
Стоимость: 15-дневный триал, потом нужно выбрать один из платных тарифов.

6. Invision


Этот инструмент идеально подойдёт в случаях, когда от макета требуется возможность демонстрации некоторых особенностей создаваемого проекта, в частности речь идёт о высокой интерактивности макетов. Среди прочих преимуществ стоит отметить отличную поддержку совместной работы.
Сайт: invisionapp.com
Стоимость рассчитывается исходя не из функционала или каких-то плюшек, а по количеству проектов. Два вы можете вести бесплатно всегда, для бОльшего количества нужно будет доплатить.

7. JustProto


Помимо стандартных для подобных инструментов функций, JustProto реализует действительно продвинутую систему взаимодействия с коллегами и заказчиками в режиме реального времени. Кроме того, вся переписка может быть сохранена для последующего обращения к ней.
Сайт: justproto.com
Стоимость: Есть возможность 15-дневного триала, потом прийдется выбирать один из платных пакетов.

8. Proto.io

Специализированный инструмент, созданный специально для разработки прототипов мобильных приложений. Среди поддерживаемых устройств присутствуют iPhone, iPad, а также аппараты на платформе Android. Для большего удобства и более верной оценки внешнего вида прототипа пользователь может посмотреть на проект непосредственно с экрана мобильного устройства.
Сайт: proto.io
Стоимость: 15-дневный триал для тарифного плана Плюс, есть возможность бесплатного использования с урезанным функционалом. Тарифы.