安卓編年史(14):Android 2.3 Gingerbread——第一次 UI 大變

Ron Amadeo發表於2016-12-23

Android 2.3 Gingerbread——第一次 UI 大變

Gingerbread(薑餅)釋出於 2010 年 12 月,這已是 2.2 釋出整整七個月之後了。儘管如此,等待是值得的,因為安卓 2.3 整個系統的每個介面幾乎都改變了。這是從安卓 0.9 最初的樣式以來第一次重大的更新。2.3 開始了一系列持續的改進,試著將安卓從醜陋的小鴨子變成能承載它自己的合適的樣子——從美學角度——來對抗 iPhone。

說到蘋果,六個月前,它釋出了 iPhone 4 和 iOS 4,新增了多工處理和 Facetime 視訊聊天。微軟同樣也終於重返這場競賽。微軟在 2010 年 11 月釋出了 Windows Phone 7,也進入了智慧手機時代。

安卓 2.3 在介面設計上投入了很多精力,但是由於缺乏方向或設計文件,許多應用僅僅止步於獲得了一個新的定製主題而已。一些應用用了更扁平的暗色主題,一些用了充滿漸變、活潑的暗色主題,其他應用則是高對比度的白色和綠色組合。儘管 2.3 並沒有做到風格統一,薑餅還是完成了讓系統幾乎每個部分變得更現代化的任務。這同樣是件好事,因為下一個手機版安卓要在將近一年後才到來。

Nexus S,第一部三星製造的Nexus手機。

Nexus S,第一部三星製造的 Nexus 手機。

薑餅的首發裝置是 Nexus S,谷歌的第二部旗艦裝置,並且是第一部由三星生產的 Nexus 裝置。儘管今天我們已經習慣了每年都有更新型號的 CPU,那時候可不是這個樣子。Nexus S 有個 1GHz Cortex A8 處理器,和 Nexus One是一樣的。GPU 從速度來說略微有所變快。Nexus S 稍微比 Nexus One 大一點,擁有 800×480 解析度的 AMOLED 螢幕。

從引數上來說,Nexus S 看起來只是個平淡無奇的升級,但它確實開了安卓的許多先河。Nexus S 是谷歌第一部沒有 MicroSD 卡槽的旗艦,板載 16GB 儲存。Nexus One 只有 512MB 儲存空間,但它有 MicroSD 卡槽。移除 SD 卡槽為使用者簡化了儲存管理——現在只有一個儲存地點了——但是影響了高階使用者的擴充套件能力。它是谷歌第一部帶有 NFC 的手機,手機背面的一個特殊晶片能夠在和其他 NFC 晶片接觸時傳輸資料。Nexus S 暫時只能讀取 NFC 標籤,而不能傳送資料。

託薑餅中一些升級的福,Nexus S 是第一部不帶有硬體十字方向鍵或軌跡球安卓手機之一。Nexus S 縮減到只有電源、音量以及四個導航鍵。Nexus S 同時還是如今瘋狂的曲面手機的先驅,因為三星給 Nexus S 配備了一塊略微有些彎曲的玻璃。

Gingerbread 更改了狀態列和桌布,並且新增了許多新圖示。

薑餅更改了狀態列和桌布,並且新增了許多新圖示。 [Ron Amadeo 供圖]

升級過的“Nexus”動態桌布作為 Nexus S 的獨有功能釋出。這個桌布基本上和 Nexus One 的一樣,帶有帶動畫軌跡的光點。在 Nexus S 上,去除了方陣設計,取而代之的是波浪形的藍/灰色背景。底部 dock 有了直角和彩色圖示。

新通知皮膚和選單。

新通知皮膚和選單。 [Ron Amadeo 供圖]

狀態列自 0.9 的首次登場以來終於得到了重製。狀態列從白色漸變變成純黑,所有圖示重繪成了灰色和綠色。所有東西看起來都更加清爽和現代,這要感謝銳角圖示的設計和高解析度。最奇怪的決定可能是從狀態列時鐘移除了時間段顯示以及訊號強度那令人疑惑的灰色。儘管灰色被用在狀態列的許多圖示上,而且上面截圖有四格灰色訊號,安卓實際上指示的是沒有訊號。綠色格表示訊號強度,灰色格指示的是“空”訊號格。

薑餅的狀態列圖示同時還作為網路連線的狀態指示。如果你的裝置連線到了谷歌的伺服器,圖示會變綠,如果沒有谷歌的連線,圖示會是白色的。這讓你可以在外出時輕鬆瞭解你的網路連線狀態。

通知皮膚的設計從安卓 1.5 的設計改進而來。我們看到 UI 部分再次從淺色主題變為暗色主題,有個深灰色頂部,黑色背景以及在灰色底色上的黑色文字。

選單顏色同樣變深了,背景從白色變成了帶點透明的黑色。選單圖示和背景的對比並沒有它應該有的那麼強烈,因為灰色圖示的顏色和它們在白色背景上的時候是一樣的。要求改變顏色意味著每個開發者都得製作新的圖示,所以谷歌在黑色背景上使用了先前就有的灰色。這是系統級別的改變,所以這個新選單會出現在每個應用中。

