[[55273]]

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

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

 一、積極的顏色

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

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

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

 二、工具的缺乏

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

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

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

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

 三、圖像的意義

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

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

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

Metro UI 中的信息因?yàn)槿鄙兕伾蛨D標(biāo)的積極參與，傳遞與互動(dòng)并不像設(shè)計(jì)期望的那么高效。

 四、學(xué)我者生，似我者亡

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

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

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