Metro UI的設計美學探討

【摘 要】Metro UI順應科技發展的浪潮而生，是微軟新興設計風格的代名詞，該技術已于2010年初在美國成功申請了專利。Metro UI源于瑞士的國際主義平面風格，冷靜、理性、信息傳達準確。[1]它在微軟旗下產品中的特點以輕量、快速、現代為主，用以強調信息本身，即內容為王，其所承載的產品也引領了未來的消費潮流和設計趨勢。

【關鍵詞】Metro UI；微軟；瑞士國際主義；信息；消費者

長久以來，擬物化風格大行其道，不論是網站、手機、平板、PC亦或是智能電視的界面，大家都在用漸變、陰影、發光等效果來突顯質感。早幾年的設計界，擅長繪制逼真圖標的設計師更是招聘方的香餑餑。可在近3年，Metro UI的出現顛覆了以往的擬物化設計，這種未來的、理性的設計是否能被大眾所接受呢？畢竟全新的東西總會帶來一些革命和震蕩。

一、什么是Metro UI

Metro來源于美國某交通局的標志設計，盡量采用鮮明的大字體來吸引受眾的注意力。Metro UI在微軟內部開發之初被命名為”typography-based design language”，譯為基于排版的設計語言，該設計風格現已被運用于微軟旗下的各個產品中，Windows Phone， Windows 8， Xbox 360， Office和Bing等。[2]值得一提的是Windows Phone及Windows 8的設計靈感來源于地鐵站、機場的標識牌，即便是匆匆來往的乘客也能迅速獲得他們需要的信息。電子設備的消費者們往往和這些乘客一樣，需要快速有效的解決問題，因此，Metro UI的出現恰好滿足了消費者的需求并且引領了電子產品的設計潮流。

Metro UI的設計思路實際上是基于用戶對界面設計認知的升華，當年的微軟正是借鑒了Apple的擬物化設計風格才問世并發揚光大，而現在的微軟則完全拋棄了擬物化設計，通過追求純粹的平面化視覺體驗來高度篩選并整合用戶所需要的信息。

二、Metro UI源于瑞士的國際主義平面風格

20世紀50年代，在聯邦德國和瑞士形成了一種嶄新的平面設計風格。這種風格傳達準確、風格鮮明，加之采用方格網為設計基礎，因此流行于全世界，并成為二戰后影響最大并被廣泛使用的設計風格，由此被稱為瑞士國際主義平面風格。它包括Helvetica字體和版面設計等標準方式。這種冷靜、理性、四平八穩和高度功能化的瑞士平面設計不但給人以深刻的印象，也成為了現代平面設計最重要的風格之一。[3]

國際主義平面風格之所以能達到高度的統一性，歸功于它簡單的柵格化系統和精準的版面公式，并在設計觀念上注重功能主義思想和數學邏輯。國際主義的設計師們認為他們不是藝術家，而是傳播信息的紐帶，因此“秩序”二字成為了其核心的設計目標。

三、Metro UI特點

Metro UI以內容為主，貫徹以去修飾的平面化、動態、沉浸式體驗和邊緣交互等特點。它在開創新天地的時候也引領了世界的潮流。具體特征如下：

（一）輕巧、光滑、現代

Windows 8的主屏給用戶最直觀的感受就是輕巧、現代，滑動以及觸摸動畫都十分的流暢。以圖塊構成的主頁就像五光十色的琉璃瓦，而且每個圖快上的信息都是動態的，用戶可以在不啟動程序的時候就能獲得一些關鍵信息。圖塊有大中小三種樣式，用戶可以自由拼貼組合成個性化的桌面。

（二）以展示信息為主，去掉過度的裝飾，提供良好的閱讀體驗

界面設計不是美術繪畫，不是藝術家張揚個性的媒介，它要考慮到使用者的需求、使用情境、交互方式等，通過科學的方法來改善設計，并與用戶研究緊密結合，最終為用戶服務。[4]因此，內容為王不僅能方便用戶快速的閱讀，去掉過度裝飾的設計也可以節省很大的儲存空間。例如，在信息架構上去掉了分隔線，在信息修飾上去掉了高光、陰影、漸變等效果，讓文字和圖形返璞歸真。

（三）嚴格的柵格化系統

柵格化系統就是把界面的寬度分成固定的相同寬度，然后列出各種組合的可能，以便快速布局。

Metro UI十分注重信息的層級關系和排版布局，并且還提供給第三方開發者和設計師嚴格的設計規范，細致到了內容所占空間的大小、段落的間距、標題及正文的大小、動畫效果等等。可見微軟對產品設計的高度一致性達到了吹毛求疵的程度。

（四）操作被隱藏，給用戶沉浸式的使用體驗

系統的操作在windows 8中被隱藏了以來，用戶須要的時候可從設備右側邊緣呼出，同時設備的上、左、下邊緣也各司其職，上邊緣是應用內部導航，左邊緣是應用切換，底部是編輯菜單，微軟稱之為“邊緣交互”。

四、消費者對Metro UI的接受度

Metro UI會被消費者接受嗎？這并不容易。iPhone系列在初代、3G、3GS時就有了深厚的用戶積累并在用戶反饋中不斷的進化，由此iPhone4推出時銷量的爆炸式增長也是可以預見的，正如前文所說，消費者需要一個漫長的過程才愿意接受新的事物。當Android剛出現時，界面和iOS基本相同，大大降低了用戶對新事物的學習成本，然后選擇在產品的迭代中逐步突出自己的特性。

Windows Phone既2010年年底發布，13年11月應用程序的數量也達到了6萬，雖然基本形成了一個完整的生態系統，但時至今日市場份額還是距Android和iOS相差甚遠。如果說Android是站在巨人的肩膀上，那Windows Phone可謂是白手起家、另辟蹊徑。雖然Metro UI有著不可替代的信息直觀、動態豐富、邊緣交互等獨一無二的優勢，但嘗試WP的消費者還是更傾向傳統圖標的操作方式，一方面是不愿主動嘗試新的事物，另一方面是搭載Android系統的智能機占據了絕大部分低端市場。因此Windows Phone雖然很優秀，但想撼動iOS和Android的地位依然困難重重。

五、Metro UI未來發展

Metro風格無處不在，地鐵、機場、商場、馬路等等，微軟把自家的產品和消費者的生活緊密的融合在一起，源于生活又高于生活，簡約而不簡單。同時，Windows Phone和桌面Windows也越來越接近無縫整合，大大降低了使用門檻。盡管前幾年Apple大行其道，但現在微軟正身先士卒地跳出這個怪圈來重新思考未來的桌面系統、手機系統和日常生活。微軟的Metro UI已經站在了時代的前端甚至領先了其他公司數年。隨著時間的推移和產品的進化，用戶對微軟的產品接受度也會越來越高，到那時候，其他公司就要忙著迎頭趕上了。

【參考文獻】

[1]俞木發，王志軍.Win 8來襲，你Hold住了嗎[J].電腦愛好者，2012（08）.

[2]李易.Windows 8殺入移動終端必勝的六大理由[J].中國經濟和信息化，2011（19）.

[3]陳雅，吳衛.瑞士國際主義平面設計大師—艾米爾·魯德作品探析[J].商場現代化，2011（32）.

[4]（美）唐納德·A.諾曼（DonaldA.Norman）.設計心理學[M].梅瓊，譯.中信出版社， 2003.