总觉的Framer X 够呛

刚当PM的时候就发现,再复杂的业务需求也比交互需求好表达。前者大不了上UML图。

后者就麻烦了,即便简单一点的,如果通过语言文字表述,那也是需要研发同学发挥想象力的。

然而每个人的想象力又各不相同,一种是能力上的,有人想象力他天生就是匮乏。

另一种是认知上的,同样想象躶体,他们俗人想出来的是异性,咱们艺术家想到的是《大卫》《维纳斯的诞生》等等。

所以和有些人沟通就是费劲。

当然每次我得先从自己身上找原因。

是我表达能力不好吗?

我一岁儿子理解能力不如他吧?可我说啥儿子咋都懂呢?

是我理解能力不够吗?

我儿子表达能力也不如他吧?可儿子说啥我咋也懂呢?

所以就不是我的原因。

可别人也休想当我儿子。所以这事还是要你爹我来解决。

由于这确实是个难题,导致交互工具这些年成了个大市场。

可我一直不甚喜欢Axure,当年它交互做多了会卡,在GUI上配置交互逻辑多了就乱套。而且它绘图功能很奇葩,效率低下。

忍了Axure好几年,熬到了移动互联网时代,交互工具开始多了,可是要么功能上弱鸡,要么无法导出可交互的产出物传递给研发,我总不能让研发每人装一个啊。学老外拿AE做动效视频给研发看?不行,视频长了他们会拖进度条,pornhub看习惯了。

后来我买了framer。

Framer可以把sketch里的图层同步过来,然后通过js操作图层,实现几乎所有的交互动效。

可是做个交互还要编程把代码写一遍这不有病么。

所以Framer使用相对简短的Coffee script,并封装好了API。诸如跳转之类的一行代码就好。只要你想得到的,都能用它实现出来。而且总体来看,效率反而高于Axure的GUI方式编辑逻辑。

Sketch的画图效率碾压Axure,Framer的交互能力又压它一遍。

所以Axure就像那个不漂亮,对你也一般,没让你感动过,活又不好的那个人。你懒得想起,甚至都不知道她版本号到多少了。

Framer X 来了

这两年国外软件流行把自己叫个X,获得一点未来科技感。中国软件就不行了,因为中文里的X代表一万种脏话和犯罪嫌疑人的名字。

Framer未能免俗的原因是他们打算放弃framer,用framer X重新开始。

两者不兼容,因为framer X废弃了Coffee script,改立流行的React为编程语言。

UI与UE的职能结合已是大势所趋,所以UI工具也自然要具备UE的能力,大厂有Adobe XD,老玩家有inVision,Figma。Framer也要从一个交互工具转变为全能的UXD工具,进入这个更大的市场。目标用户:所有设计师。

差异化方式很聪明:设计组件=React组件。

设计师可以从商店里直接使用别人通过React编写的组件,这种组件是自带交互的,省去了自己做交互的成本。例如我要做一个可操作的Swither,直接去商店里找一个,简单设置一下颜色大小即可,这比framer的其他竞品都要快。

所以绝大多数场景下,设计师可以不需要编程知识,通过绘图界面画UI即可,通过连线,可以实现诸如跳转、模态、滚动等交互。

那如果没有可用的组件,并且需要设计复杂些的交互呢?

那问题就来了。

深度使用学习成本极高&坑多

如果你想自己写个组件,你要先学JavaScript、然后是TypeScript、然后是React。

之前用老版本的那些设计师,好不容易学了点js,这回要从头开始了,而且难度指数级增长。

那我不用组件,也不做复杂交互,就当个UI设计软件用可行吗?

那干嘛不直接用Sketch呢?比这个好用多了。

记得Framer团队的人说,在老版本的Framer中,他们发现自带的代码编辑器怎么做也做不成VScode那么好,与其发明轮子,倒不如让用户直接用VSCode。

可我觉得同理的是,UI设计工具怎么做也难赶得上Sketch。功能不如Sketch强大不说,而且Sketch有插件生态啊。任何功能的不足都能用插件来满足。

那我用Sketch做设计,然后用Framer X做交互总行吧?

理论上可以,Sketch的画板可以复制到Framer X中,但问题很多,比如中文垂直居中不一致,Sketch里fill个图片粘过来会不兼容,SVG也会出现问题。

最麻烦的是,如果Sketch里有了更改,你就得再粘贴一次。

即便会写代码,Framer X的文档也不全。

文档不全,很多属性名就不知道,得console.log出来自己研究。

而且整个软件的完成度也不高,BUG多,这两个月我快成他们测试了。

售后响应慢,经常提个问题好几天不回,或者永远不回。

好好的让我用Sketch多好

我更期待的形态是,以Sketch插件形式存在的交互工具,比如Diya。

退而求次,是能形成相对完整工作流的工具,比如Sketch+protopie。

Framer X本身就是我不得已的选择,我只是喜欢它的代码交互方式,现在它却非要我用它做设计。

所以是什么人在用Framer X?

问世几个月了,网上的文章凤毛麟角。看来用的人不多。

我就十分弄不懂它的用户画像。难道人家美国的设计师都会前端?是什么样的用户会有动机编写React组件并上传到商店中呢?

村里呆久了。有没有人在美国刚下飞机的朋友帮分析一下。

花钱买罪受是贱不是贱

Framer一年144美刀。钱花了发现问题太多很难用于生产,于是不停的提BUG。

那这算不算是花钱买罪受。

其实分怎么说。

好比你喜欢一个姑娘,不管你因为什么喜欢她,你本能的就会深入她。于是你会发现她太多的不足,但正因为你喜欢她,所以就希望她更好。于是你就指出她的不足,可是忠言毕竟逆耳。她就越来越烦你。最后你就失去她。

但是软件不一样,我买软件是契约关系,我是甲方。它越好我越收益。而且永远不会拒绝我。

结论是花钱处对象都不如买软件。

PM操什么交互的心

这么说吧,中国的UED都是UI设计师半路出家,还有一大部分是什么也不会就做UED的野路子出身。

说个数,中国真懂UED并能做UED的,两位数。(2016年分析结果,仅供参考。)

所以无论你大厂小厂,遇见靠谱交互设计师的概率还是挺低的。

 还没买Framer?

别买,暂时不推荐。

发表读后感

电子邮件地址不会被公开。 必填项已用*标注

  1. 现在用 Fiigma ,如果说 Framer 是原本想另辟蹊径通过写代码解决高保真交互设计的方式去做一个大而全的工具,那么 Figma 就是始终让设计师专注在最有效率的创造上。
    无论是 Smart Selection 的快捷方便,还是对于 Styles 的细节处理,都足以让我感慨这绝对是一群设计师为设计师打造的工具:一个真正的让设计师专注于设计本身,又符合设计师直觉,而不是在设计同时克服影响效率因素的设计工具。

  2. 看了博主下半身 才知道博主的尺寸确实够好。说真的,你说的几个交互工具,有几个用过;有些都没听说过。反正是长见识了。