加入收藏 | 设为首页 | 会员中心 | 我要投稿 佛山站长网 (https://www.0757zz.com/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 运营中心 > 网站设计 > 教程 > 正文

通过iOS人机交互指南的变化看iOS7的设计理念

发布时间:2013-10-18 14:50:17 所属栏目:教程 来源:站长网
导读:iOS7在界面上最大的变化就是抛弃了苹果使用了多年的拟物化设计,而转投扁平化设计阵营。一时间,业界评论褒贬不一,槽点多多亦不乏溢美之词。我们先暂且不去评判新的图标和

通过视差动画营造纵深感

在主屏上,由于图标层与背景层的分离,iOS7利用加速感应器检测用户视线角度的变化,控制不同层的位移速度,巧妙营造了视差动画,从而屏幕元素活跃起来,营造了立体纵深感。

下图是iOS7主屏在手机不同倾斜角度的截图。可以看到在不同角度背景层与前面图标的位置关系是不同的。

ios7主屏

iOS7主屏

大量使用半透明UI元素

半透明效果能够帮助用户尽可能多的了解到被遮挡的内容,并使用户理解层与层之间的物理关系。

ios7控制中心

iOS7控制中心

相对于安卓的控制中心界面,采用同样的拉出的方式,iOS7半透明的设计能够让用户了解到控制面板和后面界面的层次关系,表达清晰,而安卓的面板,则更容易迷失。

在iOS6中,时间选择器采用了非常逼真的拟物化效果,模拟了拨轮进行时间设置。IOS7则去除了拨轮的质感和纹理,将其扁平化,通过透视原理和半透明玻璃效果表现了一个扁平化的拨轮。值得注意的一点是,iOS7的玻璃效果处理得非常逼真到位,选择时间的中间状态里,体现出了玻璃的折射效果。这一点在iOS6中并没有见到。

ios7时间选择器

iOS7时间选择器

ios6时间选择器

iOS6时间选择器

(编辑:佛山站长网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

热点阅读