计算机科学

首页 > 计算机科学

现代UI

2018-08-26 12:36:56     所属分类:图形用户界面
Metro UI
Microsoft-METRO-UserInterface-Logo Mid2011.svg
开发者 Microsoft
相似于Metro设计意念的站牌——金县都会交通局巴士站站牌

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

目录

  • 1 历史
    • 1.1 开发
  • 2 使用于
  • 3 命名问题
  • 4 参考文献
  • 5 外部链接

历史

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/Windows 8.1。[5]
  • Windows 10
  • Office 2013。[6]
  • Office 2016
  • 微软官方网站
  • 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]

参考文献

  1. ^ DirectWrite 简介
  2. ^ Clearing Up The Confusion: It’s “The New Windows 8 UI” – Not “Metro UI”
  3. ^ 3.0 3.1 3.2 Windows Phone 7 Series UI Design & Interaction Guide. March 18, 2010 [2010-10-09]. 
  4. ^ E3: Xbox 360 getting TV tuner, Bing search, Metro interface
  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.
  6. ^ 6.0 6.1 Office 15 新界面泄漏:Metro UI 与新动画效果
  7. ^ Windows Phone Design System: Codenamed ‘Metro’ (PDF). [2010-10-09]. 
  8. ^ 微软新版主页出现 Metro UI被引入
  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]. 
  10. ^ Microsoft to drop 'Metro' name for Windows. BBC. 3 August 2012 [28 May 2012]. 
  11. ^ Bradley, Tony. Windows 8 'Metro' Is Dead, But UI Still Needs a Name. PC World. IDG. 4 August 2012 [10 August 2012]. 
  12. ^ Chang, Alexandra. Microsoft Doesn’t Need a Name for Its User Interface. Wired. Condé Nast. 8 August 2012 [28 May 2013]. 
  13. ^ McAllister, Neil. Microsoft: It was never 'Metro,' it was always 'Modern UI'. The Register. 10 August 2012 [28 May 2013]. 
  14. ^ Make great Windows Store apps. MSDN. Microsoft. [28 May 2013]. 
  15. ^ Design case study: iPad to Windows Store app. MSDN. Microsoft. [28 May 2013]. 
  16. ^ Guidelines for typography. MSDN. Microsoft. [28 May 2013]. 
  17. ^ Roadmap for Windows Store apps using DirectX and C++. MSDN. Microsoft. [28 May 2013]. 
  18. ^ The Microsoft design language. Channel9. Microsoft. [28 May 2013]. 
  19. ^ Foley, Mary Jo. Microsoft Design Language: The newest official way to refer to 'Metro'. ZDNet. CBS Interactive. [28 May 2013]. 
  20. ^ Microsoft finally comes clean(er) on post-Metro naming plans. ZDNet. CBS Interactive. 12 September 2012 [28 May 2013]. 

外部链接

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

上一篇:部件工具箱
下一篇:界面外观

猜你喜欢

相关推荐