现代UI

**Modern UI**
	模拟现代UI下Windows 8之开始画面
开发者	Microsoft

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

历史

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。

使用于

命名问题

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被正式抛弃。

参考文献

↑ DirectWrite 简介. [2017-01-28].
↑ Clearing Up The Confusion: It’s “The New Windows 8 UI” – Not “Metro UI”. [2012-12-07].
↑ ^3.0 ^3.1 ^3.2 Windows Phone 7 Series UI Design & Interaction Guide. 2010-03-18 [2010-10-09].
↑ E3: Xbox 360 getting TV tuner, Bing search, Metro interface. [2011-06-28].
↑ ^5.0 ^5.1 "Video: Windows 8 Uses WP7 Design, Runs from USB Stick" . Published Friday 15 April 2011. Retrieved Friday 15 April 2011.
↑ ^6.0 ^6.1 Office 15 新界面泄漏：Modern UI 与新动画效果. [2011-06-28].
↑ Windows Phone Design System: Codenamed ‘Metro’ (PDF). [2010-10-09].
↑ 微软新版主页出现 Metro UI被引入. [2011-06-28].
↑ Warren, Tom. Exclusive: Microsoft's Metro branding to be replaced 'this week' according to internal memo. The Verge (Vox Media). 2013-08-02 [2013-05-29].
↑ Microsoft to drop 'Metro' name for Windows. BBC. 2012-08-03 [2012-05-28].
↑ Bradley, Tony. Windows 8 'Metro' Is Dead, But UI Still Needs a Name. PC World. IDG. 2012-08-04 [2012-08-10].
↑ Chang, Alexandra. Microsoft Doesn’t Need a Name for Its User Interface. Wired. Condé Nast. 2012-08-08 [2013-05-28].
↑ McAllister, Neil. Microsoft: It was never 'Metro,' it was always 'Modern UI'. The Register. 2012-08-10 [2013-05-28].
↑ Make great Windows Store apps. MSDN. Microsoft. [2013-05-28].
↑ Design case study: iPad to Windows Store app. MSDN. Microsoft. [2013-05-28].
↑ Guidelines for typography. MSDN. Microsoft. [2013-05-28].
↑ Roadmap for Windows Store apps using DirectX and C++. MSDN. Microsoft. [2013-05-28].
↑ The Microsoft design language. Channel9. Microsoft. [2013-05-28].
↑ Foley, Mary Jo. Microsoft Design Language: The newest official way to refer to 'Metro'. ZDNet. CBS Interactive. [2013-05-28].
↑ Microsoft finally comes clean(er) on post-Metro naming plans. ZDNet. CBS Interactive. 2012-09-12 [2013-05-28].

外部链接

UX guidelines for Windows Store apps , Microsoft
User Experience Design Guidelines for Windows Phone , Microsoft

[1] DirectWrite 简介. [2017-01-28].

[2] Clearing Up The Confusion: It’s “The New Windows 8 UI” – Not “Metro UI”. [2012-12-07].

[WindowsPhone7UI-3] 3.0 ^3.1 ^3.2 Windows Phone 7 Series UI Design & Interaction Guide. 2010-03-18 [2010-10-09].

[4] E3: Xbox 360 getting TV tuner, Bing search, Metro interface. [2011-06-28].

[windows_8-5] 5.0 ^5.1 "Video: Windows 8 Uses WP7 Design, Runs from USB Stick" . Published Friday 15 April 2011. Retrieved Friday 15 April 2011.

[Office-6] 6.0 ^6.1 Office 15 新界面泄漏：Modern UI 与新动画效果. [2011-06-28].

[Metro-7] Windows Phone Design System: Codenamed ‘Metro’ (PDF). [2010-10-09].

[8] 微软新版主页出现 Metro UI被引入. [2011-06-28].

[9] Warren, Tom. Exclusive: Microsoft's Metro branding to be replaced 'this week' according to internal memo. The Verge (Vox Media). 2013-08-02 [2013-05-29].

[10] Microsoft to drop 'Metro' name for Windows. BBC. 2012-08-03 [2012-05-28].

[11] Bradley, Tony. Windows 8 'Metro' Is Dead, But UI Still Needs a Name. PC World. IDG. 2012-08-04 [2012-08-10].

[12] Chang, Alexandra. Microsoft Doesn’t Need a Name for Its User Interface. Wired. Condé Nast. 2012-08-08 [2013-05-28].

[elreg-13] McAllister, Neil. Microsoft: It was never 'Metro,' it was always 'Modern UI'. The Register. 2012-08-10 [2013-05-28].

[14] Make great Windows Store apps. MSDN. Microsoft. [2013-05-28].

[15] Design case study: iPad to Windows Store app. MSDN. Microsoft. [2013-05-28].

[16] Guidelines for typography. MSDN. Microsoft. [2013-05-28].

[17] Roadmap for Windows Store apps using DirectX and C++. MSDN. Microsoft. [2013-05-28].

[18] The Microsoft design language. Channel9. Microsoft. [2013-05-28].

[19] Foley, Mary Jo. Microsoft Design Language: The newest official way to refer to 'Metro'. ZDNet. CBS Interactive. [2013-05-28].

[zdnet-metroname-20] Microsoft finally comes clean(er) on post-Metro naming plans. ZDNet. CBS Interactive. 2012-09-12 [2013-05-28].

[1]

[2]

[3]

[4]

[5]

[6]

[7]

[8]

[9]

[10]

[11]

[12]

[13]

[14]

[15]

[16]

[17]

[18]

[19]

[20]