# iOS 6 中你看不见的像素级变化

- 作者：何宗丞
- 发布时间：2012-09-23 09:48
- 分类：产品、特稿
- 原文：https://www.ifanr.com/159601

[![](https://s3.ifanr.com/wp-content/uploads/2012/09/iOS-6.jpg "iOS 6")](http://www.ifanr.com/159601/ios-6-2)

苹果在升级新一代系统时，除了功能上的提升，还会在用户界面的细枝末节进行调整。比如 Icon 的细节、某些部件的高度，由于这些变化都是像素级的，凭借肉眼用户很难发觉。[Design Archive](http://stam-design-stam.blogspot.jp/2012/09/ios-6.html) 对 iOS 6 那些肉眼难以发觉的像素级变化进行了总结。

### **设置图标**

[![](https://s3.ifanr.com/wp-content/uploads/2012/09/setting.jpeg "__setting")](http://www.ifanr.com/159601/__setting)

iOS 6 的设置图标中的齿轮由此前的尖角变为圆角，与 OS X 的设计保持一致。Design Archieve 称这种改变叫“Back to the mac”。

### 时钟图标

[![](https://s3.ifanr.com/wp-content/uploads/2012/09/clock.jpeg "__clock")](http://www.ifanr.com/159601/__clock)

时钟图标中，iOS 6 将尖锐的指针变为棱角分明的样式。Design Archieve 称这更像是布朗的手表的设计。

### **头部**

[![](https://s3.ifanr.com/wp-content/uploads/2012/09/header.jpeg "__header")](http://www.ifanr.com/159601/__header)

自第一代 iPhone 起，iOS 就采用了大量高光的设计效果。iOS 6 舍弃高光采用了更加平滑的磨砂效果。由于 iPhone 5 采用金属磨砂效果，这样做或许是统一硬件和软件的设计。

### **按钮**

[![](https://s3.ifanr.com/wp-content/uploads/2012/09/actionsheet.jpeg "__actionsheet")](http://www.ifanr.com/159601/__actionsheet)

iOS 6 的按钮同样去掉了高光，更加平面。

### **解锁界面的相机图标**

[![](https://s3.ifanr.com/wp-content/uploads/2012/09/camera1.jpeg "__camera")](http://www.ifanr.com/159601/__camera)

解锁界面的相机图标的边角弧度由 iOS 5 的 2px 变为 4px，看起来更加圆润。

### **键盘边缘**

[![](https://s3.ifanr.com/wp-content/uploads/2012/09/corner.jpeg "__corner")](http://www.ifanr.com/159601/__corner)

iOS 6 键盘的边角由 iOS 5 的圆角变为了直角。鉴于 iOS 6 广为应用的圆角细节，这点改变比较令人费解。

### **短信文本**

[![](https://s3.ifanr.com/wp-content/uploads/2012/09/message.jpeg "__message")](http://www.ifanr.com/159601/__message)

iOS 5 的短信文本内容的高光是 2px，iOS 6 降为 1px，立体感被削弱。

### **屏幕锁定按钮**

[![](https://s3.ifanr.com/wp-content/uploads/2012/09/rotate_lock.jpeg "__rotate_lock")](http://www.ifanr.com/159601/__rotate_lock)

依然是舍弃了高光效果，背景与设置图标相同，更加统一，此外，中间的旋转箭头变得更大。

### **Spotlight 搜索**

[![](https://s3.ifanr.com/wp-content/uploads/2012/09/serachbar.jpeg "__serachbar")](http://www.ifanr.com/159601/__serachbar)

iOS 5 的 Spotlight 搜索栏的高度是 58px，iOS 6 降为 56px。

### **键盘数字符号**

[![](https://s3.ifanr.com/wp-content/uploads/2012/09/keyboard.jpeg "__keyboard")](http://www.ifanr.com/159601/__keyboard)

iOS 6 将键盘数字符号的高光由 iOS 5 的 2px 降为 1px，同时，键盘按钮的尺寸有所变大，按钮的间距略为缩小，如下图所示。

[![](https://s3.ifanr.com/wp-content/uploads/2012/09/key_pitch.jpg "Web")](http://www.ifanr.com/159601/web-9)

### **音量滑杆的圆形按钮**

[![](https://s3.ifanr.com/wp-content/uploads/2012/09/ifanr.jpg "ifanr")](http://www.ifanr.com/159601/ifanr-6)

音乐应用的界面在 iOS 6 中可谓脱胎换骨，新 UI 增强了金属仿真的效果。请注意音乐播放界面中音乐进度和音量调节的滑竿上的圆形的金属按钮，这个按钮的模拟出的金属光泽不是死的，当你上下左右倾斜手机的时候，会惊讶地发现它会像实体一样改变金属光泽反射的角度**。**显然，苹果是融入了重力感应，毫米级的设计元素，体现出苹果事无巨细的设计风范，但是这种对仿真效果近乎偏执的追求却令人不解。

总而言之，iOS 6 的界面设计削弱了高光设计，算是一大进步。不过在整体上，iOS 6 较 iOS 5 更加分裂，比如 App Store、音乐应用以及拨号界面在设计上的不统一，这也遭到不少用户的诟病。但是，就毫米之间的细节末节而言，苹果依然可圈可点。