左：Miletone 5 首屏，一個(gè)“all”按鈕，兩個(gè)塢圖標(biāo)，四個(gè)最近應(yīng)用。

中：展開應(yīng)用列表后的首屏。

右：電源菜單。

首個(gè)模擬器發(fā)布三個(gè)月后（2008 年 2 月），安卓迎來了第一次巨變：m5-rc14 版本，即 Milestone 5。它完全拋棄了原有的仿黑莓界面，取而代之的是全面翻新的設(shè)計(jì)——谷歌首次嘗試在對(duì)手指友好的界面上發(fā)力。

只有一樣?xùn)|西和它的最終形態(tài)不吻合——那就是首屏。這時(shí)首屏無法配置，只有單屏壁紙，以及應(yīng)用托盤、時(shí)鐘。應(yīng)用圖標(biāo)是泡泡狀的，三色裝點(diǎn)，外面圍著一圈方框，白色背景并有圓角。應(yīng)用抽屜如圖所示，右下角“all”按鈕，點(diǎn)擊會(huì)展開應(yīng)用列表。其上為兩個(gè)塢圖標(biāo)，“聯(lián)系人”與“撥號(hào)”。再往上四個(gè)圖標(biāo)是“最近應(yīng)用”列表的雛形，展示了最近訪問的應(yīng)用。

首屏左右沒有屏幕，一整個(gè)欄目獻(xiàn)給了塢與最近應(yīng)用，因此首屏只能放下 21 (3 × 7) 枚圖標(biāo)。模擬器只展示了最少的應(yīng)用選擇，但在真正的設(shè)備上，我們擔(dān)心這樣的設(shè)計(jì)可能不太方便。

長按“掛機(jī)”調(diào)出電源菜單的最早形態(tài)，見右側(cè)圖片。谷歌的命名還沒有穩(wěn)定下來，“鎖屏”被描述為“關(guān)閉屏幕”，“飛行模式”被描述為“關(guān)閉射頻”。

從左往右：超現(xiàn)代的通知面板，谷歌地圖的菜單（盡管這廝目前已經(jīng)廢了），以及對(duì)手指友好的列表視圖。

回溯 Milestone 5，谷歌已經(jīng)打好了下拉通知面板的基礎(chǔ)。從屏幕頂端拉下來，正如很多現(xiàn)代智能手機(jī)一樣。當(dāng)前通知以列表形式展示。首個(gè)版本為白色不透明一欄，最底下有條狀“手柄”，中央還有橙色圓點(diǎn)。通知可以點(diǎn)擊，點(diǎn)擊后打開相應(yīng)的應(yīng)用。

固定的通知被放在頂端“持續(xù)”這一分類當(dāng)中。對(duì)此安卓版本來說，似乎只有通話屬于這類?！白罱录蓖ㄖ挥性诖蜷_相應(yīng)的應(yīng)用后才能清除。盡管通知面板會(huì)顯示“新的聊天消息”，但當(dāng)人們嘗試通過內(nèi)置的 XMPP 連接登入 Google Talk，才發(fā)現(xiàn)實(shí)際上沒有即時(shí)消息應(yīng)用。

Milestone 5 進(jìn)行了全新的美工設(shè)計(jì)。應(yīng)用圖標(biāo)重繪，乏味的黑莓式文本菜單也換成了大網(wǎng)格內(nèi)的全彩、卡通式圖標(biāo)。通知面板圖標(biāo)也從簡(jiǎn)單、刺眼的白色圖標(biāo)換成了綠色氣泡式設(shè)計(jì)。信號(hào)指示下多了目的不明的黑線。上一個(gè)版本中渺小的視圖并不適合手指使用，因而 Miletone 5 將其改成了更為寬宏的布局。

撥號(hào)器，最近通話，以及來電。

