header_v0.7.32

以Pixate的落幕,来迎接ProtoPie的新起航

1年前发布

原创文章 / 平面 / 教程
Jaret_Zen 原创,如需商业用途或转载请与Jaret_Zen联系,谢谢配合。

最近又开始有很多人问我:“Pixate‘死了’,你接下去玩什么?” 现在我的回答是:“能用就先还继续用,但我开始在尝试一个新工具,一个和Pixate一样易于理解,容易上手的新工具— “ProtoPie”


Chapter 1 - 落幕


2016年10月4号这一天Google发布了2件重要的事情:


其一是发布了最新的一整套“Made by Google”的系列产品。从手机、VR设备到wifi路由和智能家电Home。正式进军硬件领域。


另一个,则是其旗下著名的原型制作工具-Pixate宣布彻底停止开发和维护更新。将资源转移到另一个更具“开阔性”的项目中。而Pixate官网仅保留了和 “社区论坛”、“教程” 及 “案列Demos” 板块。

(目前你还能在Pixate官网的Demos板块上查看到我制作的Android锁屏 和 Chrome for Android 的案例)



59d757fb6efaa84a0d304fa12199.jpg



对于竞争日趋激烈原型工具领域来说,这无疑是件不小的震动。其实,半年前我就想过一个问题:“如果Pixate死了,我该怎么办?” ,但当时我并没有仔细去想过这个问题。




Chapter 2 - 新的起航



有很多人在微信和QQ上问我同样一个问题:“现在做动效的软件那么多,应该选择学习哪一款制作软件,该如何学习,从何做起?”

很遗憾,我无法给出一个答案。因为这个问题就好像在问:市面上那么种类的鞋,有皮鞋;拖鞋;板鞋;跑鞋;凉鞋等等,我该穿哪种?

我只知道我平时爱穿板鞋,因为穿着它最舒服感觉最自由,可以搭配我有的各类衣服。我偶尔会在正式场合穿皮鞋,因为显得隆重,而且我有几套非常正式的西服必须要配皮鞋。但我从来不穿也不买凉鞋,它让我不知道该如何装扮自己,也没有任何能搭配得了我的所穿的衣服。


这正是因为每个人的理解方式和使用习惯都不一样,所以在确定一个方向前,你可以先了解下原型制作工具有哪些(制作)种类,你觉得自己适合哪种方式,最能理解哪种方式。然后选定一个类型的工具去钻研就可以了。


那目前的主流交互动效制作工具有哪些类型呢?毕竟我接触的软件工具也有限,所以按照自己接触的感受和理解大概归为以下4类(排序不分先后):

第一类是origami 和form这种的贴片节点式(Patch Nodes)。

第二类是framer 和 fuse这类的纯代码式。

第三类是principle/flinto的画板串联动画式。

第四类就是pixate的基于图层的行为逻辑式了。





377157fb705ca84a0d304f651dbb.jpg





当然,每一类都有自己的优势和不足,我个人比较偏爱pixate这类的“行为逻辑式”。给我的感觉它是属于纯代码式+贴片节点式后的整合简化。更符合我们日常中的思维思考方式和口头描述的习惯。


最近又开始有很多人问我:“Pixate‘死了’,你接下去玩什么?” 现在我的回答是:“能用就先还继续用,但我开始在尝试一个新工具,一个和Pixate一样易于理解,容易上手的新工具— “ProtoPie”





336d57fbae73a84a0d304fb16d1c.jpg


点击Logo进入ProtoPie官网



为什么我会选择“ProtoPie”?


1. 操作方式:

ProtoPie也是一款原型交互动效设计制作工具。它和Pixate类似,也使用了“基于图层的行为逻辑”方式来制作原型。

我个人非常喜欢这种制作方式。它的优点在于:非常容易理解,只要你能正常表达,就能基本知道该如何进行设置操作看到效果。所以对于Pixate的使用者来说入门门槛就更低了。


以下是官方给出的一个逻辑运行公式:


6ed157fbae67a84a0d304f1330db.jpg





“操作行为方式”这点我觉得很重要。它直接影响到你是否能,甚至是否愿意学下去的第一关键因素。


这也是之前提到过“因为每个人的理解方式和习惯是不一样的。” 所以在你第一次接触一个全新的工具时,如果能在不看他的教程说明,或者在大概看了几眼之后的情况下能完成绝大多数的操作,那说明你本人很适合这个工具,你们非常有缘。


比如我在第一次安装Pixate之后仅看了不到2分钟的官方教程便能在接下去的10分钟里将大部分想要实现的效果出来,在一周时间内已经能做出比较完成的一整套操作。但另一方面,我至今对于Flinto的操作依旧困惑不已,无法凭借教程说明和自我的尝试操作得出一个稍稍复杂的效果。


