针对流程与动效的移动端原型工具
Flinto - iOS and Android prototypes made from your existing screen designs
* 支持界面间的动画转跳
* 支持固定页面头部和底部
* 最终的展示效果流畅
* 容易上手
* 无法实现页面内某个局部的动效
* 页面间转跳也只支持基础动效,不可定制
* 分发体验不方便,需要在 Safari 中打开链接保存到桌面
价格:$20/month
Marvel - Free mobile & web prototyping for everyone
* 功能与 Flinto 接近
* 亮点:支持 Gif 动画,可以提前将局部动效和需要定制的动效通过 AE 等工具做成 Gif 放进流程中;示例:https://dribbble.com/shots/1777714-Search-animation-prototype
价格:
* Free
* Pro $8/month
Turn sketches and designs into interactive web, iPhone, iPad, Android and Apple Watch prototypes and mockups. Collaborate with your team and get feedback. No coding required.Pixate - The next generation of mobile interaction design
* 需要在移动端安装客户端才可以分发和演示
* 可以对每个图层调整参数来实现局部的动效
* 因此可以实现定制的动效,例如官方教程视频里的 Secert 和 Yahoo News 等
http://blog.pixate.com/post/97677654668/building-the-secret-comment-view-with-pixate-we
http://blog.pixate.com/post/97677262453/prototyping-the-yahoo-news-digest-the-yahoo-news
价格:
* Free
* Premium 16.67/month
* Enterprise 40/month
Quartz Composer
* 将各类效果封装成 Patch,用户需要设定每个 Patch 的输入、输出和其他参数来制作动效
* 上手难度比 Pixate 略高一些,但实现效果的自由度更高
* 没有合适的移动端分发方式,只能在电脑上展示,或者使用 LiveView 一类的投影软件将电脑屏幕同步复制到手机屏幕中:http://zambetti.com/
* 有多个团队针对自己的需求为 QC 制作拓展 Patch:Facebook Origami https://facebook.github.io/origami/ ;jQC 1.0 http://qcdesigners.com/index.php/forums
价格:Free
Form - Instant Native Prototypes
* 未试用,从界面上看使用方式与 Quartz Composer 非常相似
* 已被 Google 收购
* 与 QC 相比,有移动端应用可以预览和演示
价格:Free
Framer.js - Prototype Interaction and Animation
评论(1)