iOS 像素级的界面变化

从 iOS4 到 iOS5,再到 iOS6,有些微小的像素级的界面改进,往往只有设计师才会注意到它们。

app 右上角的提示徽标,阴影减弱,使得整体感更强了。

箱体设计,如设置面板中,更加立体。

消息文本加上了阴影高光,CSS 中的说法应该是 text-shadow 吧,我个人是非常喜欢这个效果。

屏幕旋转锁定,我想是为了跟右边的启动音乐图标区分开来,表明它们不是同一类型的按钮(或许是我想多了)。

左右对称了,没什么好说的。

下面看看最近刚发布的 iOS6,又有哪些不易察觉的改变。

设置图标中的齿轮与 OS X 中的统一了起来,更加圆润。同时也去掉了高光。

与设置图标类似,iOS 6 图标上的指针粗细是一致的,也去掉了锋利的感觉。看起来更像德国博朗出品的钟表。

iOS 5 中的采用了高光效果,而 iOS 6 去掉了高光,改用了磨砂效果。大家知道 iPhone 5 的背壳就是磨砂效果,或许苹果是为了统一软硬件的质感吧。另外,iOS 6 的框架头部还加强了阴影效果。

同样的,也去掉了高光。

锁屏界面的相机图标看起来更加的圆润。

开始还没看出来,原来是键盘的边角由圆角改为了直角。我表示用了这么久从来没注意到过这个细节。

又是 text-shadow,高光从 2px 降至了 1px,立体感虽降低了些,可读性增加了。不过我还是喜欢原来的设计。

屏幕旋转锁定图标,同样是去掉了高光效果,细看能发现图标中的旋转标志更大一些,背景与设置图标统一了起来,表达出它属于设置一类的按钮。

难道是为了呼应 iPhone 5 更薄的特性?

iOS 5 的数字符号屏幕键盘高光是2px,按键采用相对平面的设计,但在 iOS 6 中高亮值变成了1px,按键上使用了渐变来体现立体感。

增加了键盘按键大小,输入更加好按了。

图片来源:Design Archive

View on GitHub