缩 放

(Zoom)  当

用户解锁之后，
图标以屏幕中心
为轴渐次缩放每
个图标，产生一
种由远及近贴到
主屏上的感觉，
点击打开应用、
打开分组均采用
放大展开的形式，
这里的缩放更多
地体现了系统的
空间感。手指跟
随

 iOS7 中跟随

手势的动画很多，比如点击拨号键盘相应的按钮会变为半透明，右滑返回中当前页面的拖
动效果，滑动解锁过程中的渐变动效，这些为我们带来了很强的操纵体验。

如果说之前在移动端交互设计中，动效可有可无，那

IOS7 的出现，可以说宣告了动效设计

已经不容忽视。还记得在《

iOS Wow Factor:Apps and UX Design Techniques for iPhone and 

iPad》一书中，探讨了如何创造卓越的 IOS 用户体验，提出了“令人惊叹”的设计要素这一概
念，即那些给用户带来的体验感受可以达到其心中某个

“情感阀值”的表现层元素。而以下三

方面因素将决定着产品带来的体验感受能否跨越用户心中的

“情感阀值”：



符合直觉：保证设计能引导用户做出最符合直觉的操作；



差异化的创新特征：设计中要有显著的创新特征，即让用户感觉到某些不同寻常的

产品体验；



积极响应：设计方案要以积极的姿态去缓解那些由于差异化导致的用户陌生感。

书中还提出，上述的三点推动因素主要在三个属性维度上得以体现：



界面外观：即基本的静态视觉元素；



交互方式：包括人机物理交互、手势以及其他常规的输入方式；



交互动效：包括哪些能够为产品赋予生机的动态的界面元素及视觉效果，这些交互

效果通常与特定的响应行为相关，甚至包括那些与交互行为没有直接关联的临时状态。

在某一方面做到出类拔萃，产品就会让人印象深刻。对照

iOS7 的设计不难发现，Apple 选

择了交互动效这一方向进行着重，而这也让我们记住了

iOS。 翻看 iOS7 的 HIG，文档中这

样描述动效的作用

“精细而恰当的动画效果可以传达状态、增强用户对于直接操纵的感知、通

过视觉化的方式向用户呈现操作结果

”。 在移动产品交互设计中，我们可以把动效的作用更

深入地归结为以下几点：

1.流畅过渡

如果说界面布局可以组织

UI 元素的静态位置，那么动效可以组织 UI 元素在时间维度上的