相关文章

从iOS7谈起,探讨移动界面的交互设计

从iOS7谈起,探讨移动界面的交互设计2014-04-12

我想很多设计师已经升级iOS7 Beta版本来体验了,最新的iOS7界面使用了的扁平化UI、依从于内容纤细的字体和鲜明的图标、带有纵深感的层次与动画表现构成了它的全新设计特点。撇开饱受争议的细节设计,静观iOS7,不难发现,许多让我们眼前一亮的瞬间,来自以下一些交互动效设计的创新点:

3D视差(Parallax Effect)在用户倾斜和移动屏幕的时候,IOS主屏可以根据感应器数据,调整壁纸和图标的相对位置,产生一种三维空间上的景深效果。这里有些视差案例网页设计作品《15个时间轴/视差滚动的网页设计》、《30 漂亮的视差滚动网页设计欣赏》,大家可以参考下。

拟真动态 将现实中的运动现象简化抽象,形成了iOS 7中一些蛮有特色的动画效果。天气应用中,全屏的气象动画优雅而逼真,洋洋洒洒的雪粒、悠然飘浮的云朵、划破天际的闪电传达出一种独特的表现力,赢得了发布会上的阵阵掌声。指南针工具中的水平仪动画,采用两个圆圈逐渐相合的过程生动地表现了水平校准的过程。iOS7中还增加了动态图标,时钟图标和设置图标还原了时针分针走动和齿轮转动的状态。

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

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

如果说之前在移动端交互设计中,动效可有可无,那IOS7的出现,可以说宣告了动效设计已经不容忽视。还记得在《iOS Wow Factor:Apps and UX Design Techniques for iPhone and iPad》一书中,探讨了如何创造卓越的IOS用户体验,提出了”令人惊叹”的设计要素这一概念,即那些给用户带来的体验感受可以达到其心中某个”情感阀值”的表现层元素。而以下三方面因素将决定着产品带来的体验感受能否跨越用户心中的”情感阀值”: