Framer.js 终究还是被遗弃

从去年开始关注交互原型工具,最终锁定在 Framer.jsFlinto 这两个工具上。

这两个工具我各自投入时间学习,Flinto 是目前投入产出比最高的,而最终还是放弃了 Framer.js。直观的感受是 Framer.js 面向的受众是前端开发者转交互设计的这群人,这样需要写简单代码来实现原型的工具对他们来说非常亲切。简单学习几个设定好的函数后,快速上手。

我原本期望 Framer.js 具备以下3个其他工具做不到的优势:

  1. 更适合构建完整的产品交互流程
  2. 可以和 Sketch 方便的结合
  3. 自适应不同的显示尺寸

最后结果是3点都没有很好的被解决。要构建完整交互流程,Framer.js 的代码量会陡增,因为无法将每个页面分开来写,所有内容似乎都需要在一个代码文件中。如果想要可读性,你就需要封装函数,把代码分散到多个文件中。

与 Sketch 的结合非常不直观,本质上只是倒入了图层和组关系,还需要很好的命名图层,不然完全不能用。

自适应不同尺寸的屏幕更加飘渺,因为大部分图层都是图片,并不能转化为HTML绘制的图层,最后根本做不到自适应。

总体来说,Framer.js 学习曲线斗,但并没有带来相对应的回报。在 Flinto 等工具出现前,Framer.js 可以说是相对不错的工具(相比其他更难用的工具来说),可惜目前已经没有了明显优势。Flinto 的出现就像是 Sketch 对于 Photoshops 一样,用一个更好的解决方案带来相同的能力。

目前 Flinto 是当之无愧的原型交互动画设计工具的 No.1,如果你第一次接触类似工具,从它开始绝对不会错。

Adobe 奋起直追,把 Sketch 和 Flinto 杂交,出了个 Adobe Experience Design CC,把两个工具的精华设计抄了一遍。暂时没有兴趣体验,等有空再交份报告吧。


不定期聊一些产品设计,以及有趣话题,分享我的所见所想,欢迎关注。

Stuff I Learned Yesterday 系列文章话题包括科技、产品、设计、商业和创业有关的事。每天分享所见所想,这事,要干就干个七年。

康上明学

康上明学

理想主义者,想得太多,做得太少。欢迎关注微信公共号「明学的白板」

Read More