Linux中國

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

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中國 榮譽推出


本文轉載來自 Linux 中國: https://github.com/Linux-CN/archive

對這篇文章感覺如何?

太棒了
0
不錯
0
愛死了
0
不太好
0
感覺很糟
0
雨落清風。心向陽

    You may also like

    Leave a reply

    您的電子郵箱地址不會被公開。 必填項已用 * 標註

    此站點使用Akismet來減少垃圾評論。了解我們如何處理您的評論數據

    More in:Linux中國