Windows 8来者不善，准备接招

     <div id="news_body">     <p style="text-align:center;"><a><img style="width:576px;height:204px;" alt="Windows 8来者不善，准备接招" src="https://simg.open-open.com/show/13b0ef3ebf58d9f7501619dd44893931.jpg" /></a></p>     <p>        <strong>微软称要通过 Windows 8 再造操作系统，嗯，今天的主角是 Windows 8</strong></p>     <p>        Windows 8 你一定接触过，无论是看过，还是安装过，无论你喜欢，还是不屑，都阻挡不了她的缓缓袭来。</p>     <p>        今天，我们来介绍一下 Windows 8 的精髓。</p>     <p>        <strong>关键词“兼容 PC 与平板”“引入 Metro UI”</strong></p>     <p>        Windows 8 增加了对平板电脑的支持，同时引入 Windows Phone 中的 Metro UI，在使用中我们发现，很多的交互是为了平板而设计。</p>     <p>        <strong>设计灵感来源</strong></p>     <p>        三个重要影响</p>     <p>        （1）现代设计 — 包豪斯（减少元素，以显现本质）</p>     <p>        （2）国际主义平面设计风格 — 瑞士平面设计风格 （清晰，真实，美观）</p>     <p>        （3）动态设计 — 电影艺术（动画“活”起来，激发用户情感）</p>     <p>        生活中，人们行色匆匆，我们更需要提供快速，简洁，直接，明确的设计。</p>     <p>        Windows 8 的设计灵感来源于生活中的各类导航，地铁站，机场等。人们即使在急于奔波的时候，也能一眼在这些导航中获得他们要的信息。</p>     <p style="text-align:center;"><img alt="Windows 8来者不善，准备接招" src="https://simg.open-open.com/show/cd40c5c4b6dbd6ec93be9ad63796e838.jpg" width="479" height="268" /></p>     <p style="text-align:center;"><img alt="Windows 8来者不善，准备接招" src="https://simg.open-open.com/show/feea2af33eb886b71520fe5253bbb898.jpg" width="477" height="268" /></p>     <p style="text-align:center;"><img alt="Windows 8来者不善，准备接招" src="https://simg.open-open.com/show/9c3ac65bc308a64c522b482552135084.jpg" width="479" height="268" /></p>     <p style="text-align:center;"><img alt="Windows 8来者不善，准备接招" src="https://simg.open-open.com/show/d1642eeaf51b0128b2df00a5bbb98ee3.jpg" width="479" height="268" /></p>     <p style="text-align:center;"><img alt="Windows 8来者不善，准备接招" src="https://simg.open-open.com/show/c5e8413530d13e70203cd46942f8ecc7.jpg" width="478" height="268" /></p>     <p style="text-align:center;"><img alt="Windows 8来者不善，准备接招" src="https://simg.open-open.com/show/f0d46f66846945bba3f7d2581e99f367.jpg" width="478" height="268" /></p>     <p>        <strong>Metro UI 风格运用</strong></p>     <p>        Metro UI 是 Windows 8 的设计主线，在对外发布的“开发者预览版”中，Metro UI 已经运用到了“锁屏界面” “开始菜单”“IE”“RSS”“选择文件”等界面中。预计之后从 Windows Store 中下载的应用均会使用 Metro UI 风格。</p>     <p>        <strong>Metro Start</strong></p>     <p><strong>        </strong>        1992年 Win95 系统中第一次出现了 start 菜单，它的基本目的是取代程序管理器，用于启动计算机任务。之后经历了一系列的改进，但仍然存在各种缺陷。</p>     <p>        Metro Start 是屏幕是对 Windows 的 start 菜单、任务栏、通知和小工具改进的成果。这一次做出了如下尝试：</p>     <p>        （1）最常使用区域扩大</p>     <p>        （2）Metro Start 支持自定义</p>     <p>        （3）操作空间变大</p>     <p style="text-align:center;"><img alt="Windows 8来者不善，准备接招" src="https://simg.open-open.com/show/5e8518b7330f15d79b45c35ef0392eb6.jpg" width="547" height="306" /></p>     <p style="text-align:center;"><img alt="Windows 8来者不善，准备接招" src="https://simg.open-open.com/show/187bc1d78f72f1e1daa0c0c97a61ccf2.jpg" width="546" height="306" /></p>     <p>        <strong>Metro Start 设计小结</strong></p>     <p>        Start 已经不仅仅是一个菜单了，它占据了整个屏幕，取代了以前的桌面+开始菜单，承载了更多的功能。所有的程序都在这里，用户在这里直接启动程序。</p>     <p>        同时它还有以下特点：</p>     <p>        （1）动态信息：每个图块上的信息都是动态的，经过精心排版而被清晰呈现。显示的信息可以自定义，比如某个城市的天气预报或者某本杂志的内容。这样你可以在不启动应用的情况下获取一些关键信息。</p>     <p>        （2）自定义：图块的位置可以随意拖动，可以将最常用的应用放在首屏。</p>     <p>        （3）为触摸设计：每个图块的面积足够大，手指可以轻易的选中。每个图块是作为一个整体被点击，不会划分额外的点击区域。</p>     <p>        （4）全局视图：在触摸板上，你可以将 Start 菜单像地图一样缩小放大，这有助于你快速选择应用。</p>     <p>        （5）单击开启程序。</p>     <p>        （6）图块有大小两种尺寸，可以自定义。选择哪种尺寸取决于应用是否有信息需要显示。小图块是不显示信息的。</p>     <p>        <strong>搜索结果展现优化</strong></p>     <p>        Windows 7 开始菜单中的搜索，用户最常搜索的文件类型是：程序，文档，控制面板，运行命令。</p>     <p>        Windows 8 根据这些类型，提供了三种搜索结果常用文件类型分类：应用程序，设置和文件。</p>     <p>        将搜索区域放在屏幕最右边，内容和结果放在最左边。符合用户从左至右，从上至下的阅读习惯。 设置和搜索界面不在妨碍用户浏览类容。 并且在触摸设备上更易于用户右手操作。</p>     <p><img style="display:block;margin-left:auto;margin-right:auto;" alt="Windows 8来者不善，准备接招" src="https://simg.open-open.com/show/b643099ab95cc1f9bac62203548376b3.jpg" width="546" height="307" /></p>     <p><strong><img style="display:block;margin-left:auto;margin-right:auto;" alt="Windows 8来者不善，准备接招" src="https://simg.open-open.com/show/b61c0bb55a113a1e5dd3e2d101cd8963.jpg" width="546" height="307" /></strong></p>     <p>        <strong>搜索设计小结</strong></p>     <p>        （1）将搜索结果按用户使用方式分类。</p>     <p>        （2）按照符合人体工程学的方式设计界面（从左至右， 从上至下）</p>     <p>        （3）沉寖式的搜索体验， 不用更换页面或弹出窗口， 一键更换搜素引擎和方式</p>     <p>        （4）图标大小和距离分布按照 Fitt’s Law 优化</p>     <p>        <strong>如何去设计一个 metro 风格的程序</strong></p>     <p>        Metro 一个很重要的特点是沉浸式体验。每个应用的不再放在一个窗口里，没有了边框，而是铺满整个屏幕。</p>     <p>        以下四张图展现了一个 RSS 阅读器逐渐从传统 windows 风格过渡到 Metro 风格的过程。</p>     <p style="text-align:center;"><img alt="Windows 8来者不善，准备接招" src="https://simg.open-open.com/show/d95dbf14eecf881da5d9da8a6948b560.jpg" width="370" height="835" /></p>     <p>        结合这个变化过程我们可以总结出一些 metro 风格的要点：</p>     <p>        （1）以内容为主，方便阅读。在视觉中心呈现的都是内容，没有额外的干扰元素。</p>     <p>        （2）去掉修饰，界面元素平板化，像素化。这种数字化的设计可以节省很大的存储空间。</p>     <p>        （3）注重排版和布局。Metro 对于应用排版有统一的标准。这一点在阅读类应用中尤其明显。</p>     <p>        （4）内容平铺在全局视图里，通过滑动或者缩放，你能看到其他的内容。取消了 tab 这样的切换控件。</p>     <p>        （5）操作被隐藏，在需要的时候从边缘呼出，微软称之为‘边缘交互’。手指从屏幕底部边缘滑入时会产生相应的交互动作：底部是操作菜单，右侧是一组固定的操作，左侧是应用切换。</p>     <p>        <strong>Skydrive 云存储</strong></p>     <p>        在不同的设备上登陆同一账号，win8的云服务会自动更新用户的照片，邮件，日历，通讯录。Skydrive 通过浏览器或者 metro 风格的程序来获取最新的照片，文档等数据。</p>     <p>        用户可以选择禁用所有同步，也可以按设置类型禁用同步。可以同步的数据有三类：</p>     <p>        （1）windows 设置；</p>     <p>        （2）应用程序设置和数据；</p>     <p>        （3）应用程序和网站的登录凭据。</p>     <p>        Win8中的云服务保持了信息在线同步，使得用户在不同设备上的使用体验能够无缝连接。</p>     <p style="text-align:center;"><img alt="Windows 8来者不善，准备接招" src="https://simg.open-open.com/show/4eab29a1f1cf8af8243125c736ba98a3.jpg" width="551" height="310" /></p>     <p>        <strong>协同工作：分享、搜索、选择器</strong></p>     <p>        在 win8 中，两个应用可以协同工作去完成一个任务。微软开发人员定义了三种最基础的、最常用的协同工作方式：分享、搜索、选择器。你可以随时从右侧呼出的操作栏上 找到“分享”和“搜索”图标，非常容易调用。这使得信息分享变得更容易。通过右侧常用操作栏上的“分享”按钮，用户可以轻松的将当前应用的信息分享到其他 程序中。</p>     <p>        比如当你使用一个涂鸦应用完成一幅大作后，就可以通过“分享”按钮通过微博、邮件、flickr 等渠道发送给其他人看到。</p>     <p style="text-align:center;"><img alt="Windows 8来者不善，准备接招" src="https://simg.open-open.com/show/bdc185402300d9b6ca03e02384ab5e1a.jpg" width="553" height="310" /></p>     <p>        同样的，搜索时出了搜索本地内容之外，也可以直接搜索应用中的内容。在微博中发一张图片时。也可以直接从 flickr 相册中选取。</p>     <p style="text-align:center;"><img alt="Windows 8来者不善，准备接招" src="https://simg.open-open.com/show/a6f587ad249bf61c1a2256fbe43fe879.jpg" width="554" height="312" /></p>     <p>        <strong>基础功能改进</strong></p>     <p><strong>        </strong>任务管理器</p>     <p>        Windows 7 任务管理器中的现状是：</p>     <p>        （1）用户最常使用的功能是：“应用程序”和“进程”tab。用户最常的操作是“结束应用”和“结束进程”</p>     <p>        这两个 tab 的使用频率大致相同，这表明在“应用程序”页面中，有一些重要的细节缺失，导致用户要到“进程”tab 中去查找。</p>     <p>        （2）用户主要想查看应用程序中，没有显示的后台或系统进程，并查看哪些进程占用了较多的 CPU 资源。</p>     <p>        Windows 8 任务管理器针对如上现状进行了优化：</p>     <p>        （1）为结束进程的操作优化，</p>     <p>        去掉 tab，进程间间距增大，将更多高级功能隐藏到“更多”中，视觉焦点更容易集中到“结束进程”上。</p>     <p style="text-align:center;"><img alt="Windows 8来者不善，准备接招" src="https://simg.open-open.com/show/412bd82c562f4acd99a50fc5a5b3735a.jpg" width="379" height="372" /></p>     <p>        （2）突出信息可视化，用颜色等变化突出重要信息。</p>     <p style="text-align:center;"><img style="width:541px;height:491px;" alt="Windows 8来者不善，准备接招" src="https://simg.open-open.com/show/4eee6d003da9a137909348d88a25d91a.jpg" /></p>     <p>        资源管理器设计小结</p>     <p>        （1）简洁，简洁再简洁</p>     <p>        （2）为用户最常用操作优化</p>     <p>        （3）使用视觉设计突出重要信息</p>     <p>        （4）按照用户习惯将信息分类</p>     <p>        （5）为了让用户浏览更轻松优化</p>     <p>        （6）在基础界面极简的同时增前高级功能</p>     <p>        （7）被一个设计改动都建立在用户数据基础上</p>     <p>        <strong>结语</strong></p>     <p>        Windows 8 的设计，如所见的围绕着内容为主，去修饰平面化，沉浸，动态，边缘交互的风格来设计。</p>     <p>        虽然在开发者预览版中，仅仅的对锁屏桌面，开始菜单，IE10，RSS，任务管理器，资源管理器等进行了大刀阔斧的改变。我们有理由相信，这些</p>     <p>        都仅仅是一个过渡，伴随着 windows store 的开放，Metro 设计风格的应用会排山倒海的袭来。我们也应该去思考如何结合新系统，新趋势做出我们自己的产品。<br /> <br /> 来自: <a id="link_source2" href="/misc/goto?guid=4958318160826291149" target="_blank">cdc.tencent.com</a></p>    </div>