草 稿

针对流程与动效的移动端原型工具

  1. Flinto - iOS and Android prototypes made from your existing screen designs

    * 支持界面间的动画转跳

    * 支持固定页面头部和底部

    * 最终的展示效果流畅

    * 容易上手

     

    * 无法实现页面内某个局部的动效

    * 页面间转跳也只支持基础动效,不可定制

    * 分发体验不方便,需要在 Safari 中打开链接保存到桌面

     

    价格:$20/month

  2. Marvel - Free mobile & web prototyping for everyone

    * 功能与 Flinto 接近

    * 亮点:支持 Gif 动画,可以提前将局部动效和需要定制的动效通过 AE 等工具做成 Gif 放进流程中;示例:https://dribbble.com/shots/1777714-Search-animation-prototype

     

    价格:

    * Free

    * Pro $8/month

  3. 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

  4. 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

  5. Form - Instant Native Prototypes

    * 未试用,从界面上看使用方式与 Quartz Composer 非常相似

    * 已被 Google 收购

    * 与 QC 相比,有移动端应用可以预览和演示

     

    价格:Free

  6. Framer.js - Prototype Interaction and Animation

    * 需要一定的代码基础,基于 CoffeeScript 来实现动效

    * 可以将原型结果打包下载,对于有技术基础的同学,分发方式将更加灵活

     

    价格:客户端 $79.99

评论(1

我比较喜欢「墨刀」