iOS 6 与 iOS 5 之间的像素级差异
iOS 6 与 iOS 5 之间的像素级差异-移动阅读二维码

苹果每一代 iOS/OS X 的大版本更新都会对 UI 做一些非常细微的调整,现在 iOS 6 已经发布,相对于 iOS 5 不仅增加了200多项新功能之外,也同样有一些细微的调整,我们不妨来一起看一下。

设置图标

iOS 6 与 iOS 5 之间的像素级差异

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
本文标签: , , , , ,