购买
下载掌阅APP,畅读海量书库
立即打开
畅读海量书库
扫码下载掌阅APP

3.2 Android系统UI设计的演变历程

从2007年Android 1.0诞生并发展到今天,Android系统一共经历了大大小小的20多个版本。随着Android系统的不断升级,其UI设计也发生了翻天覆地的变化,下面就来简单回顾一下Android系统UI设计的演变历程。

3.2.1 锁屏

最开始的Android系统手机是带有实体按键的,所以解锁方式是按一下Menu键进行解锁。Android 2.0加入了类似iOS的滑动解锁,如下左图所示。但是2011年苹果公司取得了滑动解锁的专利,Android系统就放弃了滑动解锁,在Android 3.0中改用了圆弧形的解锁方式,如下中图所示。在之后版本的Android系统中,锁屏界面只是稍微改动了字体,解锁方式并没有大的改变,如下右图所示。

3.2.2 桌面

从Android系统首次发布到Android 2.2,Android系统使用的配色以白色为主,下左图所示为Android 0.9的桌面效果。Android 2.3之后系统配色逐渐由白色转变为灰色,最后发展到黑色,如下中图所示。在Android 2.1之后,Android系统开始引入动态壁纸,而Android 4.4中还引入了透明导航栏和状态栏的设计,如下右图所示。至于桌面插件,变化一直不大。

3.2.3 Android应用商店

应用商店是用于展示和下载手机适用的App的一个平台。最开始Android应用商店叫Android Market,如下左图所示。Android 3.5中的Android Market如下中图所示。2012年3月,Android Market与Google Music、Google 图书、Google Play Movie集成,更名为Google Play。自此,Android系统的应用商店也从最开始的简单文字列表式的排版和UI设计,一路发展成为Android系统中最美观的App之一。目前,Google Play商店中已经有超过100万款App,如下右图所示。

3.2.4 通知面板

Android 0.5的通知面板配色以白色和灰色为主,从Android 0.9开始,通知面板采用灰色作为主题色,如下左图所示。Android 3.0之后,通知面板有了较大的变化,不但引入了黑色的配色,还加入了快捷开关,大大增加了实用性。Android 4.0的通知面板如下中图所示。自此之后,Android系统的通知面板就没有太大变化了,只是对一些小细节做适当的调整,如下右图所示为新版的通知面板。

3.2.5 图库

从Android 0.9开始,Android系统的图库设计比较像是传统的相框展示方式,如下左图所示。从Android 2.1开始,图库采用了类似画廊展示的表现方式,用户可通过左右滑动来浏览相册中的照片,如下中图所示。在Android 3.0之后,图库中加入了云端相册的同步功能,自此之后,图库的UI基本没有变化。但在最近几个版本的Android系统中,图库被Google Photos取代,引入了白色的配色,如下右图所示,视觉效果更加清新。

3.2.6 音乐播放器

最开始Android系统中音乐播放器的UI设计非常简单,且没有较大的功能体现。在Android 2.0之前,Android系统的音乐播放器都是采用黑色的配色方案,如下左图所示。在Google Play Music 4.0推出之后,Android系统的音乐播放器才有了一定的发展,如下中图所示,自此Google Play Music的UI和功能也开始变得越来越完善。如下右图所示为最新版本的音乐播放器,采用了浅色配色方案,整洁的UI更有利于用户选择与播放音乐。

3.2.7 拨号界面

Android系统的拨号界面变化比较明显,从最开始的方形按键到圆形按键,再从圆形按键又重新回到方形按键。由于早期的Android系统手机都配备有实体拨号键,所以在Android 2.0之前,Android系统的拨号界面是没有设置拨号键的,如下左图所示。从Android 2.0开始,拨号键才开始出现在屏幕上,如下中图所示。如下右图所示为Android 9.0的拨号界面,可以看到,Android系统的拨号界面总体上朝着越来越简洁的方向发展。

3.2.8 设置界面

早期的Android系统的设置界面基本是以简单的列表形式展现,单纯地罗列文字说明,看起来十分烦琐,而且不直观,如下左图所示。在Android 2.0之后,Android系统对设置界面进行了改进,加入了图形化的设计,如下中图所示。使用简明直观的图标替代烦琐的文字罗列,不但使UI变得更加美观,而且也更便于用户理解各项设置内容。随着Android系统版本的不断升级,设置界面的设计也越来越趋于简洁明了,如下右图所示。 QquNrcLJ3u688b5HEoXCP4BGK6U/2KS6OMuZkONYeBtr02EKzsEUbbTJb+cWISBP

点击中间区域
呼出菜单
上一章
目录
下一章
×