想搭建一个自己的短网址服务，URL生成的交互想用翻转效果，用Keynote快速制作出了高保真原型动画。模拟了网址输入、按钮hover、按钮变形、文字和输入框翻转，生成的Gif帧率有点快，看Keynote要清楚些。

Static box version

static box version

On vimeo

Download keynote file(keynote6+)

Flipping box version

flipping box version

(其实觉得这个版本有点太闹腾了……)

On vimeo

Download keynote file(keynote6+)

构件动画设置如下。

sceenshot

Keynote6里面的动画效果可以覆盖日常大部分交互效果，更精细化的动画就需要AE了。另外Keynote没有图层管理工具，不适合元件叠加过多的设计。