这并不是说Flinto不友好,而只是对我而言它的“操作行为方式”并不适合我的理解。以至于对我而已学习的门槛和成本相对较高。而另一方面,则有的人对于它的行为方式非常敏感,一点即通。所以找到自己习惯理解和喜欢的操作方式是你选择学习的第一步。


c91557fb72b2a84a0d304fe11728.jpg

(ProtoPie主界面)



beca57fc7f02a84a0d304f194fc8.jpg

(ProtoPie联动交互模块)



2. 支持多点触摸手势+硬件传感器:

这两点在两拨人看来会有两种相对的感受。一波人(比如我)会很兴奋,因为更多的软硬件支持意味着你的原型将有更多可表现的可能性。另一波人会觉得在实际使用时往往很少用到。但这或许是因为我们习惯了将“原型设计”本来就定位成“假的”演示。这或许和我们大多数工作流程的环境有关,但当将“原型设计”作为整个设计甚至是产品研发的一个重要环节时你会发现,“原型”制作能约接近真实的环境和操作越是一种高效的开发流程和成本。对于“原型”的理解我自己的解释是:“还‘原’其应有的‘型’态”。所以我对这点不仅持欢迎态度,更希望今后能有更有的软件硬件的支持,比如键盘,相机,相册,webview等。



3. 原生中文界面:

从我个人角度来说,这绝对不是我选择ProtoPie的其中一个原因。我一直坚信所有能在电脑/手机上运行的软件英文版都是你的第一且唯一的选择。但毕竟我不生活在我自己的世界里,而且这篇文章也不是写给我自己看的。所以我知道,大多数人对于“中文版”的渴望仅次于“这个软件是不是Mac上独有,有没有windows版本的?”这一全球第一诉求!是的,ProtoPie自带原生中文界面。



4. 对Android设备的一视同仁:

即使如今无论在设计美感和交互动画效果还是在用户体验操作上,原生Android(非三星,LG,华为,HTC等厂家所谓的自定义本地化+丑化ROM版本)已经领先iOS一截的情况下,(不要质疑,因为我是Google Fanboy,所以我就是那么认为的)大多数人还是将设计的主体放在iOS上,对于Android设备的支持总是选择性失明或不尽心完善。即使Pixate支持Android设备,但在实现上Android端的bug也明显比iOS端要多很多。好在目前ProtoPie Android端无论在实现和功能上的表现与iOS基本一致。



5. 其他相较于Pixate,更便捷的流程及更多的可能:

即使到今天,我依旧觉得Pixate是我用到过实现效果最好的原型制作工具。(其实我会的原型工具很少,没什么可比性…),但Pixate在实际制作中的种种低效也是刺激着每个用户。相比较单页面的操作逻辑,ProtoPie的多场景支持将实现效率提升了很大一截。

另外,在多个不同原型制作时,方便的随时任意预览以及保存原型到本地后随时离线查看也是Pixate所不具备的。



ProtoPie的不足:

有优点就也一定会有不足。处于Beta公测阶段的ProtoPie在目前版本上还有一些功能的缺失。

例如:

# 没有基础的Spring弹簧曲线效果

# 没有系统层面的对齐方式及多层级选择联动的操作

# 没有限定“范围”和“条件”驱使的交互逻辑。

# 无法输入文字

# 无法导入音频/视频文件

# 无法实时预览(每次更新需要手动点击一下“运行”)以及暂时无法提供windows平台的版本-这个全球第一高关注度的难题等。



期待:

例举了诸多不足的同时也一样有大的期待。

很高兴看到官方已经披露了下一个版本触及到的更新内容,值得期待的是,所罗列的优化改进覆盖了上述提到的绝大多数的不足点。同样值得期待。

详细官方文档可以点击ProtoPie更新预告查看。

f25857fc7f16a84a0e282bd9b40e.jpg


84b657fc80e5a84a0d304f298146.jpg



Chapter 3 - 结语


回过头来看下,虽说有那么多的工具,但好像没有一件是那么百分百完美的。还是那句话“每个人的理解方式和使用习惯都不一样,所以你可以先了解下你觉得自己适合哪种方式,最能理解哪种方式。然后在选定的这类里先专注一个工具去钻研就可以了。”

而我也从现在开始准备享用一份我的Pie大餐了!


22

    文章信息

    Hello PM 意见反馈
    没有新消息
    密码登录
    短信登录
    微信二维码登录

    提示文案

    提示文案

    提示失败
    提示成功