薑餅的新鍵盤,文字選擇,邊界回彈效果以及新核取方塊。

薑餅的新鍵盤,文字選擇,邊界回彈效果以及新核取方塊。 [Ron Amadeo 供圖]

安卓 2.3 最重要的新增功能就是系統全域性文字選擇介面,你可以在左側截圖的谷歌搜尋欄看到它。長按一個詞能使其變為橙色高亮,並且出現可拖拽的小標籤,長按高亮部分會彈出剪下、複製和貼上選項。之前的方法使用的是依賴於十字方向鍵的控制,但現在有了觸控文字選擇,Nexus S 不再需要額外的硬體控制元件。

左側截圖右半邊展示的是新的核取方塊設計和邊界回彈效果。凍酸奶(2.2)的核取方塊像個燈泡——選中時顯示一個綠色的勾,未選中的時候顯示灰色的勾。薑餅在選項關閉的時候顯示一個空的選框——這顯得更有意義。薑餅是第一個擁有滾動到底發光效果的版本。當到達列表底部的時候會有一道橙色的光暈,你越往上拉光暈越明顯。列表上拉滾動反彈也許最直觀,但那是蘋果的專利。

新撥號介面和對話方塊設計。 新撥號介面和對話方塊設計。 [Ron Amadeo 供圖]

薑餅裡的撥號器受到了稍微多點的照顧。它變得更暗了,並且谷歌終於解決了原本的直角結合的問題,圓角和圓形已經被拋棄了。現在所有的邊角都是直角了。所有的撥號按鍵被替換成了帶有奇怪下劃線的樣式,像是用邊角料拼湊的。你永遠無法確定是否看到了一個按鈕——我們的大腦得想象出按鈕形狀的剩餘部分。

圖中的無線網路對話方塊可以看作是剩下的系統全域性性改動的樣本。所有的對話方塊標題從灰色變為黑色,對話方塊、下拉框以及按鈕邊緣都變成了直角,各部分色調都變暗了一點。所有的這些全域性變化使得薑餅看起來不像原來那樣活潑,而是更加地成熟。“到處都是黑色”的外觀必然不是最受歡迎的,但它無疑看起來比安卓之前的灰色和米色的配色方案好多了。

新市場,新增了大塊的綠色頁面頂欄。

新市場,新增了大塊的綠色頁面頂欄。 [Ron Amadeo 供圖]

新版系統帶來了“安卓市場 2.0”,雖然它不是薑餅獨有的。主要的列表設計和原來一致,但谷歌將螢幕上部三分之一覆蓋上了大塊的綠色橫幅,用來展示熱門應用以及導航。這裡主要的設計靈感也許是綠色的安卓吉祥物——它們的顏色完美匹配。在系統設計偏向暗色系的時候,霓虹燈般的綠色橫幅和白色列表讓市場明快得多。

但是,相同的綠色背景圖片被用在了不同的手機上,這意味著在低解析度裝置上,綠色橫幅看起來更加的大。不少使用者抱怨這浪費了螢幕空間,於是隨後的更新使得綠色橫幅跟隨內容向上滾動。在那時,橫屏模式更加糟糕——綠色橫幅會填滿剩下的半個螢幕。

市場的一個帶有可摺疊描述的應用詳情頁面,“我的應用”介面,以及Google Books介面截圖。

市場的一個帶有可摺疊描述的應用詳情頁面,“我的應用”介面,以及 Google Books 介面截圖。 [Ron Amadeo 供圖]

應用詳情頁面經過重新設計有了可摺疊部分。文字描述只擷取前幾行展示,向下滑動頁面不用再穿過數千行的描述。簡短的描述後有一個“更多”按鈕可供點選來顯示完整的描述。這讓使用者可以輕鬆地滑動過列表找到像是截圖和“聯絡開發者”部分,這些部分通常在頁面偏下部分。

安卓主屏的其它部分明智地淡化了綠色機器人元素。市場應用的剩餘部分絕大多數僅僅只是舊版市場加上新的綠色導航元素。舊有的標籤介面升級成了可滑動切換標籤。在薑餅右側截圖中,從右向左滑動將會從“熱門付費”切換至“熱門免費”,這使得導航變得更加方便。

薑餅帶來了將會成為 Google Play 內容商店第一位成員的應用:Google Books。這個應用是個基礎的電子書閱讀器,會將書籍以簡單的預覽圖平鋪展示。螢幕頂部的“獲取 eBooks”連結會開啟瀏覽器,然後載入一個你可以在上面購買電子書的移動網站。

Google Books 以及市場的“我的應用”頁面都是 Action Bar 的早期原型。就像現在的指南中寫的,頁面有一個帶應用圖示的固定置頂欄,應用內頁面的名稱,以及一些控制元件。這兩個應用的佈局實際上看起來十分現代,和現在的介面相似。

新版谷歌地圖

新版谷歌地圖。 [Ron Amadeo 供圖]

