現代UI

現代UI^[1]（英語：Modern UI），也稱Metro UI^[2]、Windows 8 Style UI，是微軟一種介面設計語言，已被用於Windows Phone、Windows 8、Windows 10、Xbox 360等多款微軟產品。^[3][4]採用微軟WP為此設計的標準字型。^[3]在2012年Computex Taipei大會，微軟確認此設計風格會用於Windows 8^[5]和Office 2013上。^[6]

Modern UI

採用了Metro UI的Windows Phone 8開始介面
開發者	Microsoft
首次發佈	2010年

歷史

Metro是根據瑞士平面設計的設計原則，此設計的原則曾在Windows XP的Windows Media Center中體現，這有利於以文字為主的介面導航。2006年，Zune開始使用類似Metro的設計風格。微軟的設計師計劃重新設計現有用戶介面、更清爽的排版和較少的重點以便於用戶使用。^[7]Zune的電腦端配套程式也使用了不同於以往Portable Media Center用戶介面的清爽排版和設計。

2012年末，以「Metro」為名的公司麥德龍（Metro AG）聲稱微軟的介面Metro UI "Metro"一字已經侵權將要提告；後雖沒有提告，但微軟為了不再與該公司名稱衝突，決定取消"Metro"名稱，改用"Windows 8 Style UI"或者"Modern UI"取代了Metro UI，實質上是一樣的。

開發

機場和地鐵的指示牌給了微軟設計團隊靈感，其風格大量採用大字型，能吸引觀眾之注意力。微軟認為 Metro 設計主題應該是：「直覺、易懂、現代」。Modern的圖示設計也會不同於Android和iOS。

使用於

• 末代Windows Live Messenger和Live Mesh。^[3]
• Windows 8^[5]
• Windows Phone
• Windows 8.1
• Windows 10
• Office 2013^[6]
• Office 2016
• Office 2019
• 微軟官方網站
• OneDrive
• Outlook.com。^[8]

命名問題

2012年8月，微軟的零售合作夥伴德國麥德龍（Metro AG）對軟件巨擘微軟的「Metro」商標侵權行為採取法律行動。一封要求停止使用「Metro」字眼直至代替字眼或案件結案的備忘錄亦被傳送到軟件開發者和微軟員工。^[9][10]

同月4日，電腦雜誌PC World報導，微軟將暫時稱其設計語言為「Windows 8 Style UI」，以填補「Metro」暫停使用期間的空白。^[11]美國雜誌Wired的Alexandra Chang則建議微軟應直接使用「Windows 8」一詞，而非另選其他字眼。^[12]

同月9日，微軟計劃在消費者市場使用「Windows 8」，而對計劃使用微軟新設計語言來開發軟件的開發人員則使用「Modern UI」。^[13]

自2012年9月，「微軟設計語言（Microsoft design language）」開始被用到微軟開發者網絡的檔案內^{[14][15][16][17]} 以及Build年度會議^[18][19]。

現時，微軟已經放棄了使用Metro風格（Metro-style）應用程式來形容根據微軟件設計語言來開發的Windows Runtime應用程式。同時，在正式使用Windows 8 apps這一名詞之前暫時使用Windows Store apps代替。^[20]2019年，隨着微軟宣佈流暢設計體系，Metro UI被正式拋棄。

參考文獻

1. DirectWrite 简介. [2017-01-28]. （原始內容存檔於2017-02-02）.
2. Clearing Up The Confusion: It’s “The New Windows 8 UI” – Not “Metro UI”. [2012-12-07]. （原始內容存檔於2012-11-27）.
3. Windows Phone 7 Series UI Design & Interaction Guide. March 18, 2010 [2010-10-09]. （原始內容存檔於2013-05-27）.
4. E3: Xbox 360 getting TV tuner, Bing search, Metro interface. [2011-06-28]. （原始內容存檔於2011-06-23）.
5. "Video: Windows 8 Uses WP7 Design, Runs from USB Stick" （頁面存檔備份，存於互聯網檔案館）. Published Friday 15 April 2011. Retrieved Friday 15 April 2011.
6. Office 15 新界面泄漏：Modern UI 与新动画效果. [2011-06-28]. （原始內容存檔於2011-03-18）.
7. Windows Phone Design System: Codenamed ‘Metro’ (PDF). [2010-10-09]. （原始內容存檔於2014-11-27）.
8. 微软新版主页出现 Metro UI被引入. [2011-06-28]. （原始內容存檔於2011-01-22）.
9. Warren, Tom. Exclusive: Microsoft's Metro branding to be replaced 'this week' according to internal memo. The Verge (Vox Media). 2 August 2013 [29 May 2013]. （原始內容存檔於2012-08-03）.
10. Microsoft to drop 'Metro' name for Windows. BBC. 3 August 2012 [28 May 2012]. （原始內容存檔於2013-05-26）.
11. Bradley, Tony. Windows 8 'Metro' Is Dead, But UI Still Needs a Name. PC World. IDG. 4 August 2012 [10 August 2012]. （原始內容存檔於2012-08-23）.
12. Chang, Alexandra. Microsoft Doesn’t Need a Name for Its User Interface. Wired. Condé Nast. 8 August 2012 [28 May 2013]. （原始內容存檔於2013-09-21）.
13. McAllister, Neil. Microsoft: It was never 'Metro,' it was always 'Modern UI'. The Register. 10 August 2012 [28 May 2013]. （原始內容存檔於2013-05-26）.
14. Make great Windows Store apps. MSDN. Microsoft. [28 May 2013]. （原始內容存檔於2013-05-26）.
15. Design case study: iPad to Windows Store app. MSDN. Microsoft. [28 May 2013]. （原始內容存檔於2013-05-26）.
16. Guidelines for typography. MSDN. Microsoft. [28 May 2013]. （原始內容存檔於2013-05-26）.
17. Roadmap for Windows Store apps using DirectX and C++. MSDN. Microsoft. [28 May 2013]. （原始內容存檔於2013-05-26）.
18. The Microsoft design language. Channel9. Microsoft. [28 May 2013]. （原始內容存檔於2013-05-26）.
19. Foley, Mary Jo. Microsoft Design Language: The newest official way to refer to 'Metro'. ZDNet. CBS Interactive. [28 May 2013]. （原始內容存檔於2013-05-26）.
20. Microsoft finally comes clean(er) on post-Metro naming plans. ZDNet. CBS Interactive. 12 September 2012 [28 May 2013]. （原始內容存檔於2012-09-13）.

外部連結

• UX guidelines for Windows Store apps （頁面存檔備份，存於互聯網檔案館）, Microsoft
• User Experience Design Guidelines for Windows Phone （頁面存檔備份，存於互聯網檔案館）, Microsoft