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

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

Мы собрали 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