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

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

历史
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年，随着微软宣布Fluent UI，Metro UI被正式抛弃。
参考文献
1. DirectWrite 简介 (https://msdn.microsoft.com/zh-cn/library/windows/desktop/dd371554
(v=vs.85).aspx) . [2017-01-28]. （原始内容存档 (https://web.archive.org/web/20170202
084909/https://msdn.microsoft.com/zh-cn/library/windows/desktop/dd371554(v=vs.85).
aspx) 于2017-02-02）.
2. Clearing Up The Confusion: It’s “The New Windows 8 UI” – Not “Metro UI” (http://techcrun
ch.com/2012/10/24/clearing-up-the-confusion-its-the-new-windows-8-ui-not-metro-
ui/) . [2012-12-07]. （原始内容存档 (https://web.archive.org/web/20121127015505/htt
p://techcrunch.com/2012/10/24/clearing-up-the-confusion-its-the-new-windows-8-ui-not-
metro-ui/) 于2012-11-27）.
3. Windows Phone 7 Series UI Design & Interaction Guide (http://windowsteamblog.com/win
dows_phone/b/wpdev/archive/2010/03/18/windows-phone-7-series-ui-design-amp-inter
action-guide.aspx) . March 18, 2010 [2010-10-09]. （原始内容存档 (https://web.archive.
org/web/20130527071856/http://blogs.windows.com/windows_phone/b/wpdev/archive/
2010/03/18/windows-phone-7-series-ui-design-amp-interaction-guide.aspx) 于2013-05-
27 ）.
4. E3: Xbox 360 getting TV tuner, Bing search, Metro interface (http://blog.seattlepi.com/mic
rosoft/2011/06/06/e3-xbox-360-getting-tv-tuner-bing-search-metro-interface) .
[2011-06-28]. （原始内容存档 (https://web.archive.org/web/20110623112546/http://blo
g.seattlepi.com/microsoft/2011/06/06/e3-xbox-360-getting-tv-tuner-bing-search-metro-i
nterface/) 于2011-06-23）.
5. "Video: Windows 8 Uses WP7 Design, Runs from USB Stick" (http://www.technewsdaily.co
m/video-windows-8-uses-wp7-design-runs-from-usb-stick-2529/) （页面存档备份 (http
s://web.archive.org/web/20110619192818/http://www.technewsdaily.com/video-window
s-8-uses-wp7-design-runs-from-usb-stick-2529/) ，存于互联网档案馆）. Published
Friday 15 April 2011. Retrieved Friday 15 April 2011.

