Metro UI，也叫Modern UI（這個名字現(xiàn)在更常用）、Windows8 Style UI，是微軟基于設(shè)計語言設(shè)計的一種界面風(fēng)格，此設(shè)計已被用于移動操作系統(tǒng)Windows Phone、Windows 8、Xbox 360等多款微軟產(chǎn)品，也是目前各種設(shè)計風(fēng)格里面最大行其道的，所以先講講Metro UI Design。

Metro設(shè)計理念

圖例為WP7和WP8的Segoe字體

Metro作為一種文字導(dǎo)向（typography-based）的設(shè)計，設(shè)計一般采用微軟WP為此設(shè)計的標(biāo)準(zhǔn)字體："Segoe WP"，它也比起其他UI設(shè)計風(fēng)格更加注重字體，并且在持續(xù)不停進(jìn)化中，原因是Metro的設(shè)計原則之一是"content before Chrome"，翻譯過來大致是“內(nèi)容大于裝飾”，所以這種設(shè)計風(fēng)格更加注重應(yīng)用內(nèi)容本身（一般以文字和線描圖展現(xiàn)），而不是在于傳統(tǒng)設(shè)計上的“Graphic”（圖形），這也是當(dāng)初它搭配在Lumia上一出世就把大家驚艷到的主要因素。

這種基于瑞士平面設(shè)計的設(shè)計原則，有利于設(shè)計出以文字為主的導(dǎo)航界面。機(jī)場和地鐵的指示牌給了微軟設(shè)計團(tuán)隊靈感，其風(fēng)格大量采用大字體，能吸引觀眾之注意力。微軟認(rèn)為Metro設(shè)計主題應(yīng)該是：“光滑、快、現(xiàn)代”（Simple.Clean.Modern），于是現(xiàn)在你看到的Metro的圖標(biāo)設(shè)計也不同于Android和iOS，即便它還是有不少的傳統(tǒng)意義上的圖標(biāo)。

2006年，Zegoe UI風(fēng)格

2006年，當(dāng)微軟媒體播放器內(nèi)置系統(tǒng)Zune開始使用類似Metro的設(shè)計風(fēng)格的時候，微軟的設(shè)計師就計劃重新設(shè)計現(xiàn)有用戶界面、更清爽的排版和較少的重點(diǎn)以便于用戶使用，當(dāng)時還被稱為* Zegoe UI。后來移植到手機(jī)，出現(xiàn)了“Live tiles”（活動磁貼）*，并成為了Metro UI的一個重要組成部分。

微軟這種設(shè)計摒棄了復(fù)雜圖形而直接展示內(nèi)容本身，提升了常用任務(wù)使用體驗和速度，這種界面使用更多大面積塊，標(biāo)題和內(nèi)容非常直觀的顯示出來，而且常常伴隨著屏幕滾動。動畫在Metro UI里面占有巨大的作用，這樣能給用戶一種這些界面是“活的”，是可以“深入對話”的。

Metro發(fā)展史

頗具有年代感的產(chǎn)品

早在20世紀(jì)末，微軟公司旗下產(chǎn)品Encarta 95（微軟旗下一個類似維基百科的應(yīng)用）和MSN 2.0就已經(jīng)隱約有這種“Metro”的影子了。到了Windows Media Centre和Zune（一個便攜播放器的播放系統(tǒng)），這種設(shè)計已經(jīng)大幅度進(jìn)化了，接下來應(yīng)用在更加廣為人知的Windows Phone 7上。

由于移動互聯(lián)時代移動設(shè)備的重要性逐漸取代當(dāng)年傳統(tǒng)的本地PC端單機(jī)，于是當(dāng)WP上一些應(yīng)用要和本地的諸如Xbox系列都開始掛鉤的時候，導(dǎo)致了一些傳統(tǒng)應(yīng)用和系統(tǒng)也開始了重新設(shè)計，微軟對外暫定把這個名字命名Metro（也沒有打算永久用下去的名字）。于是今天看到的就是，微軟在它的一系列產(chǎn)品上都大幅度使用了這個風(fēng)格。

關(guān)于這種設(shè)計風(fēng)格為何改名（設(shè)計史上很少這種先例），倒是有一段故事：

2012年末，以“Metro”為名的公司麥德龍（Metro AG）聲稱微軟的接口Metro UI的 "Metro"一字已經(jīng)侵權(quán)將要提告，一封要求停止使用"Metro"字眼直至代替字眼或案件結(jié)案的備忘錄亦被發(fā)送到軟件開發(fā)者和微軟員工；后雖沒有提告，但微軟為了不再與該公司名稱沖突，決定取消"Metro"名稱，改用"Windows 8 Style UI"或者"Modern UI"取代了Metro UI，但實質(zhì)上還是一樣的。然后，在2012年9月，"微軟設(shè)計語言（Microsoft design language）"開始被用到微軟開發(fā)者網(wǎng)絡(luò)的文件內(nèi)以及Build年度會議。

所以，當(dāng)大家廣泛知道Metro Design的時候，它已經(jīng)正式改名了。

Metro評價

手機(jī)系統(tǒng)WP7曾經(jīng)被Industrial Designers Society of America (IDSA)評價為“黃金交互”，其UE顧問說到它深入內(nèi)容本身并展現(xiàn)出來，界面優(yōu)雅獨(dú)一無二。而操作系統(tǒng)Windows 8出來以后反而有人認(rèn)為是個失?。洪_始菜單和其他界面完全兩種風(fēng)格，很割裂，有種兩重人格的感覺。

我相信有不少人也有這種想法，不過考慮到微軟陣營的平板遠(yuǎn)遠(yuǎn)沒有手機(jī)那么普及，而PC尚未做到大規(guī)?？捎|屏的時候，OS要如何平衡設(shè)計和功能，的確也是微軟要解決的一個難題。

Metro現(xiàn)狀

圖例：新版本Outlook

現(xiàn)在，微軟已經(jīng)集成此設(shè)計風(fēng)格到旗下產(chǎn)品中，比如Windows Live Messenger和Live Mesh。而Windows 8和Office2013全面使用Windows UI設(shè)計。而目前，微軟官方網(wǎng)站及微軟旗下OneDrive、http://Outlook.com亦部分使用此設(shè)計，該設(shè)計風(fēng)格還能風(fēng)靡世界多久，還得看微軟未來會對目前的Metro風(fēng)格做出多大改變，而它的上升空間依然還是很大的，個人還是很看好它的前景。