Всем привет (на самом деле здесь пока никого нет).
Не так давно (на самом деле больше года уже) появился ещё один инструмент для прототипирования ProtoPie и неплохо так мне зашёл, поэтому решил создать этот канал и чат - @ProtoPieChat
Не так давно (на самом деле больше года уже) появился ещё один инструмент для прототипирования ProtoPie и неплохо так мне зашёл, поэтому решил создать этот канал и чат - @ProtoPieChat
ProtoPie
ProtoPie: Interactive Prototyping Tool
ProtoPie: The ultimate interactive prototyping tool for designers. Create realistic, interactive prototypes easily—no coding needed!
🌚1
This media is not supported in your browser
VIEW IN TELEGRAM
Чем слабее машина - тем больше вы будете это созерцать =)
This media is not supported in your browser
VIEW IN TELEGRAM
Мне приходилось работать в куче программ для прототипирования. Идеального инструмента к сожалению всё еще нет. Поэтому буду закидывать тэзисы сравнения программ под хэштег #чтожелучше
Возможно какие-то программы обновились с тех пор как я их использовал. Так что для обсуждений го в @ProtoPieChat
1. Pixate - один из первопроходцев, но проект купил гугл и его прикрыли. Ждём когда гугл заанонсит Remixer и Stage.
2. Axure RP - морально устаревшая махина для создания прототипов. Очень большой функционал, но встречаются подводные камни, которые утащат весь проект на дно. Пригодно только для wareframe прототипирования на стадии аналитики. Но есть и более современные Moqups или Wireframe
3. Invision - куча багов, и не очевидных костылей, проще тогда уж презентации в гугле или powerpoint делать =) единственный "плюс" это Craft. Но опять же куча багов и нервы убивает.
4. Marvel - для презентации дизайна - отличный инструмент. Небольшой интерактивчик запилить - и все счастливы. Лучше использовать его вместо Invision.
5. Proto - тот же инвижн или марвел. Для презентации дизайна или карты приложения - норм. Нехватает инструментария чтобы нормально разгуляться.
6. Principle - очень простой инструмент для создания простеньких ux кейсов и анимашек. Используется чтобы "на пальцах" объяснить как работает та или иная задумка в дизайне. При проэктировании интерактивного прототипа - возникает куча проблем, некоторые из них решить не получится.
7. Flinto - особых отличий от Principle не заметил. Разве что немного другой подход. Возможно кому-то он покажется понятней.
8. ProtoPie - в меру простой и функциональный инструмент, который я использую для создания полноценных прототипов по дизайну. Пока еще не столкнулся с моментами, которые бы не смог реализовать. Но не всё в нём очевидно.
9. Framer - отличный инструмент прототипирования и анимации предоставляющий практически любые возможности, но требует спецефический подход. Сидеть и двигать слои как в Principle а потом смотреть на плавную анимацию тут не получится. Часто замечал, что пока реализовываю какой-то кейс в Framer - идея, которая была придумана, улетает или начинает казаться бредовой. Возможно это только со мной так.
1. Pixate - один из первопроходцев, но проект купил гугл и его прикрыли. Ждём когда гугл заанонсит Remixer и Stage.
2. Axure RP - морально устаревшая махина для создания прототипов. Очень большой функционал, но встречаются подводные камни, которые утащат весь проект на дно. Пригодно только для wareframe прототипирования на стадии аналитики. Но есть и более современные Moqups или Wireframe
3. Invision - куча багов, и не очевидных костылей, проще тогда уж презентации в гугле или powerpoint делать =) единственный "плюс" это Craft. Но опять же куча багов и нервы убивает.
4. Marvel - для презентации дизайна - отличный инструмент. Небольшой интерактивчик запилить - и все счастливы. Лучше использовать его вместо Invision.
5. Proto - тот же инвижн или марвел. Для презентации дизайна или карты приложения - норм. Нехватает инструментария чтобы нормально разгуляться.
6. Principle - очень простой инструмент для создания простеньких ux кейсов и анимашек. Используется чтобы "на пальцах" объяснить как работает та или иная задумка в дизайне. При проэктировании интерактивного прототипа - возникает куча проблем, некоторые из них решить не получится.
7. Flinto - особых отличий от Principle не заметил. Разве что немного другой подход. Возможно кому-то он покажется понятней.
8. ProtoPie - в меру простой и функциональный инструмент, который я использую для создания полноценных прототипов по дизайну. Пока еще не столкнулся с моментами, которые бы не смог реализовать. Но не всё в нём очевидно.
9. Framer - отличный инструмент прототипирования и анимации предоставляющий практически любые возможности, но требует спецефический подход. Сидеть и двигать слои как в Principle а потом смотреть на плавную анимацию тут не получится. Часто замечал, что пока реализовываю какой-то кейс в Framer - идея, которая была придумана, улетает или начинает казаться бредовой. Возможно это только со мной так.
This media is not supported in your browser
VIEW IN TELEGRAM
#чтожелучше
По простоте освоения ProtoPie - как Principle, но позволяет намного больше, за счёт возможности созданий условий, использования датчиков телефона.
По простоте освоения ProtoPie - как Principle, но позволяет намного больше, за счёт возможности созданий условий, использования датчиков телефона.
#чтожелучше
В просмотрщике (да и в мобильном плеере) есть функция меняющая скорость анимации. Этого так не хватало в других программах, для отладки сложных анимаций…
В просмотрщике (да и в мобильном плеере) есть функция меняющая скорость анимации. Этого так не хватало в других программах, для отладки сложных анимаций…
#tips
Чем меньше слоев будет в прототипе - тем проще этот прототип анимировать.
Я предлагаю после того, как в скетче закончили дизайн, создать новый пэйдж (или вобще отдельный скетч документ) и закидывать постепенно туда экраны подготовленные к ProtoPie.
Чтобы было удобнее, я запаковываю все статичные элементы в символы, потом при экспорте в Protopie они будут обычными изображениями.
Например, если у меня есть карточка в которой меняется текст - у меня будет 2 слоя:
текст и символ карточки, в котором все тени, иконки и прочие элементы. Однако, если в прототипе я хочу менять и цвет карточки и текст и иконки - то все элементы лучше делать отдельными слоями.
Чем меньше слоев будет в прототипе - тем проще этот прототип анимировать.
Я предлагаю после того, как в скетче закончили дизайн, создать новый пэйдж (или вобще отдельный скетч документ) и закидывать постепенно туда экраны подготовленные к ProtoPie.
Чтобы было удобнее, я запаковываю все статичные элементы в символы, потом при экспорте в Protopie они будут обычными изображениями.
Например, если у меня есть карточка в которой меняется текст - у меня будет 2 слоя:
текст и символ карточки, в котором все тени, иконки и прочие элементы. Однако, если в прототипе я хочу менять и цвет карточки и текст и иконки - то все элементы лучше делать отдельными слоями.
