Google Nexus系列的進化

兩年前的這個時間，Google 發布了 Android 有史以來***的版本更新 Ice Cream Sandwich，以及隨著更加完善的 Android 4.0.3 一起發布的，Android 有史以來***個設計規范 —— Android Design。 在我看來，這一天可以說是 Android 歷史中最重要的一天。 這一天的日期是 2012 年一月十二日。

前世

[[89704]]

來到Google之前，Duarte在Palm作為副總裁負責webOS的交互

說到 Android Design，就不得不提堪稱 Android Design 之父的 Matias Duarte。在來到 Google 之前，Duarte 在 Palm (后被惠普收購) 作為副總裁，與 Peter Skillman，Mike Bell 和 Michael Abbott，以及 Manu Chatterjee 這些當時設計界的天之驕子們一起，負責 webOS 界面與交互。在 Palm 被惠普收購不久后，Duarte 因為對 webOS 的前途感到無望而離開了惠普，投奔兩年前曾經將橄欖枝伸向他的 Google。這個時間點是 2010 年五月。

就在 Duarte 加入 Google 六個月后，Android 開始進行了***次改變 —— Android 2.3 Gingerbread 正式發布。比起以前的版本，Matias Duarte 在 Android 2.3 里加入了一個東西 —— Action Bar (當然，那時候還不叫這個名字)。 Action Bar 的加入規范了應用中操作的位置，為 Android 將來的蛻變打下了重要的基礎。

但是，Duarte 畢竟是在 Android 2.3 開發進程已經不止一半的時候加入 Android 團隊的， Gingerbread 不久之后就要發布，他能做到的更改還是少數。在 Gingerbread 發布之后，Duarte 便開始全心投入到 Android 3.0 的界面設計中。

這套閃耀著具有科技感輝光的各類控件，成了Android Design的一塊奠基石

Duarte 在離開惠普之前，其實已經完成了大部分的 TouchPad 界面設計了。他將 Android 原先的風格 (如果那算是風格的話) 與這套設計相融合，完成了 Holo Theme 的原型 —— Honeycomb 主界面的編排。在 Honeycomb 的主界面中，黑底， 藍紫高光的用色基調被確定下來，而閃耀著具有科技感的輝光的各類擬真控件，也成了 Android Design 的一塊奠基石; 在 3.0 中加入的屏幕虛擬鍵整合條 (Combined Bar) 也成為了 Navigation Bar 的前身.

除了帶來了這些大方向上的改進，3.0 還帶來了一些小的設計細節，比如可以改變大小的 Widget，這些都對 4.0 以及之后的 Android 產生了重要的影響.

#p#

今生

出世

基于 Honeycomb 的這套 UI 與 UE 風格，Duarte 帶領著他的新團隊開始了 Ice Cream Sandwich 的 UI/UE 設計。這一次，他們非常大膽的讓一個系統在平板與手機上的使用了不同布局風格的 UI。盡管這套 Tablet UI ***不被市場所接受，但是這依然是一次非常有意義的嘗試.

Android 4.0大量繼承了webOS的手勢操作

webOS 的交互有個非常顯著的特點，那便是滑動手勢的泛用 —— 比如，向上滑動滑動區域進入應用抽屜，向上滑動某個應用將其關閉。而這一點，也隨著 Matias Duarte 一起，來到了 Android 4.0 上。在多任務界面與通知欄中，橫向滑動某項目都會將其忽略/關閉。而原本只是一個圖標的多任務界面，也繼承了 webOS 的卡片界面，美觀度獲得了質的提升。滑動手勢被大量開發者看好，并且以不同的形式出現在各式應用中。

除了 Action Bar，Android 4.0 還帶來了全新的”選取”方式 —— 長按選取以及多選。這個新操作方式的引入離不開 Action Bar，因為在進行多選操作之后，代替原先彈出操作選擇窗口的便是 Action Bar 的一個變體 —— contextual action bar。

而由于直接加入了平板支持，Android 也開始強調起平板布局了。通過簡單的 XML 語句，同一個應用 (APK) 能夠在不同的設備上呈現出不同的形態。為了方便平板布局，Android Design 專門強調了 multi-pane layout， 即多分欄布局。Android 4.0 中介紹了多種多分欄布局思路，試圖開拓 Android 平板應用的新思路。新的平板布局和 Honeycomb 一脈相承，Google 自己也在系統應用和***方應用中采用了豐富的布局形式。可惜，Google 在這方面的努力直到今天都還是收效甚微，Android 應用對平板的支持，總體水平并不好。

Google***次明確了“一個Android應用應該長什么樣”

