Прототипирование: полезные инструменты и сервисы

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

Мы собрали 10 полезных инструментов и сервисов, которые помогут вам на этапе создания прототипа.

Marvel

Довольно продвинутый сервис (например, умеет делать прототипы приложений для Apple Watch). Marvel может превратить ваши эскизы и макеты в впечатляющий презентационный материал для заказчика.

InVision

Этот сервис умеет делать прототипы и для Android, и для IOS (для веба и мобильных приложений). InVision – отличное решение для командной работы над прототипом, так как позволяет легко делится результатом с коллегами.

Moqups

Moqups – широко известный сервис предназначен для уже для более продвинутых пользователей. Незаменимый инструмент на платформе HTML5 для создания мокапов, не зависящих от разрешения SVG.

Prott

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

Flinto

Еще один отличный сервис для проектирования прототипов сайта. Основное преимущество Flinto в том, что вы сможете получить отличные прототипы высокого качества в короткий срок.

Framer

Если вам нужна интеграция с Photoshop или Sketch app, то этот инструмент как раз для вас. Во Framer можно накреативить свою собственную анимацию и добавить все необходимые взаимодействия.

Mockplus

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

Justinmind

Заслуженный ветеран прототипирования. Justinmind на рынке аж с 2008 года. За 11 лет у команды проекта было достаточно времени и обратной связи от пользователей, чтобы сделать сервис удобным, понятным и эффективным.

Adobe Comp CC

Мощный инструмент от Adobe, легко интегрируется с другими продуктами от Adobe. А еще он подключен к Adobe Stock, что позволяет использовать сотни шрифтов, графики и фотографий.

Figma

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

На этом все! Приятного прототипирования 😉

 

comments powered by HyperComments