再见Metro,Windows 10通用应用设计趋势分析.pdf

再见Met ro ，W indows 10通用应用设计趋势分析 众所周知 ，当初微软在W indows 8上做了非常大胆的变革 ， 了开创性的Met ro设计语言 ，传统桌 面和平板两种模式的融合也是一大特色 ，可这两种操作模式在使用体验上的不一致也成为W indows 8饱受用户诟病的原因之一 ，但微软自始至终都朝着平台大融合的目标坚定前行着。经过一路探索 ，微软终于通过在W indows 10系统的公布 ，展示了一个更加清晰明了的战略方向 ：构建一个面向全 部W indows设备的核心操作系统。下面 ，本文就通过系统新特性和已公布的通用应用 ，来简单分析 一下W indows 10通用应用的设计趋势。 一. 系统新特性 首先 ，我们先来了解几点与应用设计相关的一些系统特性 ： 通用应用 （W indows A pps ） 在微软W indows 10发布会上 ，通用应用 （已经由Universal A pps更名为W indows A pps ）是出现频 率很高的一个名词 ，那什么是通用应用呢 ？简单来说 ，在W indows 10上将真正实现以尽可能少的开 发量即可打造全平台都可运行的应用 ，从电脑、平板、智能手机 ，甚至到X box O ne都无缝过渡 ， 并且保持整体一致的用户界面和操作体验。与W indows 8上的Met ro应用只有全屏模式不同的是 ，通用应用在桌面模式下支持窗口模式 ，这意味着触屏和键鼠 种操作将得到更好的融合。 通用应用具有以下优势 ： 1. 统一的UI和体验可以减少用户在不同平台间的学习成本 2. 大大减少了开发成本 3. 可通过一个应用拉动不同平台的用户群 自适应用户体验 （A dapt ive UX ） 微软针对W indows 10系统专门提出了自适应用户体验的这种理念 ，并为通用应用提供了一套统一的 跨设备自适应控件。这套控件的视觉元素和交互体验都是整体一致的 ，但针对不同的操作场景和设 备有细微不同的体现 ，比如触摸屏、应用弹出控件等 ，当用户触摸时自动使用较大面积按钮 ，使用 键盘时与之相反。 Co nt inuu 模式 Co nt inuu 模式是专门为混合形态设备设计 ，比如Surf ace ，也就是说开启此模式后我们的设备可 以自由切换平板状态和笔记本状态 ，系统会根据是否为触控屏幕以及是否有键鼠来判断是否进入“ 平板模式”。比如有触控功能的设备拔下了键鼠配件 ，W indows 10 会提示是否开启“平板模式”并将 应用全屏显示 ，整个界面会针对触控略微放大 ，而且开始菜单也会变成全屏。这种模式较好的融合 了触屏和键鼠两种操作场景 ，减轻了桌面和平板模式间的孤立感。图为在桌面和平板模式下开始菜 单的不同样式。 二. 设计趋势分析 再来看看W indows 10上的官方应用对比W indows 8上的版本有什么不同 ： 应用商店 （平板 ） X BOX （平板 ） Skype （平板 ） 可以看出W indows 10的应用标准已经与之前的样式发生了非常大的变化 ，笔者认为可以归纳如下 几点 ： 自适应布局 （响应式设计 ）成为通用应用核心结构 了要应对通用应用在桌面模式下缩小放大的窗口变化 ，未来搭载W indows 10的设备尺寸也会多种 多样 ，所以 ，灵活且高效的自适应布局理所当然是最符合通用应用跨平台、窗口化的特点的 ，在上 面的图中我们可以看到X box和Skype都改为了多栏式布局。 横向滑动不再是典型的系统浏览形式 我们都知道Met ro UI的设计语言之一就是横向滑动浏览 ，但随着Surf ace系列设备的屏幕比例从前几 代基于横向操作而设计的16 ：9变成了Surf ace Pro 3的3 ：2 ，似乎已经是微软在传递调整产品方向 的讯息。而如今我们可以看到上图中W indows 10官方通用应用基本已经摒弃了整个信息流的横滑 浏览 ，只是在个别分类下采用。对此变化 ，可以想到的原因之一是通用应用在桌面模式下为窗口 模式 ，当窗口尺寸变得窄小时 ，自然不适合用横滑来浏览信息。 探索新的导航解决方案 既然W indows 10已决定弱化横向浏览 ，那必然需要一种更好的导航形式来替代之前的大字号横滑 导航 ，大部分的通用应用都开始尝试采用“汉堡菜单” （Navigat io n Drawer ）来作为统一的导航形式 。虽然汉堡菜单已经被广泛应用在网站、IO S及A ndro id系统中 ，但是由于其易用性还存在很大争 议 （特别是在Pho ne上 ），所以在正式版发布前 ，汉堡菜单会不会成为微软的最终解决方案还不得