在此之前，谷歌從來沒有談過”Android 應用應該長什么樣”這種問題，直到 Android Design 出現。谷歌說，”Android 應用應該長這樣”，并且在網站中明確指出了“照搬iOS或者Windows Phone的UI是不好的 (Don’t mimic UI elements from other platforms)”這一點，讓人不禁為之精神一振，覺得谷歌終于打算出手為 Android 應用的體驗統一做些什么了。

阿喀琉斯之踵

隨著 Android 4.0 發布，Google 建立了一套新的返回邏輯 —— Back 與 Up。

Up 和 Back，原本是為了更好地配合 4.0 上改進的多任務而生的。Up 能快速在應用內進行導航，而 Back 能快速在應用間進行導航，兩者配合， 如果能夠合理的利用，將會讓 Android 的多任務能力如虎添翼。

(Back 的返回與 Up 的向上)

但是，即便是 Google，也沒能搞清楚這兩個按鈕應該怎么用。

在 Android Design 中，Google 認為，從通知抽屜進入一個應用之后，Back 和 Up 都將起到向上的作用。 但實際上，這和前面提到的”Up 向上，Back 返回”的規則自相抵觸。而很多開發者又自作主張的重寫了 Back 鍵讓它變得和 Up 鍵功能一致。就算是到了今天，還有很多開發者沒能搞清楚 Up 和 Back 的區別，更不用說廣大普通用戶了。而 Up 鍵由于位置和 iOS 所上的返回鍵一樣，很多用戶都認為 Up 鍵就是返回鍵。

可以說，Up 與 Back，在 Android 的 UE 上留下了一個隱患。每當開發者和設計師在規劃應用時，都不免在這個地方頭疼一番。而導航這個章節，雖然幾經修改，卻依然沒能修正這些問題。

Holo，茁壯成長

在 Android Design 發布之后，漸漸有一些應用開始采用 Android Design —— 確切的說，是 Holo Theme。 隨著一些較為知名的應用將自己的 UI 改成了 Holo Theme，一段時間里，Play Store 里漸漸可以看到越來越多 Holo Theme 的應用，Holo Theme 也為越來越多的用戶所知曉。在 Android Design 發布快一年之后，Holo Theme 終于漸漸成為了 Play Store 的主流。

但是，Holo Theme 應用數量的增多，卻并不能讓人們覺得高興。

一方面，Play Store 的首頁上依然滿是非 Android Design 應用的身影，有的應用或許是套用了 Holo Theme，但是它們也僅僅是外觀相像罷了，操作什么的和谷歌的規范差十萬八千里。而如果只看國產應用，你會發現， 國產應用里占絕對主流的都是非 Android Design Apps，而真正符合 Android Design 的應用則難覓蹤跡。

更重要的是，另一方面，Holo Theme 的新應用雖說算是層出不窮，但是這些新的 Holo Themed Apps 在功能上與已有的應用比起來卻顯遜色。而另一些 Holo Themed Apps 純粹是為了好看而生的，可以說是”為了切合規范而切合規范”， 這些應用在功能上并無新意。這種類型的應用就算有再多也沒有意義。

就在 Holo Theme 逐漸擴大它的影響力的時候，Navigation Drawer 悄無聲息的出現在了 Android 應用上。 這樣的一個導航方式并沒有出現在官方規范中，但是有一些開發者創造性的以各式各樣的方式實現了 Drawer。由于 Drawer 具有隱蔽性， 也可以很方便的歸納應用的導航，使得應用的層級結構更加清晰，這個導航方式也開始漸漸流行起來了。更多的開發者開始對 Drawer 進行探索。 很快，這樣的趨勢便引起了 Google 方面的注意。

#p#

成熟

在 2012 年中旬，Android 4.1 發布了。在這個版本中，Google 進一步完善了 Android 的通知功能 —— 通知欄中的通知現在可以被展開了。

富通知不僅可以顯示更多的信息，還可以顯示圖片與簡單的操作按鈕。有了富通知的支持，用戶得以更加快捷的獲取信息與對信息進行回應。不久之后，很多應用便開始嘗試著利用富通知來簡化用戶的操作和讓用戶更便捷的獲取信息。

增強應用與用戶之間的聯系

在 Android 4.1 發布之后不久，Google 再次對 Android Design 進行了更新，加入了兩個新的指導 —— “幫助“的使用和”確認消息“的運用 —— 并大幅更新了輔助功能的說明頁面。幫助的規范強調了幫助的重要性，簡明易懂的描述了應該如何制作引導界面以及撰寫幫助界面。而確認消息的規范則增強了應用與用戶之間的聯系，讓用戶對于自己的操作 (以及由這些操作帶來的結果) 更加有把握。

