Windows 8 传统桌面的 Metro 化

Windows 8 传统桌面的 Metro 化

Windows 8 最近几个月的日子并不是很好过,其试图整合笔记本和平板电脑体验的 Windows 传统界面与 Metro 界面并存方式让很多用户并不认可,这两天还被对手苹果的蒂姆·库克讽刺为像是在冰箱一侧附上烤面包机功能。确实,同样是融合,苹果是以传统桌面为主界面,把 Launchpad 作为一个应用,而微软是以 Metro 界面为主界面,把传统桌面作为一个应用。孰是孰非这里就不过多讨论了。

Windows 8 现状

Metro 和传统桌面割裂

无论是今年 2 月份的消费者预览版(Consumer Preview),还是昨天刚刚发布的发布预览版(Release Preview)暂时都是半 Metro 半桌面,介于 Metro 和传统桌面之间。当鼠标移至屏幕最右下角或最右上角时显示的 Metro 化 Charm 菜单也显得极其突兀不和谐。

风格割裂的 Metro界面和传统桌面

Windows 8 传统桌面 Metro 化

从去年 11 月份的开发者预览版到消费者预览版,再到现在的发布预览版,我们可以看到传统桌面的 UI 也在朝着 Metro 化的方向进化。

Win8 发布预览版

此外,包括 Zune 、Office 2015、Visual Studio 2011 、Device Center 等在内的微软自家桌面软件也在逐渐 Metro 化,同时第三方的桌面软件也有在往 Metro 这个方向发展,如 GitHub for Windows 、Metrotwit 、 IDM。

桌面软件的 Metro 化

虽然对于 Windows 8 来说,用来支持平板体验的 Metro 界面是其最大的亮点和特性,但是对于微软来说,更多的用户还是停留在使用原始桌面上,那么如何使新的桌面软件的外观与 Metro 更加接近和统一便成为了接下来将要做的事情。目前我们可以从 Windows 8 系统的界面变化以及其自家和第三方的传统软件上总结出桌面软件的 Metro 化趋势。

1. 平面一体化

 Win8 发布预览版-Metro 化

Metro UI 的特性之一就是平面化,给用户一种沉浸感,桌面软件的 Metro 话虽然不至于像 Metro 应用那样全屏化,但也在一直往全平面化的方向发展,包括界面扁平化、直角化和去边框化。此外,最近微软还宣布将去除 Aero Glass 透明毛玻璃特效、移除反光效果、缩减渐变和阴影效果(将在随后的 RTM 版本应用),整体的趋势是将令人分心的边框和功能栏全部融入主体中去,统一平面一体化,使产品更加整洁利落。通过下图 Visual Studio 的界面变动可以一览无余。

 Visual Studio 界面 Metro 化

2. 简约化

在平面立体化的同时,微软也在一直倡导简约化,即将透明变成白色,用更多留白空间来增加界面的呼吸感,同时尽量减少的功能栏的数量,更加专注于内容。表现是,调整颜色配比,以统一的白色、灰白等浅色背景搭配黑色文本,看起来比之前的 Vista、Win 7 中的界面更加简单朴实。

 简约化的 GitHub for Windows

当然简约不等于简陋,精雕细琢的是简约,粗制滥造的是简陋,用心去做的Metro风格的应用看起来非常简约舒适自然,Metro 风格不是让程序员都跑来顶替设计师的,因此微软在简约化的同时,细节也在“多彩化”,这里的多彩是指部分小色块的多彩。

 Metro UI 的多彩化

例如 VS 2011 从 Beta版到后来的 RC 版,其使用状态栏的颜色快来增加视觉趣味和功能价值,减少单色调带来的压抑感和审美疲劳和视觉疲劳。下图是 IDE 调试编译状态下的变化。

  Visual StudioMetro UI 下的 IDE 调试编译状态

此外,MetroTwit 在更新的时候最顶部的状态栏也是一个彩色的色块滑动,Zune 顶部返回处的色块、以及系统本身和 VS 菜单栏上的色块都是,这种简约的多彩除了对质朴的简约进行补充外也满足了用户差异化需求,在最新的 Windows 8 发布预览版本中也比之前的版本增加了更多的颜色设置,以满足用户个性化需求。

Windows 8 发布预览版本-颜色设置-个性化需求

3. 轻快化

在去除掉边框特效后,更加轻量的,没有过多干扰元素的软件启动和运行相信会比以往更加快速,在操作反应上也会比以往更加迅速、高效,虽然可能达不到 Metro 应用那样快速和流畅。

Metro 化的 IDE

4. 动态化

本身更加适用于平板手触的 Metro 风格表现在传统桌面软件上会比以往有更加炫酷的动态感,相信用过 Zune 桌面应用的用户应该不会陌生那种类似 Windows Phone 的动画效果,这种“活”起来的桌面软件比起以往来能激发更多用户的情感。

 

5. 格栅化

Metro 化的软件更多的是依靠文字和色块来调节,出于“内容即界面”的自发性质的分隔使其更加简洁美观,新的布局中信息分类有着更强的对比度,同时更多的直角化也使得整体界面更加的栅格化,对于信息的排版越来越重要。

 

Metro 化的核心其实就是“内容/信息中心化”,通过减少不必要的元素来突显本质。众所周知的,之前经常在产品上虎头蛇尾的微软近两年一直在大力推广 Metro,无论是 Zune、Xbox、Windows Phone 还是 Windows 8,可以说微软在 Metro 上这种品牌持续积累还会继续,出于风格的同统一的目的,今后我们还会在更多的微软传统桌面软件产品中看到Metro 化的影子,而一旦微软推广起来,相信第三方也会跟进,从已经开始涉足的 MetroTwit、GitHub for Windows 不难看出。

Windows 8Metro UIMetrotwitZuneVisual Studio行业趋势
下载极客公园客户端
iOS下载
反馈