联网状态
电脑
笔记本
教材
一、看资料，初识Origami1、次时代交互原型神器Origami 档案对origami背景、特点、安装方法都有介绍对origami的24个模块给出的详细的用法解析（这点非常重要）给出了Tab切换的例子2、Origami五分钟入门秘籍从origami的基本概念、基本逻辑、到实际练习的一些细节都有介绍看完这篇，基本可以迈过第一道坎，熟练的拖拽各种patch设置属性参数看动效了3、知乎问答——Quartz Composer 如何入门看看他人的入门经验，取长补短，制定自己的学习计划
二、分析案例1、用 Quartz Composer 和 Origami 制作一个简单的按钮动画2、研究Origami官网的4+7个例子，4个interaction、7个interfaces的例子，interaction的例子很有趣、非常酷炫，但对新手研究起来有点难度，可以先跳过去看interfaces 界面动效的例子。后续通过研究案例、实践练习，对origami有一定了解后，再回头看4个interaction的例子
三、研究案例的一点儿经验1）不仅仅是看，要去了解每个patch模块的作用、每个属性值对动效带来的影响2）最有效的做法是，在实例的基础上修改看viewer演示，反复调整修改4、如何了解patch模块的作用？1）前面推荐的文章《次时代交互原型神器Origami 档案》，了解常用patch的用法2）在QC软件界面，打开patch library，在目录结构中选择origami即可看到所有它支持的patch模块，挨个看每个模块及对应的介绍，可以对origami能够实现哪些效果有个初步的印象。
四、实践练习练习时，动效灵感从哪里来？主要有三点：曾经让你印象深刻的App动效移动动效网站 CAPPTIVATE.co1、滚动视差本来想用scroll实现滚动视差的效果，发现挺难做到，最后用interaction 2 实现了一个没有什么卵用的“点击视差”效果（捂脸…）。这个例子给我的感触是，别打消学习的积极性，在水平有限的情况下，先实现自己能做到的效果，也是挺有成就感的一件事。1）实现效果点击蓝色区域时，有如下变化WiFi图标缩小、同时移到左上角大标题文字缩小，且移到左上角小标题渐进消失再次点击蓝色区域，回到原状态。
注意学习总结
注意实战练习