Metro UI 是微软的一种设计语言和格式,它是基于瑞士平面设计的设计,设计灵感来自于机场和地铁的指示牌,因此被称为“Metro UI”。Metro UI 最大的变化就是无边框的全屏显示,内容就是界面主体。其风格是大量采用大字体,强调 信息本身,而不是冗余的界面元素,其目的是帮助用户在最短的时间内找到所需的信息。
![](http://www.geekpark.net/uploads/reading/seed/4862f788b4b5ec8d8ab9c45af9288700.png)
图:Metro UI 对纯内容类应用比较友好,排版显得更加清爽和简洁
![](http://www.geekpark.net/uploads/reading/seed/9c9de975280b312163dc4c62407f9227.png)
Metro/Modern UI 的设计主题是“光滑、快、现代”,即在强调内容的同时也强调流畅、动画等特效。首页闪动的动态磁贴、应用开启的动态旋转点及操作相应提示都让 Win 8 整个系统具有一种动态的“呼吸感”,如下图。
![](http://www.geekpark.net/uploads/reading/seed/d7589645192e0672ee67646c0afc2464.png)
Metro UI 在 Win8 中的缺点:
强调内容对 Metro UI 是把双刃剑,和苹果 Retina 显示目前遇到的问题相似,当图片质量比较差,又被放的很大时,体验效果会非常差。另外就是强调内容的 Metro UI 展示出来的内容、信息量反而更少,很多情况下需要点击右下角的缩小按钮。
![](http://www.geekpark.net/uploads/reading/seed/1786aebbcbb3aff13dd901186065fe3e.png)
(照片、文件管理器等应用默认展示信息量太小)
Metro/Modern UI 还有一个缺点就是导航比较困难,全屏显示的 Metro UI 只能通过后退按钮一点点的往后倒退,没有类似面包屑导航,可以让你一目了然的明白当前在哪个位置,节点间的跳转也比较困难。
![](http://www.geekpark.net/uploads/reading/seed/02028a10e9ce71026ebc4a6f5acf6bd7.png)
(Metro 应用的导航大多数都是仅仅依靠后退按钮)
此外 Metro UI 是专门为英文定制的,配套的 Segoe 字体对英文显示更加友好,这也是很多用户感觉中文下显示有点别扭的原因。Metro 风格应用需要合理地使用字体大小、粗细、颜色、轨迹和间距才能表现出其特有的干净整洁,而这些 UI 元素的表现都是通过 Segoe UI 字体实现的,除了 Segoe UI 是系统中最容易被识别的字体外,最重要的是 Metro UI 专门就是为 Segoe UI 设计的,可以说它与 Metro 风格的关联最紧密。这也是为什么中文字体显示下 Metro 表现比原生 Metro 相差很大的原因。
当然,虽然 Metro/Modern 有不少缺点,但在微软看来 Metro/Modern UI 是“瑕不掩瑜”的,不仅已经将其用于 Zune、Windows Phone 7 和 Xbox 360 等多款微软产品,如果加上现在的 Windows 8、Office 2013、Skype 及新的 Outlook、Live 等网页版,微软几乎已经将 Metro/Modern UI 贯穿到了所有产品上,可以肯定的是未来微软所有的产品、服务等界面将全部统一化,未来微软似乎要让所有产品整体的界面看上去将更加简洁和美观。