苹果每一代 iOS/OS X 的大版本更新都会对 UI 做一些非常细微的调整,现在 iOS 6 已经发布,相对于 iOS 5 不仅增加了200多项新功能之外,也同样有一些细微的调整,我们不妨来一起看一下。
设置图标
iOS 5 图标中的齿轮是尖的,iOS 6 的齿轮图标则圆润了很多。改变之后与 OS X 上的图标一样,体现出了”Back to the Mac”的意思。另外 iOS 6 中还去掉了高光效果。
时钟图标
与设置图标类似,iOS 6 图标上的指针粗细是一致的,也去掉了锋利的感觉。看起来更像德国博朗出品的钟表。
系统框架头部
iOS 5 中的采用了高光效果,而 iOS 6 去掉了高光,改用了磨砂效果。大家知道 iPhone 5 的背壳就是磨砂效果,或许苹果是为了统一软硬件的质感吧。另外,iOS 6 的框架头部还加强了阴影效果。
按钮
也是去掉了高光,改成了没有光泽的磨砂质感,新按钮看起来非常漂亮。
相机图标
iOS 5 的相机图标圆角为2px,iOS 6中增加到了4px,因此边角变得非常圆润,大概是为了让图标看起来更亲切吧。
键盘边角
iOS 5 屏幕键盘的变焦做了圆角处理,而在 iOS 6 中变成了直角。话说《史蒂夫•乔布斯传》中就有一个桥段说苹果之所以大量采用圆角是因为乔布斯自己喜欢,现在…哎,乔布斯会不会被气活过来?
短信应用
从 iOS 4 升级到 iOS 5 的时候,文本内容的高光变成了2Px,而在 iOS 6 中,高光降低到了1px。立体感确实是降低了一些,但可读性更强。
屏幕方向锁定图标
同样是去掉了高光效果,不过细看能发现图标中的旋转标志更大一些。还有这个图标的背景和”设置”图标的背景完全一样,也让人更容易理解其功能是”设置”一类的。
Spotlight搜索栏高度
iOS 5 中,Spotlight 搜索栏的高度是58px,而在 iOS 6 中降低到了56px,难道是为了呼应 iPhone 5 更薄的特性?
数字符号键盘细节
iOS 5 的数字符号屏幕键盘高光是2px,按键采用相对平面的设计,但在 iOS 6 中高亮值变成了1px,按键上使用了渐变来体现立体感。
键盘按键尺寸和间距
如果细看的话,你还能发现数字符号键盘中,按键的尺寸也相对 iOS 5 有细微变化。主要是按键本身的尺寸变大,间距缩小,使键盘增强了一体感和平衡感,或者也可能是增大常用按键的尺寸, 让它们变得更好按吧。
本文链接:http://www.mobileui.cn/ios-6-and-ios-5-pixel-differences.html本文标签: iOS 5, iOS 6, UI, 图标, 苹果, 键盘