origami相关的碎碎念

#为什么选择origami

虽然origami是一种不易上手更不易精通的动效设计工具,但是却有着难以替代的优势。其一其基于osx的原生图像处理机制,相对于别的动效app具有更多拓展空间。其次origami强调交互逻辑以及状态变化比起强调时间线机制的hype更接近交互设计师所关注和力图解决的问题。其三,origami背后有github上众多开发者的支持以及facebook的投入。


#origami的缺陷

上手难度较高,需要不断练习(掌握所有基本patch)和思考才能掌握origami的基本逻辑以及解决问题的大致思路。同时,学习origami意味着要有一点英文基础(中文资料少的可怜)以及对程序运作和逻辑的思考能力。再者,origami本身的开发工具链条并不完善,缺乏足够好的debug机制。总而言之,学习origami对于设计师而言是检验自我学习能力的好机会 = =!


#如何学习基本的origami动画设计

要使用origami进行动效设计的前提是拥有一定ui技能(要点在于能独立设计并且输出ui图)。其次大概就是拥有一台mac,并且安装好quartz composer和origami。老老实实看facebook的教程以及把facebook提供的案例都下载下来看一下。重点在于搞清楚基本操作和大致连接各个patch的逻辑,理解从触发到行为之间这种变化方式。

在研究facebook提供的案例以及Martin. RGB大神翻译与个人总结的经验后,估计对于origami就有一些非常基础与零碎的认识了。在这个阶段除了老老实实做练习以外,还要不断思考每个patch的作用和意义。碰到问题除了不断尝试还要多看看别人做的范例,有时候网上并没有直接的答案。但是类似的情况以及类似patch的使用却能人许多启发。


#一些小经验

* 那些patch的含义是我掉了很多坑才理解的= =!老老实实看patch说明很重要。

* origami不是axure,注定有很长的上手时间。

* origami内各种变量是有type的...

* 我个人强烈建议好好管理各个patch的命名,命名就是注释。

* 模块化思维(把模块都按照逻辑和一定的粒度组成marco patch),并且更多用boardcaster和receiver进行变量传递。密麻麻的一堆线看着很难理解也很难debug好吗?!(这也是我对多数origami 使用者想说的!)

* 感觉手动输出图会比sketch上的插件更符合需求。

* origami版本回溯和管理似乎有问题,建议每次有小进展就手动保存多一个小版本。

* 早日习惯快捷键,这会节约不少时间。

* 到github上收集一些现成的demo和库,这些库能够扩展origami的功能。

* 调试现成的demo,增加patch改变效果等等,是个好方法。

* 似乎patch在unlink以后变量会丢失

* 做好版本管理....

* 有时候看一下viewer里面自己动画的帧数目是很重要的。

* 尝试用不同方法完成相同的事情(优化自己demo的方式就是寻找更合适的patch,比如用timer而不是stop watch)

* 把关于origami的教程和资料都收集起来,有问题会过头再去看下或许会有所启发。

* 没有必要把锚点都放到左上角,根据情况灵活使用座标系。

*  多看一下每个patch的setting

* 如果一个大的原型太麻烦,那么就拆分做成几个小模块。

* origami对于我最大的帮助就是让我从实现的角度思考如何精确的描述动画效果,layer是缩放还是透明度改变,层与层之间的关系和逻辑和触发条件。










评论

此博客中的热门博文

关于产品设计 #这是个巨大的坑

书单 披着用户研究的皮却有着一颗好奇心(更新20140919

设计工具吐槽 之 protopie