學我者生，似我者亡：再論 Metro UI 的優缺點

        微軟員工將 2008 年 11 月稱為“重啟（The Reset）”。當月，微軟終止 Windows 手機項目的全部工作，重新開始。

        之前這篇文章《微軟“重啟”Windows Phone 7 設計的經過》詳細描繪了在經過一年的 Windows Mobile 7 開發之后，微軟的開發人員終于意識到這是在一個錯誤的方向上越走越遠。

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

         一、積極的顏色

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

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

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

         二、工具的缺乏

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

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

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

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

         三、圖像的意義

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

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

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

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

         四、學我者生，似我者亡

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

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

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

        圖片來自 alinawaz