Metro UI,也叫Modern UI(這個名字現在更常用)、Windows8 Style UI,是微軟基于設計語言設計的一種界面風格,此設計已被用于移動操作系統Windows Phone、Windows 8、Xbox 360等多款微軟產品,也是目前各種設計風格里面最大行其道的,所以先講講Metro UI Design。
Metro設計理念
圖例為WP7和WP8的Segoe字體
Metro作為一種文字導向(typography-based)的設計,設計一般采用微軟WP為此設計的標準字體:"Segoe WP",它也比起其他UI設計風格更加注重字體,并且在持續不停進化中,原因是Metro的設計原則之一是"content before Chrome",翻譯過來大致是“內容大于裝飾”,所以這種設計風格更加注重應用內容本身(一般以文字和線描圖展現),而不是在于傳統設計上的“Graphic”(圖形),這也是當初它搭配在Lumia上一出世就把大家驚艷到的主要因素。
這種基于瑞士平面設計的設計原則,有利于設計出以文字為主的導航界面。機場和地鐵的指示牌給了微軟設計團隊靈感,其風格大量采用大字體,能吸引觀眾之注意力。微軟認為Metro設計主題應該是:“光滑、快、現代”(Simple.Clean.Modern),于是現在你看到的Metro的圖標設計也不同于Android和iOS,即便它還是有不少的傳統意義上的圖標。
2006年,Zegoe UI風格
2006年,當微軟媒體播放器內置系統Zune開始使用類似Metro的設計風格的時候,微軟的設計師就計劃重新設計現有用戶界面、更清爽的排版和較少的重點以便于用戶使用,當時還被稱為* Zegoe UI。后來移植到手機,出現了“Live tiles”(活動磁貼)*,并成為了Metro UI的一個重要組成部分。
微軟這種設計摒棄了復雜圖形而直接展示內容本身,提升了常用任務使用體驗和速度,這種界面使用更多大面積塊,標題和內容非常直觀的顯示出來,而且常常伴隨著屏幕滾動。動畫在Metro UI里面占有巨大的作用,這樣能給用戶一種這些界面是“活的”,是可以“深入對話”的。
Metro發展史
頗具有年代感的產品
早在20世紀末,微軟公司旗下產品Encarta 95(微軟旗下一個類似維基百科的應用)和MSN 2.0就已經隱約有這種“Metro”的影子了。到了Windows Media Centre和Zune(一個便攜播放器的播放系統),這種設計已經大幅度進化了,接下來應用在更加廣為人知的Windows Phone 7上。
由于移動互聯時代移動設備的重要性逐漸取代當年傳統的本地PC端單機,于是當WP上一些應用要和本地的諸如Xbox系列都開始掛鉤的時候,導致了一些傳統應用和系統也開始了重新設計,微軟對外暫定把這個名字命名Metro(也沒有打算永久用下去的名字)。于是今天看到的就是,微軟在它的一系列產品上都大幅度使用了這個風格。
關于這種設計風格為何改名(設計史上很少這種先例),倒是有一段故事:
2012年末,以“Metro”為名的公司麥德龍(Metro AG)聲稱微軟的接口Metro UI的 "Metro"一字已經侵權將要提告,一封要求停止使用"Metro"字眼直至代替字眼或案件結案的備忘錄亦被發送到軟件開發者和微軟員工;后雖沒有提告,但微軟為了不再與該公司名稱沖突,決定取消"Metro"名稱,改用"Windows 8 Style UI"或者"Modern UI"取代了Metro UI,但實質上還是一樣的。然后,在2012年9月,"微軟設計語言(Microsoft design language)"開始被用到微軟開發者網絡的文件內以及Build年度會議。
所以,當大家廣泛知道Metro Design的時候,它已經正式改名了。
Metro評價
手機系統WP7曾經被Industrial Designers Society of America (IDSA)評價為“黃金交互”,其UE顧問說到它深入內容本身并展現出來,界面優雅獨一無二。而操作系統Windows 8出來以后反而有人認為是個失?。洪_始菜單和其他界面完全兩種風格,很割裂,有種兩重人格的感覺。
我相信有不少人也有這種想法,不過考慮到微軟陣營的平板遠遠沒有手機那么普及,而PC尚未做到大規??捎|屏的時候,OS要如何平衡設計和功能,的確也是微軟要解決的一個難題。
Metro現狀
圖例:新版本Outlook
現在,微軟已經集成此設計風格到旗下產品中,比如Windows Live Messenger和Live Mesh。而Windows 8和Office2013全面使用Windows UI設計。而目前,微軟官方網站及微軟旗下OneDrive、http://Outlook.com亦部分使用此設計,該設計風格還能風靡世界多久,還得看微軟未來會對目前的Metro風格做出多大改變,而它的上升空間依然還是很大的,個人還是很看好它的前景。
新聞熱點
疑難解答