M5 首次出現(xiàn)了撥號(hào)器，盡管這廝丑陋至極。數(shù)字顯示在一條漸變填充欄，旁邊還有奇怪的言語氣泡形的退格按鈕，以至于看起來像是從其他界面回收來的。對(duì)齊方面的毛病特別多，按鈕上的數(shù)字就沒有正確地在垂線方向上對(duì)齊，退格按鈕按鈕的“叉”也沒有和氣泡對(duì)齊。甚至你還無法從撥號(hào)器制造去電——必須通過硬件按鈕，而非屏幕內(nèi)“撥號(hào)”按鈕。

Milestone 5 還有個(gè)別選項(xiàng)卡界面，它們?nèi)荚谘菔局粋€(gè)奇怪的點(diǎn)子，關(guān)于選項(xiàng)卡應(yīng)該如何使用。活躍選項(xiàng)卡是白色，背景選項(xiàng)卡卻是黑色之中最底下帶有一點(diǎn)白色線條。難道是說，背景選項(xiàng)卡“萎縮”后收起來了？切換選項(xiàng)卡并沒有動(dòng)畫，無法理解這種設(shè)計(jì)想表達(dá)什么。

最近通話，如第二幅圖所示，從頂級(jí)應(yīng)用降級(jí)為撥號(hào)器的一個(gè)選項(xiàng)卡。它拋棄了早期瘋狂的十字線設(shè)計(jì)，而且得益于更加健碩的列表視圖，現(xiàn)在可以在標(biāo)準(zhǔn)列表內(nèi)顯示所有必要的信息。

和撥號(hào)器不同，來電屏幕有著屏幕內(nèi)按鈕以供應(yīng)答以及結(jié)束通話。奇怪的是，來電屏幕嵌入顯示屏的底部，而非頂部或者中央。這可能是舊式黑莓型 4:3 屏幕帶來的后遺癥。

瀏覽器的主菜單，二級(jí)菜單，瘋狂的縮放控件，以及窗口界面。

瀏覽器菜單和全局界面一樣大幅翻修，首次出現(xiàn)了“更多”按鈕。它的作用是，菜單的附加菜單（滿臉黑線）。為避免將 3 × 2 的網(wǎng)格變成 3 × 4，Milestone 5 （以及后來的安卓版本）使用了一個(gè)長的滾動(dòng)列表堆放附加選項(xiàng)。捏合縮放尚未支持（被認(rèn)為是對(duì)蘋果的讓步），因此安卓用了一個(gè)荒唐的縮放控件，如第三幅圖所示。谷歌并沒有更為合理地將其放在屏幕底端橫向操作，而是選擇擺在屏幕中央。最后一幅圖顯示瀏覽器“窗口”界面，終于允許你開啟多個(gè)網(wǎng)頁，也稍微方便你切換它們了。

谷歌地圖選擇圖層屏幕，搜索界面，以及導(dǎo)航屏幕。

谷歌地圖仍不可用，但小小的界面有了大大的更新。你可以選擇地圖圖層，盡管只有兩種可選：衛(wèi)星圖和交通圖。搜索界面靠著頂端，很怪異地壓住了狀態(tài)欄，但導(dǎo)航卻在屏幕底端，根本不會(huì)蓋住狀態(tài)欄?！斑M(jìn)入導(dǎo)航”按鈕標(biāo)著“Go”，而“進(jìn)入搜索”按鈕標(biāo)著怪異的弧形箭頭。這一系列展示，彰顯了老版本安卓最爛的地方：同一應(yīng)用的兩個(gè)功能應(yīng)該視覺上和功能上相一致，但這里它們完全對(duì)著干。

（編輯總結(jié)：我們可以看到，早期的安卓設(shè)計(jì)風(fēng)格尚不穩(wěn)定，色調(diào)接近 Windows 3.x 那時(shí)，但圖標(biāo)和按鈕又像是早期 iOS 與黑莓、塞班的混合，雖然圓潤卡通，但是過于抽象，這樣丑陋的外貌和費(fèi)解的設(shè)計(jì)，一直到 Matias Duarte 來了以后才有固定規(guī)范并顯著改善。這是后話。請(qǐng)關(guān)注本站的每日連載。）

雷峰網(wǎng)原創(chuàng)文章，未經(jīng)授權(quán)禁止轉(zhuǎn)載。詳情見轉(zhuǎn)載須知。