Сделать прототип

8 прекрасных инструментов для создания макетов сайтов и приложений

18.06.2012 15:43

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

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

1. Balsamiq Mockups

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

Balsamiq Mockups

2. Mockingbird

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

Mockingbird

3. Mockup Builder

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

Mockup Builder

4. MockFlow

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

MockFlow

5. HotGloo

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

HotGloo

6. Invision

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

Invision

7. JustProto

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

JustProto

8. Proto.io

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

Proto.io

Еще 2

https://moqups.com/

http://balsamiq.com/