做网站知识

苹果iSO系统和谷歌安卓系统有什么区别

新闻资讯 发布时间2011.10.8.浏览数:13886

苹果iSO系统和谷歌安卓系统有什么区别

苹果iSO系统和谷歌安卓系统有什么区别

苹果iSO系统和谷歌安卓系统的用户界面都非常简洁漂亮,但风格还有所不同。就我个人而言,单单就设计风格来说,大部分时间里,我似乎更偏爱谷歌的安卓系统,虽然我现在用的是3GS,也许这正是原因所在,再好的设计看久了多少也会有些审美疲劳。

闲话少叙,这篇文章里我会将iOS和安卓的相同功能界面截取出来,共有五个部分,分别是:锁屏界面、拨号界面、浏览器界面、键盘界面以及其它元素。我会一一将它们从设计风格上做一对比,提取其中大家可能会关心的实现技术,让大家从设计思想和技术两方面了解它们之间的差异,通过这种对比分析提高我们自身的设计水平。另外我将自己搜集到的苹果iphone和ipad的iOS系统以及谷歌安卓系统界面完整的设计PSD文件放在这里,供大家下载研究。

苹果iSO系统和谷歌安卓系统的锁屏界面区别

可以观察到,iphone的锁屏界面在时间和解锁部分有着透明强高光风格的背景,高光部分有非常明显的界限,边缘部分1像素的高光也是非常醒目的,整体感觉整个表面非常光滑,如同玻璃般的质感。透明的使用让整个界面不被硬生生的划分为三个部分,而是让桌面图片从后面透过来,扩大了视线的范围,让整个界面感觉更加透气。滑动按钮使用了灰色的渐变,但是依然延续了这种风格,你可以清晰的看到高光和阴影部分的分界线。在整体的颜色上选择了不同层次的灰色,便于搭配各种桌面图片。

这里我们主要来了解一下透明的高光背景所使用的技术。通过查看源文件我们可以发现,其中最主要的部分实际上是技巧性的应用了图层样式中的渐变叠加。上半部分的高光应用了从顶部到底部由浅至深的灰色渐变,而下半部分只是单纯的黑色。下面图片显示了具体的颜色值,当然,这并不是唯一的数值,只是让大家做一个参考。完成渐变叠加后,再将渐变叠加的不透明度降低到55%,然后在图层面板中将图层的填充不透明度降低至0%就可以了。

相较于iphone的界面,安卓的看上去就要柔和一些,那是因为元素表面没有高光和阴影的显著差别,但是注意观察安卓各元素的阴影部分,却要比iphone强烈许多。如果说iOS的设计师偏好于运用高光的话,安卓的设计师可能更钟情于阴影的巧妙运用。可以看到在时间文字部分、解锁按钮以及背景部分、音量按钮以及背景部分都使用了非常显著的阴影效果。另外,不像iOS整体偏灰色的设计,安卓的界面在灰色中使用了饱和度和亮度较高的偏黄色的绿色,让使用这个色彩的元素非常醒目。

这里我们来重点学习安卓系统解锁按键的创建方法,音量按键创建方法完全相同只是颜色不同而已。这些效果全都是运用图层样式来实现的。先来看灰色的背景部分,其中的阴影是用外发光样式来实现的,元素表面是一个深灰色至深灰色的微弱的渐变,斜面和浮雕样式勾勒出顶部的高光和底部的阴影,最后将图层不透明度降低到85%。绿色的解锁按键使用内阴影做高光,由上到下从黑至白,混合模式为正片叠底的渐变完成的内阴影,也就是凹陷效果。具体的参数设置你可以通过查看PSD文件了解。

三行网络_广州网站改版公司 ——网页细节精细制作!秉承以高品质网页设计,丰富的网站制作经验和高超创意的建网站水平,根据您的企业的行业类型和产品特点设计出更加商业化,以优秀的视觉效果为您量身打造经典的企业网站形象,为广大商业客户搭起“双赢之桥”。

此文《苹果iSO系统和谷歌安卓系统有什么区别》由三行网络公司原创,转载请保留原文链接,谢谢!
关键词标签:苹果iSO系统和谷歌安卓系统有什么区别    (PC+手机)响应式网站建设

15989229398(微信咨询)

专业做网站 · ¥明码实价!


匠心打造精品,用心成就经典!携手客户共创双赢!
© Copyright 广州三行网络科技有限公司
粤ICP备案号:09210325