现代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

开发者	Microsoft
首次发布	2010年
操作系统	Windows 8.x

历史

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