Прототип сайта — это визуальное представление твоего будущего проекта. Создание прототипа может помочь протестировать разные интерфейсы, разные UX решения и гипотезы еще на этапе дизайна, тем самым сэкономив время разработчика и как следствие денег.
В этой подборке я собрал несколько инструментов для создания прототипов, чтобы у тебя всегда была возможность сделать свой дизайн интерактивным и кликабельным.
Погнали!
Mockplus
https://www.mockplus.com/mockplus-rp - Быстрый инструмент для создания прототипов, позволяющий за считанные минуты создавать от блок-схем, низкоуровневых каркасов до интерактивных прототипов.
ProtoPie
https://www.protopie.io/ - пожалуй самая лучшая программа для прототипирования. Несколько видео уроков я сделал для нее и выложил в этой статье: Основы прототипирования в ProtoPie
Wireframe.cc
https://wireframe.cc/ — самый простой сервис, который мне удалось найти. Отлично подходит для создания кратких набросков. Для несложных прототипов этого хватает.
Invision
https://www.invisionapp.com/ — мощный онлайн-сервис, с широким набором функций . Загружаешь артборды и настраиваешь связи в браузере.
Marvel
https://marvelapp.com — по сути в какой-то степени аналог invision. Загружаешь свой дизайн и настраиваешь взаимодействие артбордов.
Moqups
https://moqups.com — в этом сервисе можно создавать не только прототипы, но и карты сайта, диаграммы и т.п.
Balsamiq
https://balsamiq.com/ — интуитивно понятный ресурс для прототипирования. Есть пробная версия с ограниченным функционалом.
Axure
https://www.axure.com/ — хороший инструмент для проектировщиков. Опять же, имеется как пробная версия, так и платная. Так же добавили возможность работать с состояниями.
Ninja Mock
https://ninjamock.com/ - простой сервис для создания быстрых набросков и скетчей.
Конечно, прототипировать сегодня возможно в Adobe XD, Figma, Sketch, Framer X и т.д., но хотелось показать другие сервисы, которые могут быть лучше в той или иной ситуации.
Выбирай самый удобный для тебя вариант и принимайся творить:)
p.s. Какие еще сервисы для прототипирования вы знаете?
Подпишись на мои соц. сети:
Топ коментарі (0)