实例-用Quartz Composer制作高保真交互原型(一)

准备 

01  注册成为apple developer

02  Quartz Composer

03  Origami

04 Avocado(可选)

参考

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

02 Two Hours With Quartz Composer + Origami

03 UI Prototyping with Quartz Composer and Origami

04 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 – 当前数值

暂时写到这里,待续

发表评论

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