当前位置: 首页 > 科技观察

Android设计的前世今生

时间:2023-03-13 20:10:52 科技观察

谷歌Nexus系列的进化两年前的这个时候,谷歌发布了IceCreamSandwich,这是Android历史上最大的一次版本更新,并与更完善的Android4.0.3一同发布,Android历史上的第一个设计规范——AndroidDesign。在我看来,这一天可以说是Android历史上最重要的一天。这一天的日期是2012年1月12日,杜阿尔特前世来谷歌之前,是Palm的副总裁,负责webOS交互。说到AndroidDesign,就不得不提Android设计之父MatiasDuarte。在来到谷歌之前,Duarte曾在Palm(后来被HP收购)担任副总裁,负责webOS界面和与当时设计界宠儿PeterSkillman、MikeBell和MichaelAbbott以及ManuChatterjee的交互。在Palm被惠普收购后不久,杜阿尔特因为对webOS的未来感到绝望而离开了惠普,投奔了两年前向他伸出橄榄枝的谷歌。这个时间点是2010年5月,就在Duarte加入谷歌六个月后,Android开始了它的第一次变革——Android2.3Gingerbread正式发布。与之前的版本相比,MatiasDuarte在Android2.3中增加了一个东西——ActionBar(当然,当时还不叫这个名字)。ActionBar的加入,规范了操作在应用中的位置,为Android未来的转型打下了重要的基础。但是,Duarte毕竟是在Android2.3开发过半的时候加入Android团队的,而Gingerbread也即将发布,他能做的改变很少。Gingerbread发布后,Duarte开始致力于Android3.0的界面设计。这套闪耀着科技感的各种控件成为了AndroidDesign的基石。在Duarte离开惠普之前,他其实已经完成了TouchPad的大部分界面设计。他将Android原有的风格(如果是那种风格)与这套设计融合,完成了HoloTheme的雏形——Honeycomb主界面的布局。Honeycomb主界面确定了黑色底色和蓝紫色高光的色调,各种闪耀着科技感的写实控件也成为了AndroidDesign的基石;3.0中加入的屏幕虚拟键整合栏(CombinedBar)也成为了NavigationBar的前身。除了带来这些大体上的改进,3.0还带来了一些小的设计细节,比如可以改变大小的Widgets,这对4.0很有帮助,后来的Android也产生了重要的影响。#p#ThislifebornBasedontheUIandUE风格的Honeycomb,Duarte带领他的新团队开始了IceCreamSandwich的UI/UE设计。这一次,他们大胆地让一个系统在平板和手机上使用不同布局风格的UI。虽然这套平板电脑的UI并没有被市场所接受,但仍然是一次非常有意义的尝试。Android4.0从webOS继承了大量的手势操作。webOS的交互有一个非常显着的特点,那就是滑动手势。通用-例如,在滑动区域向上滑动以访问应用程序抽屉,在应用程序上向上滑动以将其关闭。而这与MatiasDuarte一起出现在Android4.0中。在多任务界面和通知栏中,水平滑动项目将忽略/关闭它。原本只是一个图标的多任务界面,也继承了webOS的卡片界面,美观度有了质的提升。滑动手势受到大量开发者的青睐,以不同的形式出现在各种应用中。除了ActionBar,Android4.0还带来了一种新的“选择”方式——长按选择和多选。这种新的操作方式的引入,离不开ActionBar,因为多选操作之后,取代原来弹出式操作选择窗口的是ActionBar的变种——contextualactionbar。而因为直接加入了平板电脑的支持,安卓也开始强调平板电脑的布局。通过简单的XML语句,同一个应用程序(APK)可以在不同的设备上呈现出不同的形式。为了方便平板布局,AndroidDesign特别强调了multi-pane布局,也就是多列布局。Android4.0引入了多种多列布局思路,试图为Android平板应用开发新思路。新的平板布局与Honeycomb一脉相承,谷歌本身在系统应用和第三方应用中也采用了丰富的布局形式。遗憾的是,谷歌在这方面的努力直到今天收效甚微,安卓应用对平板电脑的整体支持水平并不好。谷歌首次阐明了“Android应用程序应该是什么样子”。在此之前,在AndroidDesign出现之前,Google从未谈论过“Android应用程序应该是什么样子”。谷歌表示,“Androidappsshouldlooklikethis”,并在网站上明确指出“copyingiOSorWindowsPhoneUIisdon'tgood(Don'tmimicUIelementsfromotherplatforms)”,让人疑惑。精神一振,感觉谷歌终于打算做点统一安卓应用体验的事情了。Achilles'heel随着Android4.0的发布,Google建立了一个新的返回逻辑——BackandUp。Up和Back最初是为了更好地配合4.0上改进的多任务处理而创建的。Up可以在应用程序内快速导航,Back可以在应用程序之间快速导航。两者结合,如果使用得当,将使Android的多任务处理能力如虎添翼。(Back'sbackandUp'sup)但即使谷歌也无法弄清楚如何使用这两个按钮。在AndroidDesign中,谷歌认为从通知抽屉进入一个应用后,Back和Up都会起到向上的作用。但实际上,这与前面提到的“Up,Backreturns”规则相矛盾。并且很多开发者对Back键进行了重写,使其具有与Up键相同的功能。即使在今天,仍然有很多开发者无法理解Up和Back的区别,更何况是广大普通用户。由于Up键在iOS上与返回键的位置相同,所以很多用户认为Up键就是返回键。可以说Up和Back给AndroidUE留下了隐患。每当开发者和设计者在规划应用时,难免会为这个地方头疼。至于导航篇,虽然修改了几次,还是没能改正这些问题。Holo,一枝独秀在AndroidDesign发布之后,一些应用逐渐开始采用AndroidDesign——准确的说是HoloTheme。随着一些知名应用的UI换成了HoloTheme,一段时间以来,PlayStore中可以看到越来越多的HoloTheme应用,HoloTheme也被越来越多的用户所熟知。在AndroidDesign发布将近一年后,HoloTheme终于逐渐成为PlayStore的主流。然而,HoloTheme应用数量的增加并不能让人高兴。一方面,PlayStore的首页仍然充斥着非Android设计的应用程序。有些应用程序可能会应用HoloTheme,但它们只是外观相似,其操作与谷歌的标准相去甚远。而如果只看国内应用,你会发现国内应用的绝对主流都是非AndroidDesignApp,真正符合AndroidDesign的应用很难找到。更重要的是,另一方面,虽然HoloTheme的新应用层出不穷,但这些新的HoloThemeApp在功能上却不如现有的应用。而其他的HoloThemedApp纯粹是为了好看,可以说是“为规范而标配”,这些应用在功能上并无新意。拥有更多此类应用程序没有意义。就在HoloTheme影响力逐渐扩大的时候,NavigationDrawer悄然出现在Android应用上。这样的导航方式并没有出现在官方规范中,但是一些开发者创造性地以各种方式实现了Drawer。由于Drawer的隐藏性,它还可以很方便的概括应用的导航,使得应用的层级结构更加清晰,这种导航方式也逐渐流行起来。更多的开发者开始探索Drawer。很快,这一趋势引起了谷歌的注意。#p#成熟2012年年中,Android4.1发布。在此版本中,谷歌将Android通知更进一步——通知栏中的通知现在可以扩展。丰富的通知不仅可以显示更多信息,还可以显示图片和简单的操作按钮。在丰富通知的支持下,用户可以更快速地获取和响应信息。不久之后,很多应用开始尝试使用丰富的通知来简化用户操作,让用户更方便地获取信息。改善应用程序与用户之间的连接在Android4.1发布后不久,Google再次更新了AndroidDesign,添加了两条新指南——“帮助”的使用和“确认消息”的使用——并显着更新了辅助功能的帮助页面。帮助规范强调了帮助的重要性,简洁易懂地描述了如何制作引导界面和编写帮助界面。确认消息的规范加强了应用程序和用户之间的联系,让用户对他们的行为(以及这些行为的结果)更有信心。2012年底,谷歌发布Android4.2。这个连名字都没有改的小版本带来了滑动输入、球形全景相机、快捷设置抽屉和锁屏小部件。从某些角度来看,锁屏小部件相当于将主屏幕扩展为锁屏。它的加入使用户能够获取更多关于锁屏的信息,一些开发者甚至创建了一个锁屏通知聚合器。就像iOS刚发布的时候,大部分第三方应用只是简单模仿系统应用的风格,市面上几乎所有的AndroidDesign应用都沿袭了官方应用的风格,很少见到有突破性的应用官方风格。这种局面直到Press的出现才被打破。在Press之前,Holo作为Google提供的基础UI解决方案已经满足了大部分开发者,但精通设计规范的高阶开发者并不满足于被法规所束缚。他们开始寻求建立在Holo的基础上。做出更好的AndrodiDesignUI设计。新闻是最好的之一。高质量的AndroidDesign应用数量开始逐渐增加。Press采用全套自制主题,重写布局,加入右滑返回手势,巧妙优化平板UI,一时名扬Android设计界。随着Press的发布,许多Android开发者和设计师开始重新思考AndroidDesign。很快,更多优秀漂亮的应用出现了。随着这批应用逐渐被更多的开发者和设计师所熟知,高质量的AndroidDesign应用开始逐渐增多。更多的开发者开始尝试在他们的应用中使用更大胆的配色方案来展现他们的个性。时间过得真快,转眼半年过去了。在过去的六个月里,AndroidDesign基本上没有变化。2013年5月,在GoogleI/O2013大会上,Google正式将NavigationDrawer纳入AndroidDesign,规定了官方的Drawer样式,推出了专门的引导页面,并对“ApplicationStructure”页面进行了大幅更新。大部分谷歌自家的应用程序也将导航方式更改为新版抽屉。在Google的大力推动下,一大批AndroidDesign应用纷纷投入到Drawer的怀抱。InsideOutDesign可以更好地展示信息。同时,几乎所有的谷歌应用都采用了“卡片式”布局。所谓卡片式布局最早出现在随Android4.1发布的GoogleNow中。这些卡片起到有效组织信息的作用。谷歌官方将这种布局命名为“InsideOutDesign(由内而外)”。这种布局的本质在于打破了“先设置框架,再填写内容”的传统设计思路,采用了“先确定内容和呈现形式,再用不同的内容进行组合”的思路框架”。因此,可以更好地呈现信息。InsideOutDesign中最常见的内容载体/呈现形式是卡片。和Drawer一样,在Google的大力推动下,越来越多的开发者开始探索卡片式布局和InsideOutDesign。他的出现让Android应用的信息呈现更加有序、清晰、易读。更大的舞台在Android4.0刚刚发布的那段时间,Android上精美的应用太少了。Google不得不依靠Android系统本身来完成Enchantme,SimplifymylifeandMakemeamazing的任务。但两年后的今天,随着谷歌的脚步,越来越多的开发者理解了AndroidDesign的精髓,Android上优秀的应用数量不断增加,达到了足够的数量。他们贯彻Android设计的核心思想,共同肩负着引人入胜、简化生活、创造惊喜的重任,帮助Android系统自身卸下包袱。于是,谷歌意识到Android系统的UI是时候退休了。在不久前发布的Android4.4中,谷歌进行了多项重大调整。Android系统通知栏状态图标和默认触控反馈的颜色不再是之前Android特有的亮蓝色,取而代之的是低调、中性的灰色和白色。通过使默认的触摸反馈不那么明显,设计人员不必担心选择与Android默认蓝色冲突的颜色,并且可以发挥他们的创造力。AndroidDesign还同时添加了一个YourBranding页面,简明扼要地解释了应用程序中颜色、标志和图标设计的原则。TranslucentBars的加入体现了谷歌对Edgetoedgedesign(无边框/无边框设计)的理解,希望通过让系统栏透明化,进一步减少系统栏的存在感,突出内容的价值。为AndroidDesign这个舞台准备灯光、音响、布景和道具,谷歌用了两年时间。从此,它彻底向设计师们敞开了这个宏伟的舞台。