[[55273]]

之前這篇文章《微軟Windows Phone 7誕生記》詳細描繪了在經(jīng)過一年的 Windows Mobile 7 開發(fā)之后，微軟的開發(fā)人員終于意識到這是在一個錯誤的方向上越走越遠。

“Windows Phone 7 的新策略則是為顧客滿意來設(shè)計操作系統(tǒng)，類似于蘋果的策略。”微軟的勇氣確實讓人佩服，新成果也值得關(guān)注：Metro UI——一個不同于以往的移動系統(tǒng)，一種全新的設(shè)計風格，這些讓人印象深刻。但或許癥結(jié)也由此而生。

 一、積極的顏色

Metro UI 最主要的特性在于簡潔中帶華麗，給人以視覺愉悅的享受，并準確傳達出主要信息，就像備受推崇的機場指示牌系列，就是這樣設(shè)計風格的優(yōu)秀代表。

這樣的信息直觀明確，也絲毫不吝惜豐富顏色的應(yīng)用，而且在這其中顏色也是信息的一個良好載體，區(qū)分不同質(zhì)的信息，并為主要文字信息提供良好的載體，顏色是積極參與信息的表達。

Metro UI 中并不缺乏這樣的優(yōu)秀設(shè)計，但更多數(shù)情況下，顏色卻成為一個尷尬的旁觀者，比如在郵件程序中，主要的信息用黑色或白色來表現(xiàn)，而次要信息用灰色來表現(xiàn)，而顏色細微的區(qū)分并沒有預想的設(shè)計目的那么對比明顯，在背景都是同一種顏色（白色或黑色）的情況下，又沒有細線等最簡單形式的風格，導致Metro UI 所標榜的突出主要內(nèi)容的簡潔特性并沒有達到最大的發(fā)揮。而類似這樣內(nèi)容區(qū)分模糊的應(yīng)用并不在少數(shù)。

 二、工具的缺乏

就內(nèi)容的區(qū)分而言，細線不外乎是最簡單的形式，另一種簡單形式是分成不同的底色，這兩種形式都能將內(nèi)容良好得分塊。而 Metro UI 中最多的內(nèi)容區(qū)分除了字體大小，顏色的不同之外，更多的形式就是留白。對支持者而言，良好的空白毫無疑問是會產(chǎn)生美感，但前提必須是“良好的”，就Metro UI 這樣的風格而言，精美和簡陋只在一墻之隔，若非對每一個像素精打細算，積極運用，產(chǎn)生的效果和設(shè)想有很大區(qū)別。Metro UI 作為一種全新的UI 設(shè)計風格，大多數(shù)設(shè)計人員是否就吃透了這種設(shè)計的特性，值得存疑。當然，這一點在微軟的持續(xù)推廣下會改善。

包括細線，Metro UI 舍棄了大量的內(nèi)容表現(xiàn)形式，比如漸變，陰影等效果，而這些都是 UI 設(shè)計中最基礎(chǔ)的工具，一方面微軟是為了確立內(nèi)容大于形式的設(shè)計風格，另一方面，也是為了更快。為了爭分奪秒得加快啟動速度，Metro UI 進行了大刀闊斧的舍棄，這確實有些激進。

《朝花夕拾 Windows Phone 7的幕后故事 》中 Myerson 說 Saba 就像是華爾街的會計，計算著一分一厘的剩余內(nèi)存和啟動時間。Saba 對性能的執(zhí)著近乎變態(tài)，經(jīng)常為此與圖形組的頭兒 Laura Butler 發(fā)生爭執(zhí)。 Laura Butler 負責讓整個系統(tǒng)看起來更漂亮，但這會拖慢系統(tǒng)的速度。

工具的缺乏直接表現(xiàn)為界面的單一，甚至千篇一律。但這一切工作可能都是為了指向同一個目的：比蘋果快，比蘋果好。最重要的是——和蘋果完全不同。但我相信這不是永久的舍棄，只是為了追趕而運用的權(quán)宜之計。

 三、圖像的意義

除了內(nèi)容的區(qū)分，就內(nèi)容本身而言，Metro UI 更偏重于文字而非圖像，iOS 中則是充滿圖標元素大量運用：應(yīng)用的啟動是圖標，按鈕是圖標，未讀信息是一個紅色小圖標，未收聽的 Podcast 中用一個小藍點來表明。大量圖標的應(yīng)用，讓 iOS 充滿了直觀明確的風格。

Metro UI 中并不缺乏圖標，但為了整體的風格，圖標的表現(xiàn)并沒有豐富多彩，首先是顏色的單一，其次是大量細節(jié)信息都用文字來表現(xiàn)，而小圖標其實表現(xiàn)得更好，這也是我認為Metro UI 會產(chǎn)生內(nèi)容擁擠的原因，很多次要信息原用一個小圖標在一小塊面積中就表達清楚了，用文字敘述會占用更多的空間和注意力，這絕對是和 Metro UI 簡潔明快突出重點的要求是背道而馳的。

而 Metro UI 的內(nèi)容偏重文字也暗示著一種尷尬——對用戶注意力的爭奪。微軟希望手機的使用者在簡潔的界面上高效完成工作，而不用占用用戶太多的注意力。然而在智能手機承擔個人信息處理中心這個趨勢越來越明顯的情況下，用戶的注意力無可奈何得只會越來越偏重于手機界面。并且用戶平均分配在每個信息上的時間和注意力只會越來越少，在這樣一種情況下，圖標的表現(xiàn)比文字更有質(zhì)感。無論文字字體設(shè)計得如何豐富，都不如一個圖像來得直觀明確，就像聯(lián)系人里面哪怕有再多的敘述文字，都不如一個頭像來得明確。用戶更容易被圖標吸引，從而完成信息的傳遞。在這個讀圖時代的大趨勢里，Metro UI 在這一點既保持了個性，又順便完成系統(tǒng)的要求——舍棄圖標而偏重文字也會讓系統(tǒng)速度更快。

Metro UI 中的信息因為缺少顏色和圖標的積極參與，傳遞與互動并不像設(shè)計期望的那么高效。

 四、學我者生，似我者亡

Metro UI 的登場讓人印象深刻，很多人記住了它的摸樣，這就是最大的成功，在未來的系統(tǒng)競爭中，這是活下來的好資本。Metro UI 也是一個雄心勃勃的計劃，它緊緊抓住了其它界面成功的精髓，重視用戶體驗、重視開發(fā)者、重視生態(tài)系統(tǒng)的良性循環(huán)。這個要比界面上的模仿重要一萬倍。

寓言故事說：學我者生，似我者亡。用工筆畫描摹 iOS 的系統(tǒng)（比如 Android 上的 iOS 皮膚）注定只是匆匆過客，Metro UI 更像是潑墨揮毫的大作，在留白中給人以無盡的想象空間。

只要它足夠快，只要它更務(wù)實，拾起過去因為要快速追趕而舍棄的那些更簡單、更基礎(chǔ)、更人性化的元素，在追趕中完成從簡陋到華麗的轉(zhuǎn)身。