吉游网提供最新游戏下载和手游攻略!

从拟物到扁平:原生安卓UI设计演变史

发布时间:2024-10-20浏览:72

第一阶段:安卓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日之间。这段时期是安卓发展的第一个高峰。诸如HTC Hero、HTC Legend、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)

安卓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界面产生了深远的影响。

关注泡泡网,畅享科技生活。

用户评论

最迷人的危险

这款游戏真是让我大开眼界,没想到UI设计还能有这种进化史,玩得我停不下来。

    有10位网友表示赞同!

如你所愿

喜欢游戏的同时,还能学到UI设计知识,太有用了。

    有16位网友表示赞同!

葵雨

太棒了,之前一直觉得拟物和扁平设计就是两种风格,原来中间还有这么多演变。

    有14位网友表示赞同!

孤败

每次打开游戏,都能感受到设计师的用心,细节处理得太到位了。

    有12位网友表示赞同!

夜晟洛

UI进化史的设计感真的很强,每次都能带来新的惊喜。

    有12位网友表示赞同!

|赤;焰﹏゛

游戏里的每个界面都很有特色,感觉像是在欣赏艺术品。

    有17位网友表示赞同!

呆檬

作为安卓用户,能玩到这么有创意的游戏真是太幸运了。

    有14位网友表示赞同!

仅有的余温

游戏体验很流畅,UI设计也让我有了新的审美体验。

    有11位网友表示赞同!

素颜倾城

这游戏的设计风格很独特,推荐给身边的朋友一起玩。

    有17位网友表示赞同!

不忘初心

通过游戏了解了UI设计的发展,感觉自己的审美能力都提升了。

    有14位网友表示赞同!

栀蓝

游戏中的UI设计让我对拟物和扁平有了新的认识。

    有17位网友表示赞同!

断秋风

设计进化史这个主题太有趣了,感觉像是穿越到了游戏世界。

    有12位网友表示赞同!

我就是这样一个人

玩这个游戏就像是在回顾科技的发展史一样,很有教育意义。

    有11位网友表示赞同!

墨城烟柳

游戏的UI设计让我对设计行业有了更深的兴趣。

    有19位网友表示赞同!

我一个人

没想到游戏还能这样设计,太有创意了。

    有14位网友表示赞同!

仰望幸福

每次玩这个游戏都能学到新的东西,真是太棒了。

    有17位网友表示赞同!

千城暮雪

这个游戏让我对安卓系统的UI设计有了全新的看法。

    有19位网友表示赞同!

白恍

设计进化史游戏,不仅好玩还能涨知识,太值得推荐了。

    有14位网友表示赞同!

热点资讯