十全十美,Windows 10(一)外观新印象

1

外观的变化,可以从窗口和任务栏中窥知一二

窗口

2

图1-1 Windows10的窗口

Windows 10的窗口借鉴了Office的设计风格,采用 “无边框”设计(图1-1)(其实四周仍然存在一个像素的边框);这种设计沉浸了工作区域,弱化了窗口的存在,同时激活的窗口四周带有阴影效果以方便识别(实质上这才是真正的边框区域)。

标题栏默认为白色,进一步体现了沉浸设计(可以通过手段修改颜色);最小化,最大化以及关闭按钮经过重绘,易于触摸,也更凸显线条感;标题栏文字改回居左,更符合Windows一向的传统。

而对于Windows 7用户而言,最大的外观变化是Ribbon UI的引入。这种工具栏设计充分考虑了键鼠操作的合理性,相对于Windows7的“组织栏”,Windows 10的Ribbon栏可以以更简单的步骤执行文件操作。

窗口特效也得到了更新,例如最大化时向屏幕四周延伸。这些新特效更使你觉得Windows10更加耳目一新。

3

图1-2 Windows10的任务栏

4

图1-3 任务栏图标状态,从左往右依次为未打开状态,复制文件状态,鼠标移过状态,激活状态和后台状态。

任务栏外观(图1-2)也有所改变,意图向Vista致敬,默认主题色为黑色。但有所不同的是,Windows 10的任务栏外观不如Vista模糊,实质上只是半透明效果。

任务栏左侧增加了搜索框(可打开Cortana)和任务视图按钮;开始按钮和任务栏图标与之前相比都缩小了;任务栏的图标状态(图1-3)变得更加直观;任务栏图标右键菜单和任务预览也跟随平面化设计,重新设计了外观。

通知区域的图标经过了重绘,同时更改了全局外观,更显得平面化(图1-4)。

5

图1-4 系统托盘

电量显示中电池百分比字号加大,同时加入了节电模式和亮度按钮帮助你延长电池寿命。

音量调节增加了当前音量显示,音量进度条改成左右拖动,同时也显示当前的声音设备及其名称。但略微麻烦的是音量合成器必须通过音量图标右键打开。

网络选择经历了Windows 8的侧边栏样式后重回窗口样式,不过相较于Windows 7,网络选择吸收了Windows 8的网络开关。你仍然可以自由打开WLAN开关,乃至使用飞行模式。

时间和日历页面去掉了指针式时钟,而以放大后的数字时钟来显示当前时间,紧接着时间的是当天日期;日历区也有所放大,选中的日期会带蓝色底板,而选中当天日期后还会增加一个黑色方框,以示区别。


6

为了大一统战略,小方块也有大改变

汉堡菜单

7

图1-5 Modern应用中的汉堡菜单

在Windows 8的应用设计规范中,“枢纽”菜单(Pivot)占据了应用的顶部空间。这种设计虽然简洁,但反响平平。

微软为了大一统战略,修改了菜单框架。凡是符合Windows 10标准的应用,大多在左上角添加了汉堡菜单(图1-5)。因为三条横线看起来很像汉堡的形状,故名。

汉堡菜单并非微软的创新,在Android、iOS乃至网页的设计,它就已经广泛使用。考虑到用户学习成本,微软也采用了这种方案。

你可以点击汉堡按钮,扩展左侧菜单或查看文字说明;也可以直接点击汉堡菜单下的一排图标(如果有)。

不过这种设计还是引来了用户吐槽,主要体现在外观相似性和操作体验上。在这方面,微软仍要继续努力。

响应式布局

8

图1-6 一款应用在不同窗口大小下的布局

既然要实行大一统战略,电脑端和移动端的应用显示就要保持相对一致。在Windows 10的应用设计规范中,来源于网页设计的响应式布局也得到了应用。响应式布局,顾名思义就是指能够根据对象大小而调整显示内容(图1-6)。

你可以像桌面程序一样随意拉伸窗口,以调整显示内容,某些应用拉伸到较小的尺寸时还会显现不一样的变化。Windows 10也修改了应用的页面滚动方向,竖向滚动更符合系统全局。

不过并非所有应用都支持响应式布局。以Windows 8标准开发的应用拉伸时就存在诸多问题。

9