谷歌地圖(再重複一次,這時候的谷歌地圖是在安卓市場中的,並且不是這個安卓版本獨佔的)擁有了另一個操作欄原型,這是一個頂部對齊的控制元件欄。這個早期版本的操作欄擁有許多試驗性功能。功能欄主要被一個搜尋框所佔據,但是你永遠無法向其輸入內容。點選搜尋框會開啟安卓 1.x 版本以來的舊搜尋介面,它帶有完全不同的操作欄設計體驗和活潑的按鈕。2.3 版本的頂欄僅僅只是個大號的搜尋按鈕而已。

從黑變白的新 business 頁面。

從黑變白的新 business 頁面。 [Ron Amadeo 供圖]

在應用抽屜裡和“地點”一起到來的“熱門商家”重新設計了介面。不像薑餅的其它部分,它從黑色轉換成了白色。谷歌還給它保留了圓角的舊按鈕。這個新版本的地圖能顯示商家的營業時間,並且提供高階搜尋選項,比如正在營業或是通過評分或價格限定搜尋範圍。點評被調整到了商家詳情頁面,使用者可以更容易地對當前商家有個直觀感受。而且現在還可以從搜尋結果中給某個地點加星,儲存起來以後使用。

新 YouTube 設計,神奇的是有點像舊版地圖的商家頁面的設計。

新 YouTube 設計,神奇的是有點像舊版地圖的商家頁面的設計。 [Ron Amadeo 供圖]

YouTube 應用似乎完全與安卓的其它部分分離開來,就像是設計它的人完全不知道薑餅最終會是什麼樣子一樣。高亮是紅色和灰色方案,而不是綠色和橙色,而且不像扁平黑色風格的薑餅,Youtube 有著氣泡狀的,帶有圓角並且大幅使用漸變效果的按鈕、標籤以及操作欄。儘管如此,新應用還是有一些正確的地方。所有的標籤可以水平滑動切換,而且應用終於提供了豎屏觀看視訊模式。安卓在那個階段似乎工作不是很一致。就像是有人告訴 Youtube 團隊“把它做成黑色的”,然後這就是全部的指導方向一樣。唯一一個與其相似的安卓實體就是舊版谷歌地圖的商家頁面的設計。

儘管有些奇怪的設計,Youtube 應用有著最接近操作欄的頂欄設計。除了頂部操作欄的應用圖示和一些按鈕,最右側還有個標著“更多”字樣的按鈕,點選它可以開啟因為過多而無法裝進操作欄的選項。在今天,這被稱作“更多操作”按鈕,它是個標準介面控制元件。

新 Google Talk,支援語音和視訊通話,以及新語音命令介面。

新 Google Talk,支援語音和視訊通話,以及新語音命令介面。 [Ron Amadeo 供圖]

薑餅的最後一個更新是安卓 2.3.4,它帶來了新版 Google Talk。不像 Nexus One,Nexus S 帶有前置攝像頭——重新設計的 Google Talk 擁有語音和視訊通話功能。好友列表右側的彩色指示不僅指明線上狀態,還顯示了語音和視訊的可用性。一個點表示僅支援文字資訊,一個麥克風表示支援文字資訊或語音,一個攝像機表示支援文字資訊、語音以及視訊。如果可用的話,點選語音或視訊圖示會立即向好友發起通話。

薑餅是谷歌仍然提供支援的最老的安卓版本。啟用一部薑餅裝置並放置一會兒會收到大量更新。薑餅會拉取 Google Play 服務,它會帶來許多新的 API 支援,並且會升級到最新版本的 Play 商店。開啟 Play 商店並點選更新按鈕,幾乎每個獨立谷歌應用都會被替換為更加現代的版本。我們嘗試著保持這篇文章講述的是薑餅釋出時的樣子,但時至今日還停留在薑餅的使用者會被認為有點跟不上時代了。

薑餅如今仍然能夠得到支援,因為有數量可觀的使用者仍然在使用這個有點過時的系統。薑餅仍然存在的意義來自於它極低的系統要求,使得它成為了低端廉價裝置的最佳選擇。下個版本的安卓對硬體的要求變得更高了。舉個例子,安卓 3.0 蜂巢不是開源的,這意味著它只能在谷歌的協助之下移植到一個裝置上。同時它還是隻為平板設計的,這讓薑餅在相當長的一段時間都是最新的手機安卓版本。4.0 冰淇淋三明治是下一個手機版本,但它顯著地提高了安卓系統要求,拋棄了低端市場。谷歌現在希望借 4.4 KitKat(奇巧巧克力)重回廉價手機市場,它的系統要求降回了 512MB 記憶體。時間的推移同樣有所幫助——如今,就算是廉價的系統級晶片都能滿足安卓 4.0 時代的系統要求。


Ron Amadeo / Ron是Ars Technica的評論編緝,專注於安卓系統和谷歌產品。他總是在追尋新鮮事物,還喜歡拆解事物看看它們到底是怎麼運作的。 @RonAmadeo

 


via: http://arstechnica.com/gadgets/2016/10/building-android-a-40000-word-history-of-googles-mobile-os/14/

譯者:alim0x 校對:wxy

本文由 LCTT 原創翻譯,Linux中國 榮譽推出

相關文章