在 2012 年年底，Google 發布了 Android 4.2。這個連名字都沒改的小版本卻帶來了滑動輸入，球面全景相機， 快速設置抽屜和鎖屏 Widget。鎖屏 Widget 從某些角度而言相當于把主屏擴展到了鎖屏上，它的加入使得用戶能夠在鎖屏就獲得更多信息， 而有的開發者甚至制作出了一個鎖屏通知聚合器。

就像 iOS 發布發布初期時，絕大部分第三方應用都只是簡單的模仿系統應用的樣式一樣，市場上 Android Design 的應用幾乎都是跟隨著官方應用的樣式做出的，很少看到能夠突破官方樣式的應用。這種狀況直到 Press 出現才被打破。

在 Press 之前， Holo 作為谷歌提供的基礎的 UI 解決方案已經令大部分開發者滿足了， 但是精通設計規約的高階開發者卻不會滿足于被規約束縛，他們開始尋求在 Holo 的基礎之上做出更優秀的 Androdi Design UI 設計。Press 就是其中佼佼者。

Android Design精品應用數量開始逐漸提升

Press 采用了全套的自制主題，重寫了布局，添加了右劃返回手勢，用聰明的方式優化了平板 UI，一時名震 Android Design 界。

借著 Press 的發布，很多 Android 開發者和設計師開始重新思考 Android Design。很快， 更多優秀而精美的應用出現了。隨著這一批應用逐漸為更多開發者和設計師所熟知，Android Design 應用的精品數量也開始逐漸提升。 更多的開發者開始嘗試在自己的應用中采用更大膽的配色來彰顯個性。

光陰飛逝，一晃半年過去。這半年里，Android Design 基本上沒有發生什么改變。時間到了 2013 年五月。在 Google I/O 2013 大會中，Google 正式將 Navigation Drawer 納入 Android Design 的麾下，規定了官方的 Drawer 樣式，推出了專門的指導頁面并且大幅更新了”應用結構”頁面。 Google 自家的大部分應用也都把導航方式改成了新版的 Drawer。在 Google 的強力推行之下，大量的 Android Design 應用都投向了 Drawer 的懷抱。

Inside Out Design能夠更好的展現信息

與此同時，幾乎所有的 Google 應用都已經采用了”卡片式”的布局形式.所謂的卡片式布局，最早出現在隨 Android 4.1 一起發布的 Google Now 中，這些卡片起到了高效的組織信息的作用。Google 官方給這種布局起名叫”Inside Out Design (由內而外式)”。這種布局的精髓就在于，它打破了傳統的”先設定框架，在向內填充內容”的設計思路，采用”先確定內容以及呈現形式， 再利用不同的內容組合出框架”的思維，因而得以更好的呈現出信息。而 Inside Out Design 中最常見的內容載體/呈現形式， 就是卡片。

和 Drawer 相同，隨著 Google 的強力推廣，越來越多的開發者開始探索卡片式布局與 Inside Out Design。他的出現，讓 Android 應用的信息呈現更加有條不紊，清晰易讀。

更大的舞臺

在 Android 4.0 剛剛發布的那段時間里，Android 上的精致的應用還太少太少。Google 不得不依靠 Android 系統本身來完成 Enchant me，Simplify my life 以及 Make me amazing 的任務。但是兩年后的今天，跟隨著 Google 的腳步，越來越多的開發者領悟了 Android Design 的精髓，Android 上優秀的應用不斷增加，已經達到了一個足夠的量了。他們貫徹 Android design 的核心思路，一起肩負起了令人著迷， 簡化生活以及制造驚喜的職責，幫助 Android 系統本身卸下了重擔。

于是，Google 意識到，是時候讓 Android 系統的 UI 功成身退了。

不久之前發布的 Android 4.4 中，Google 做出了幾個重大的調整。Android 系統通知欄狀態圖標與默認的觸摸反饋的顏色都不再是之前具有鮮明 Android 特色的那明艷的藍色，取而代之的是低調，中性的灰色與白色。

通過降低默認觸摸反饋的醒目程度，設計師將不必擔心自己選取的顏色與 Android 默認的藍色產生沖突，可以盡情施展自己的身手了。Android Design 也同時新增了 Your Branding 頁面，簡明扼要的對應用中的用色，標志與圖標設計的原則進行了闡述。

而 Translucent Bars 的加入，則是體現了 Google 對 Edge to edge design (無邊距/無邊框設計) 的理解，希望通過使系統欄透明，進一步降低系統欄的存在感，凸顯內容的價值。

花了兩年的時間，Google 將 Android Design 之舞臺的燈光，音響，布景與道具準備妥當，自此開始，將這片宏大的舞臺完完全全開放給了設計師。