图1-7 沉浸式状态栏和暗黑主题

Windows 10也修改了Modern 应用的外观颜色框架(图1-7)。

早期,当应用窗口化时,标题栏都为系统的指定颜色,不仅过于乏味,还影响了部分应用的外观(例如早期的Edge,标签栏在标题栏最下方)。现在,开发者可以自定义标题栏颜色,以保持界面风格的统一,甚至还可以在标题栏上加控件。

为了与移动端界面风格统一,同时兼顾用户长时间工作的需求,微软引入了暗黑主题。暗黑主题在Windows 10的其他地方也有所应用,例如任务栏、开始菜单和通知中心等。


10

世界正不断的趋向扁平化

越来越平,善用线条

11

图1-8 Windows 10中部分按钮控件的变化

12

图1-9 扁平化的右键菜单

13

图1-10 一些Modern 应用内的按钮控件

微软从Windows 8开始,就着手“压扁”桌面端的按钮控件。而在Windows 10内,重新设计的按钮控件更是体现了这一点。扁平化也成功渗透到右键菜单,新的右键菜单从视觉上来说风格更加统一(图1-8到图1-9)。

Modern 应用内的线条化图标也能证明这一点。这种图标设计,“细若蚊足,勾画了了”,而且兼顾直观(图1-10),线条化图标甚至渗透到了系统其他地方,例如任务栏托盘区域的一些图标。

14

图1-11 Windows 10的新桌面图标

Windows 10也重绘了大部分桌面图标(图1-11)。这些图标非常类似NT6的图标,但也出现了一些变化。微软在新图标的制作上付出了心血,使得其看起来大气,简约,也兼顾了平面化趋势。

尤其值得一提的是,新图标跟随了时代脚步。例如,手机图标被更新成了类似Windows Phone的形状。同时,新图标也不忘回顾历史,回收站的图标就意图向Windows 95致敬,从形状上看简直就是复制粘贴出来的。


透明回归,无处不圆

15

图1-12 Windows 10中的“圆”

微软为了ARM设备性能和电池续航的妥协,从Windows 8的千万行代码中完全删除了有关透明效果的代码。于是,Windows变成了各种色块的世界,虽然符合Modern的设计风格,但遭到绝大多数用户的吐槽和反对。

在Windows 10中,微软听取用户意见,选择性恢复了透明效果(例如开始菜单,通知中心)。这些效果可以在“设置”中关闭。

另外,Windows似乎是受到了iOS设计的启发,Modern固有的方形被部分圆形设计所取代(图1-12)。

安装进度条和磁盘饼图经过了重新设计,配色变得柔和,同时也更加直观。其余的圆形设计变化,更加凸显Windows 10是一个兼具现代和美观的操作系统。


Windows Insider计划

微软在每一个新系统正式发行之前,都会向开发者提供预览版系统,以便更快的找到Bug并解决。而Windows Insider的开放注册让更多的人加入到Windows 10的改进和完善的工作中来,让Windows 更加适应消费者的需求。早期的Windows版本虽然也有类似机制,但意见常常不被微软采纳,可以说这是直接导致Windows 8的失败的原因之一。

为了弥补这个遗憾,微软在Windows 10中加入了WindowsInsider,并完善了反馈机制。如果说你想试用预览版的话,加入此计划是一个不错的选择。若你想加入此计划,点击这个网站:http://insider.windows.com/。

截止十全十美全本出版前夕,Windows Insider计划在Windows 10中的应用已经告一段落。我们期待此计划能够继续促进Windows 10的进步。

Windows 10的默认壁纸

微软历来都很重视系统桌面壁纸,XP的蓝天白云更是给人带来了深刻印象。而“英雄”壁纸真是来之不易,在于使用了照明技术拍摄,不是用计算机合成的。这张壁纸看起来富有科技感,同时可能暗喻Windows 10将作为“英雄”拯救世界PC市场。

Bradley用一台5000万像素的相机拍了数千张照片,比较了许多视觉效果,比如烟雾,激光和散景(由镜头产生的失焦效应)。最终的效果由10张照片合成,它整合了不同的光影效果,带来深度感。从制作过程中,我们确实看到微软十分强调视觉效果,也很想改变消费者看待微软的方式。

无论效果如何,只要有心,用户也欣慰了。

您可能还喜欢...

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注