background image

创造流动的瞬间

 

 —

   探讨移动端交互动效设计

 

 

OS7 的发布带来了苹果历史上最大的一次设计风格的改变,强调依从于内容的扁平化 UI、
纤细的字体和鲜明的图标、带有纵深感的层次与动画表现构成了它的全新设计特点。撇开饱
受争议的细节设计,静观

iOS7,不难发现,许多让我们眼前一亮的瞬间,来自以下一些交

互动效设计的创新点:

3D 视差(Parallax Effect)在用户倾斜和移动屏幕的时候,IOS 主屏可以根据感应器数据,
调整壁纸和图标的相对位置,产生一种三维空间上的景深效果。

拟 真 动 态

  将 现

实中的运动现象
简 化 抽 象

, 形 成

iOS  7 中 一 些

蛮有特色的动画
效果。天气应用
中,全屏的气象
动画优雅而逼真,
洋洋洒洒的雪粒、悠然飘浮的云朵、划破天际的闪电传达出一种独特的表现力,赢得了发布
会上的阵阵掌声。指南针工具中的水平仪动画,采用两个圆圈逐渐相合的过程生动地表现了
水平校准的过程。

iOS7 中还增加了动态图标,时钟图标和设置图标还原了时针分针走动和

齿轮转动的状态。

弹性

 信息应用中,

聊天气泡随着文字一
起被丢上屏幕,当用
户滚动屏幕,它们互
相碰撞并产生挤压缓
动。类似的,一打开
Game  Center , 六 个
鲜艳的泡泡富有节奏地弹出
然后在与手指的交互过程中
弹开消散。

IOS7 中的通知中

心可以从锁屏界面激活,而
激活过程中面板会与屏幕底
部碰撞产生回弹效果。