苹果

iOS 和谷歌安卓用户界面风格对比及技术总结

苹果

iSO 系统和谷歌安卓系统的用户界面都非常简洁漂亮，但风格还有所不同。就我个人而言，

单单就设计风格来说，大部分时间里，我似乎更偏爱谷歌的安卓系统，虽然我现在用的是
3GS，也许这正是原因所在，再好的设计看久了多少也会有些审美疲劳。

 

这篇文章里我会将

iOS 和安卓的相同功能界面截取出来，共有五个部分，分别是：锁屏界面、

拨号界面、浏览器界面、键盘界面以及其它元素。

 

一、锁屏界面

可以观察到，

iphone 的锁屏界面在时间和解锁部分有着透明强高光风格的背景，高光部分有

非常明显的界限，边缘部分

1

 

像素的高光也是非常醒目的， 整体感觉整个表面非常光滑，如同

玻璃般的质感。透明的使用让整个界面不被硬生生的划分为三个部分，而是让桌面图片从后面

 

透过来，扩大了视线的范围，让整个 界面感觉更加透气。滑动按钮使用了灰色的渐变，但是依
然延续了这种风格，你可以清晰的看到高光和阴影部分的分界线。在整体的颜色上选择了不同

 

层次的灰色， 便于搭配各种桌面图片。

 

这里我们主要来了解一下透明的高光背景所使用的技术。通过查看源文件我们可以发现，其中

 

最主要的部分实际上是技巧性的应用了图层样式中的渐变叠加。 上半部分的高光应用了从顶部
到底部由浅至深的灰色渐变，而下半部分只是单纯的黑色。下面图片显示了具体的颜色值，当

 

然，这并不是唯一的数值，只是让大家做 一个参考。完成渐变叠加后，再将渐变叠加的不透明
度降低到

55%，然后在图层面板中将图层的填充不透明度降低至 0%就可以了。