В чем делать прототипы интерфейса?

Question

[Андрей Бережной]

Какие есть варианты ПО для прототипирования интерфейса?

В данный момент пользуюсь Balsamiq Mockups, но хотелось бы попробовать еще какие-то варианты.

Answer 1

[vapa]

Вот, собрался списочек ссылок в тему:
www.pixate.com
https://wireframe.cc/
www.invisionapp.com
www.balsamiq.com
www.axure.com
www.justinmind.com
https://precursorapp.com/
giveabrief.com
avocado.ideo.com
www.appcooker.com
https://popapp.in/
www.pixate.com
https://marvelapp.com/
https://www.flinto.com/
framerjs.com
https://www.ux-app.com/
www.digitaltutors.com/tutorial/1959-Developing-Rap...
habrahabr.ru/company/aiken/blog/129653
keynotopia.com
https://proto.io/
https://codiqa.com/
https://gomockingbird.com/home
uxpin.com
www.pentotype.com
www.cooper.com/prototyping-tools

Comments

[Chuvpilov]

+ v kopilku https://webflow.com/

Answer 2

[Ranwise]

Axure RP, Photoshop, CorelDRAW, Illustrator

Upd. Sketch, Adobe Muse

Comments

[Андрей Бережной]

а под ФШ есть какие-то интересные плагины с готовыми элементами?

[Ranwise]

на счет плагинов не знаю, полно готовых UI psd файлов с разными контролами мобильных систем (iOS, Android) или html блоков

[xmoonlight]

Ranwise: а пару линков на PSD-паки с контролами - не подкинете?

[Ranwise]

да в гугле полно free psd ui kits, к Axure RP были наборы типа бутрап-контролов

[Нерон Лордов]

Кореш дро? Быстрее удали это из ответа, а то забанят за мат

Answer 3

[Константин Китманов]

https://ninjamock.com/

Comments

[Антошечка Милый Дорогой Ненаглядный]

вещь!

[Alexey Sosnovsky]

+1

Answer 4

[ruplace]

Посмотри на этот мозгоразрывающий подход. Все гениальное просто
howww.to/prototype-app-ideas-in-minutes/course.html

Answer 5

[xmoonlight]

https://moqups.com/

Answer 6

[Mikhail]

Axure - one love

Answer 7

[byordbureau]

большая часть предложеных вариантов не отвечает требованиям - интерактивность.
если мы говорим о мобайл - бальзамик не объясняет програмисту механику взаимодействия (анимация) пользователь -> интерфейс.
На данный момент правильным решением является:
1. origami facebook
2. invision

Преимущество - возможность показать всем участникам разработки (без лишних жестов) как именно работает интерфейс.
В ближайшем будующем: "бумажное" (постраничное) протоипирование без анимации будет отмирать.

Comments

[Антошечка Милый Дорогой Ненаглядный]

маководы

[Антошечка Милый Дорогой Ненаглядный]

Анимация оставляет меньше места для творчества, чем бумага и словесные описания. Люди не тупари и никогда не пожертвуют ресурсами, заменяя бумагу на анимацию.

[Нерон Лордов]

Люди не тупари? Хаха)))

Answer 8

[marazm]

Если под macos, то Sketch — безусловный лидер для меня.

Comments

[Андрей Бережной]

Согласен, но увы, Windows :)

[Семён Задорожный]

Sketch + origami

Answer 9

[Роман]

draw.io

Answer 10

[Oleg Krasnov]

Про https://atomic.io/ забыли.

Answer 11

[Владислав Тригуб]

По шагам:
1. Бумага
2. Microsoft Visio (lo-fi)
3. Adobe Fireworks (hi-fi)

Answer 12

[Владимир Катцов]

Ещё интересный вариант:
macaw.co