高保真原型与交互设计工具：Framer

最近我一直想找一款可以制作高保真产品原型并可以在iPhone上高还原操作体验的工具。

可能很多人会觉得花太多时间在制造高保真原型的细节上太浪费时间，但我觉得这是值得的，

流水线出现前的工匠们设计一个产品的过程是和这个产品肌肤感官的亲密接触，在不断的尝试与实时反馈中修正打磨的过程，最终创造出备受赞誉的「艺术品」。

但现在互联网的产品设计生产过程却是奇怪的，设计与工艺（编程）的分离，甚至设计本身也是各种分工，一个产品的从无到有这个过程变得支离破碎。

又不是不能用....——罗永浩

通常情况是：一个软件产品经历了九九八十一难带着各种奇怪的BUG和让UI设计师抓狂的布局还原度终于从面无表情的程序员手中交付出来之前，那些项目中的UI设计、交互设计师、产品经理、项目总监、boss…感官上都是无法在真实度上理解这个产品，一切都还是虚构的纸上谈兵，没有一个人对整个产品有完整的认知，这很糟糕，工匠们可以从不断的重复的直观的反馈中发现问题及时修正达到最佳效果，但互联网产品的这个对设计过程的学习到修正的回路是迟钝和不可控的。

另一方面，在产品开发各分工环节的交付配合上，由于缺少一个完整的模型，只能通过文档和漫长的TR评审会议来达成「共识」，先不说这个过程无论对哪一方都是痛苦的，而且语言文字表达必然存在局限也注定最终开发出来的产品和设计定义的产品存在偏差。

我渴望高保真的产品原型，一切产品在经过真实用户的角度的审视之前都是抽象和脆弱的，我希望设计交付开发之前尽可能的真实的产品让所有参与者或者用户可以充分的揣摩产品的每一个功能和交互细节反思与修正。

以前我曾经热衷于在Axure实现各种变量和条件判断，或者通过臃肿的嵌套动态面板和状态一定程度上模拟一些操作效果和动效，然后通过一个已经几百年没更新的浏览器（可以导入文件和全屏查看）来模拟体验，这是痛苦和丑陋的。

后来也了解过Hype、Flinto、Principle等工具，各有优缺点但感觉都不是我想要的。

Framer Studio

Framer就如一见钟情感觉它是那么的美好和优雅动人，怎么会有这样正是我梦寐以求的工具。

知乎用户张土福：

用 Framer 做原型有两个特点：真实 & 自由。

在我接触到的所有原型工具中，Framer 制作出来的原型最接近真实效果。它支持调用系统键盘，输入真实的文本，然后作为数据被使用；它支持对音频、视频进行真实的控制与监听；它可以调用一些传感器，比如麦克风、陀螺仪，所以你能做出一个真的可以用的“摇一摇”；它有逻辑处理机制，它甚至能通过网络获取真实数据，比如实时显示比特币价格。

https://www.zhihu.com/question/24263174/answer/300654233

Framer的强大在于它是基于代码层的构建（JS），不过这也是它的学习成本，但我觉得这样才能真正能从能力层面释放设计师的想象力。

我一直认为产品和交互设计师应该掌握一些基础的技术构建技术，就像优秀的工业设计师需要了解各种材质和工艺，你才会和你所设计的产品建立一种更亲密的关系。

之前我也尝试过学习Xcode，OC的，但由于这种普适的开发工具缺少对设计师的针对性，所以学习热情难以为继，Framer的出现正好给了我一个很好理由去掌握一些基础的编程原理，我觉得我会享受到那种开始掌控细节构建真实的愉悦感，这绝对是很酷的事。

另一方面，Framer从原来的纯代码模式现在增加了可视化的设计模式，再加上第三方模板和组件的支持，学习成本复杂性其实是逐渐降低，现在设计模式下也有和类似Sketch一样的基本图形工具，然后官网上预告Framer X版将会有重大的改变，我很期待是不是意味着Framer能成为产品的全流程设计工具呢？

实话说Sketch其实并没有给我惊艳的感觉，只是相对PS而言确实是一款更专注于UI设计的工具，但从产品的特性的发展趋势来看，我觉得sketch的产品团队比不上Framer团队的格局。