用Quartz Composer制作高保真交互原型

准备

1. 注册成为apple developer

2. Quartz Composer

3. Origami

4. Avocado（可选）

参考

1. 次时代交互原型神器Origami档案

2. Two Hours With Quartz Composer + Origami

3. UI Prototyping with Quartz Composer and Origami

4. Facebook小组 Origami Community

计划

• 第一阶段 - 实现app启动界面和引导界面

• 第二阶段 - 实现Tab Bar

• 第三阶段 - 实现交互组件

• 第四阶段 - 实现二跳页

实现app启动界面

【目标】通过计时器，使启动界面的图停顿2秒之后实现渐隐效果

【用到的Patch】

  Timer

1. 输入参数 Turn On - 决定Timer是否开始
2. 输入参数 Duration - 决定Timer的时长
3. 输出参数 Time - 显示逝去的时长
4. 输出参数 Done - 初始值为True 到时间了之后值为False

  Transition

1.  输入参数Progress - 过程比例
2.  输入参数Start Value - 初始值
3.  输入参数End Value - 终值
4.  输出参数Value - 当前数值