安卓从1.0到9.0:原生安卓UI设计进化史
安卓P的第一个开发者预览版终于放出了。除了各种新功能,最引人注目的就属新UI设计了。目前关于安卓P的争议也基本集中在UI风格上。那么安卓的UI设计是如何一步步发展到现在的?本文会带大家回顾安卓从1.0到9.0(P)的UI设计变化,了解现代智能手机UI的发展轨迹。
第一阶段:安卓1.0到1.6
从2008年9月23日到2009年9月15日这一年内,安卓经历了四个大版本,分别是1.0、1.1、1.5纸杯蛋糕和1.6甜甜圈。它们的UI风格几乎一模一样。
▲安卓1.0(图片源于Malavida)
▲安卓1.1(图片源于the1960POST)
▲安卓1.5(图片源于the1960POST)
▲安卓1.6(图片源于GIZMODO)
这段时间正好处于键盘机的末期,此时安卓的系统界面和图标造型等设计还没有完全摆脱诺基亚塞班和微软Windows Mobile的影响。充满了各种3D拟物化图标和界面元素。值得注意的是从1.0开始,安卓就有了主屏谷歌搜索栏。
第二阶段:安卓2.0到2.2
安卓2.0/2.1松饼和2.2冻酸奶发布于2009年10月26日到2010年5月20日之间。这段时期是安卓发展的第一个高峰。诸如HTCHero、HTCLegend、HTC Desire和索尼爱立信Xperia X10等经典机型就诞生于这段时间。
▲安卓2.0(图片源于Malavida)
▲安卓2.1(图片源于Wikipedia)
相比于第一阶段,第二阶段最大的UI设计改变就是削弱“拟物风格”,使视觉元素的“纵深”更浅。比如通知栏图标和字体都少了第一阶段那种“圆鼓鼓”的感觉,整体线条更锋利。应用图标就更明显了。
▲安卓2.2(图片源于Wikipedia,GIZMODO)
举个例子,第一阶段安卓的“谷歌市场”图标是一个立方体购物袋,有着明显的影子。而第二阶段的“谷歌市场”图标的3D拟物化风格就被大大削弱了。
第三阶段:安卓2.3
安卓2.3姜饼发布于2010年12月6日。2.3在保留第二阶段设计风格的基础上改变了某些界面元素,其中最明显的就是通知栏。
▲安卓2.3(图片源于GIZMODO)
从1.0到2.2,安卓顶部通知栏一直是中间突起的3D白色长条。到了安卓2.3,通知栏变成了黑色,削弱了凸起幅度。另外一个明显的改变是主屏下方“二级菜单”按钮的部位降低了透明度,削弱了凸起幅度。
第四阶段:安卓3.0到4.4
安卓3.0蜂巢、4.0冰激凌三明治、4.1果冻豆和4.4奇巧巧克力发布于2011年2月22日到2013年10月31日之间。虽然3.0是平板专属系统,没被手机使用过,但它还是和4.x共享了同样的设计风格。
▲安卓3.0(图片源于Wikipedia)
▲安卓4.0(图片源于cubet)
▲安卓4.1(图片源于Wkikpedia)
▲安卓4.1(图片源于COMPUTERWORLD)
▲安卓4.1(图片源于GIZMODO)
▲安卓4.4(图片源于greenbot)
▲安卓4.4(图片源于greenbot)
▲安卓4.4(图片源于greenbot)
第四阶段的主题是进一步加强“扁平化,大范围使用简洁、锋利的白色线条。最明显的例子就是主屏“二级菜单按钮”附近、虚拟时钟和虚拟按键(4.0开始才有)的线条。第四阶段基本完全实现了UI的扁平化。
第五阶段:安卓5.0到8.1
在2014年6月25日举办的谷歌I/O大会上,谷歌发布了新的设计语言“Material Design”。Material Design随即被应用到了同年11月发布的安卓5.0棒棒糖上。之后的6.0棉花糖、7.0牛轧糖和8.0/8.1奥利奥虽对UI都有小范围修剪,但它们都是标准的Material Design。
▲安卓5.0(图片源于tech.blorge)
▲安卓5.0(图片源于UPDATO)
和一味追求“扁平化”的微软Metro Design不同,谷歌Material Design把扁平色块和有立体感的光线/阴影结合到了一起,形成了一种“立体的扁平感”。灵感来源于纸张和墨水。
▲安卓6.0.1
▲安卓6.0.1
▲Nexus上的安卓7.1
▲Nexus上的安卓7.1
Material Design的另一个重点是有着轻快、互动感强但不花哨的操作动画。
▲Nexus,左:安卓8.1,右:安卓8.0
▲Nexus上的安卓8.1
▲Nexus上的安卓8.1,下拉通知栏和8.0颜色不一样
Material Design设计师Matías Duarte说:“和真实纸张不一样,我们的虚拟材料(Materia)能够“聪明地”展开或变形。材料有实体的表面和边缘。接缝和阴影能让你知道应该按哪里。”
第六阶段:安卓9.0
一周前,安卓终于放出了9.0的第一个开发者预览版。9.0最大的变化就UI设计,它使用了新设计语言“Material Design 2”。
▲安卓9.0 DP1(图片源于droid-life,CNET)
相比于第一代Material Design,Material Design 2的主要变化体现在圆润线条增多和色彩更加缤纷上。其实在安卓7.0时,“圆润化”就已经开始,尤其是在Pixel系列手机上。这一改变明显是为了迎合Pixel系列手机及其它谷歌硬件产品“圆润化”的机身造型。
▲左:Nexus的安卓7.1,右:Pixel的安卓7.1
▲左:Nexus的安卓8.1,右:Pixel的安卓8.1
另外,安卓9.0也沿用了安卓8.0开始的大量白色背景,包括通知栏和设计界面。
结语
从2008年到2018年,从安卓1.0到安卓9.0,安卓系统UI风格的转变呈现了一个从3D拟物化到简洁扁平化再到拟物扁平化的路线。作为市场份额最大的手机操作系统,安卓的设计转变也是科技界UI风格发展的缩影。给众多第三方厂商的定制UI和第三方APP界面产生了深远的影响。
温润白诺基亚7今日十点开启预售 双十二正式发货
诺基亚7国行版于今年10月19日在上海发布,该机是当前诺基亚第一款主打设计的手机,机身拥有温润白和明亮黑两种配色,其中白色理念来自于北欧春天的白雪。现在,千呼万唤的温润白诺基亚7终于来了。官方的消息,温
详情2017-12-09 12:13:56责编:llp 来源:驱动管家松下新一代视频相机gh5s发布,传感器像素暴跌回千万
在CES2017上松下发布了新一代视频相机GH5,凭借强悍指标GH5广受视频爱好者、小型工作室欢迎。可万万没想到的是在相隔一年后,松下就要发布GH5升级产品GH5s,而且传感器像素暴跌回千万。GH5s目前泄露规格(加粗为
详情2017-12-21 09:28:17责编:llp 来源:驱动管家16nm帕斯卡入门钢炮!NVIDIA GT 1030正式发布
GT1030基于Pascal架构16nm制程,拥有384个流处理器,64bit显存位宽,功耗仅为30W,支持DX12技术。
详情2017-08-03 14:09:13责编:陈炼慈 来源:驱动管家于欣伟:应尽快研究出台强制性分级标准 同时完善国内正版游戏市场
政协委员于欣伟这次带来的提案是《关于加快推动网游分级制的建议》。于欣伟在提案中表示,应尽快研究出台强制性分级标准,同时完善国内正版游戏市场。据了解,2017年中国手机游戏市场规模已经超过2000亿元
详情2018-03-07 18:18:19责编:陈炼慈 来源:驱动管家小米新品上架:智能指纹鼠标 众筹价199元
今天,小米155期众筹新品上架:一款由联想集团投资的鼎聚创新公司研发的智能指纹鼠标,众筹价199元
详情2018-03-07 12:04:50责编:陈炼慈 来源:驱动管家微软申请Mixplay商标推测可能仅作为Mixer的一部分
在二月中旬,微软申请了“软件即服务(SaaS)”产品的商标“Mixplay”,这听起来很像游戏玩家的某种视频编辑器。
详情2018-03-08 10:35:29责编:陈炼慈 来源:驱动管家疑点重重!消息称ofo在上海投放做旧的新车,ofo回应总量上绝无新增
自从共享自行车推行以来,劲头不减反增,共享自行车的公司层出不穷,造就大街小巷随处可见共享自行车的踪迹。加上某些用户对于共享自行车的滥用滥放,影响市容,堵塞交通,给交通警务人员带来不便。于是很多城市
详情2017-11-09 09:16:41责编:llp 来源:驱动管家决心担任好惠普CEO的惠特曼突然宣布离职导致惠普股价大跌
近日一重磅消息:决心担任好惠普CEO的惠特曼突然离职,导致惠普股价在周三大跌7%。图注:惠特曼惠特曼是美国最受关注的企业高管之一。她在周二表示,将在明年2月辞任CEO一职,把接力棒交给公司元老安东尼奥·内里
详情2017-11-23 12:25:51责编:llp 来源:驱动管家美国度假房屋租赁网站Airbnb第三财季净营收翻番
北京时间11月15日早间消息,据彭博社报道,知情人士透露,为了备战有望于明年启动的IPO(首次公开招股),美国度假房屋租赁网站Airbnb第三财季净营收翻番,仍然保持盈利。知情人士表示,按照息税摊销前口径计算,
详情2017-11-19 11:20:27责编:llp 来源:驱动管家hp多功能一体机常见故障总结
惠普多功能一体机机器型号故障现象 描述故障原因 分析故障类型解决方案
详情2017-03-22 10:05:50责编: 来源:驱动管家
- bios密码忘记了怎么办 BIOS密码破解清除方法详解
- U盘装系统中bios设置USB启动图文教程
- iphone用户注册谷歌账号的步骤 谷歌搜索怎么用?
- VoLTE是什么?乐视2手机开通volte的方法
- 电脑开机滴滴滴…嘟的响个不停且无法正常开机的解决办法
- QQ空间特别关心怎么设置 QQ空间添加特别关心好友的方法
- Symark PowerBroker缓冲区溢出漏洞被攻击者利用提升权限
- Starteam服务器有哪些漏洞?拒绝服务漏洞如何修复?
- 电脑怎么安装打印机驱动程序
- 如何在ppt上制作出一个演示结束的文字动画
- Win8系统Live Tiles服务怎么样
- 华硕P8H61-M LE支持usb3.0么
- 技嘉GA-870A-UD3装什么内存合适
- 刚开始使用mac系统的时候有哪些常见的错误
- 联想Lenovo小新3000怎么进入BIOS 联想Lenovo小新3000进入BIOS详细图文步骤
- 乐视手机上市时间及价格 乐视手机谍照曝光
- 长虹手机截图方法 利用截屏大师快速截图
- 360浏览器今日特卖怎么删除 今日特卖在哪里可以删除
- 教你直接复制百度文库文档的文字无需任何工具软件
- PHPwind和discuz!存在CSRF漏洞,引发csrf worm怎么办?