6. Office 15 新界面泄漏：Metro UI 与新动画效果 (http://livesino.net/archives/3294.live) .

[2011-06-28]. （原始内容存档 (https://web.archive.org/web/20110318214817/http://lives
ino.net/archives/3294.live) 于2011-03-18）.
 7. Windows Phone Design System: Codenamed ‘Metro’ (https://go.microsoft.com/fwlink/?Li
nkID=189338) (PDF). [2010-10-09]. （原始内容存档 (http://webarchive.loc.gov/all/2014
1127151228/http://go.microsoft.com/fwlink/?LinkID=189338) 于2014-11-27）.

8. 微软新版主页出现 Metro UI被引入 (http://news.csdn.net/a/20110119/290398.html) .

[2011-06-28]. （原始内容存档 (https://web.archive.org/web/20110122231833/http://new
s.csdn.net/a/20110119/290398.html) 于2011-01-22）.

9. Warren, Tom. Exclusive: Microsoft's Metro branding to be replaced 'this week' according
to internal memo (http://www.theverge.com/2012/8/2/3216545/microsoft-metro-brandin
g-memo-european-partner) . The Verge (Vox Media). 2 August 2013 [29 May 2013]. （原
始内容存档 (https://www.webcitation.org/69dkyJL9y?url=http://www.theverge.com/201
2/8/2/3216545/microsoft-metro-branding-memo-european-partner) 于2012-08-03）.

10. Microsoft to drop 'Metro' name for Windows (http://www.bbc.com/news/technology-191

08952) . BBC. 3 August 2012 [28 May 2012]. （原始内容存档 (https://www.webcitation.
org/6Gu6bU9AR?url=http://www.bbc.co.uk/news/technology-19108952) 于2013-05-
26）.

11. Bradley, Tony. Windows 8 'Metro' Is Dead, But UI Still Needs a Name (http://www.pcworld.c
om/businesscenter/article/260367/windows_8_metro_is_dead_but_ui_still_needs_a_nam
e.html) . PC World. IDG. 4 August 2012 [10 August 2012]. （原始内容存档 (https://web.a
rchive.org/web/20120823062731/http://www.pcworld.com/businesscenter/article/26036
7/windows_8_metro_is_dead_but_ui_still_needs_a_name.html) 于2012-08-23）.
12. Chang, Alexandra. Microsoft Doesn’t Need a Name for Its User Interface (http://www.wire
d.com/gadgetlab/2012/08/microsoft-doesnt-need-a-name-for-its-ui-metro-or-not/) .
Wired. Condé Nast. 8 August 2012 [28 May 2013]. （原始内容存档 (https://web.archive.or
g/web/20130921123631/http://www.wired.com/gadgetlab/2012/08/microsoft-doesnt-ne
ed-a-name-for-its-ui-metro-or-not/) 于2013-09-21）.
13. McAllister, Neil. Microsoft: It was never 'Metro,' it was always 'Modern UI' (http://www.ther
egister.co.uk/2012/08/10/metro_is_modern_ui_now/) . The Register. 10 August 2012
[28 May 2013]. （原始内容存档 (https://www.webcitation.org/6Gu6ebXoh?url=http://ww
w.theregister.co.uk/2012/08/10/metro_is_modern_ui_now/) 于2013-05-26）.

14. Make great Windows Store apps (http://msdn.microsoft.com/library/windows/apps/hh46

4920.aspx) . MSDN. Microsoft. [28 May 2013]. （原始内容存档 (https://www.webcitatio
n.org/6Gu6fkV4d?url=http://msdn.microsoft.com/library/windows/apps/hh464920.asp
x) 于2013-05-26）.
15. Design case study: iPad to Windows Store app (http://msdn.microsoft.com/en-us/library/
windows/apps/hh868262.aspx) . MSDN. Microsoft. [28 May 2013]. （原始内容存档 (htt
 ps://www.webcitation.org/6Gu6gPiEq?url=http://msdn.microsoft.com/en-us/library/wind
ows/apps/hh868262.aspx) 于2013-05-26）.
16. Guidelines for typography (http://msdn.microsoft.com/en-us/library/windows/apps/jj553
415.aspx) . MSDN. Microsoft. [28 May 2013]. （原始内容存档 (https://www.webcitation.
org/6Gu6hpXAX?url=http://msdn.microsoft.com/en-us/library/windows/apps/jj553415.
aspx) 于2013-05-26）.
17. Roadmap for Windows Store apps using DirectX and C++ (http://msdn.microsoft.com/en-
us/library/windows/apps/xaml/jj126138.aspx) . MSDN. Microsoft. [28 May 2013]. （原
始内容存档 (https://www.webcitation.org/6Gu6inlNU?url=http://msdn.microsoft.com/libr
ary/windows/apps/jj126138.aspx) 于2013-05-26）.

18. The Microsoft design language (http://channel9.msdn.com/Events/Build/2012/2-116) .

Channel9. Microsoft. [28 May 2013]. （原始内容存档 (https://www.webcitation.org/6Gu6j
RiXr?url=http://channel9.msdn.com/Events/Build/2012/2-116) 于2013-05-26）.

19. Foley, Mary Jo. Microsoft Design Language: The newest official way to refer to 'Metro' (ht
tps://www.zdnet.com/microsoft-design-language-the-newest-official-way-to-refer-to-metr
o-7000006526/) . ZDNet. CBS Interactive. [28 May 2013]. （原始内容存档 (https://www.
webcitation.org/6Gu6l9iWe?url=http://www.zdnet.com/microsoft-design-language-the-ne
west-official-way-to-refer-to-metro-7000006526/) 于2013-05-26）.
20. Microsoft finally comes clean(er) on post-Metro naming plans (https://www.zdnet.com/mi
crosoft-finally-comes-cleaner-on-post-metro-naming-plans-7000004151/) . ZDNet. CBS
Interactive. 12 September 2012 [28 May 2013]. （原始内容存档 (https://www.webcitation.
org/6Adwgk5Ku?url=http://www.zdnet.com/microsoft-finally-comes-cleaner-on-post-metr
o-naming-plans-7000004151/) 于2012-09-13）.
外部链接
UX guidelines for Windows Store apps (http://msdn.microsoft.com/en-us/library/windows/ap
ps/hh465424.aspx) （页面存档备份 (https://web.archive.org/web/20121130145243/http://
msdn.microsoft.com/en-us/library/windows/apps/hh465424.aspx) ，存于互联网档案馆）,
Microsoft
User Experience Design Guidelines for Windows Phone (http://msdn.microsoft.com/en-us/libr
ary/hh202915%28v=VS.92%29.aspx) （页面存档备份 (https://web.archive.org/web/20121
218101657/http://msdn.microsoft.com/en-us/library/hh202915%28v=VS.92%29.aspx) ，
存于互联网档案馆）, Microsoft
取自“https://zh.wikipedia.org/w/index.php?title=现
代UI&oldid=65227861”

42.77.39.75最后编辑于2月前

除非另有声明，本网站内容采用CC BY-SA 3.0 授

权。