当前位置:首页 > 欧界科技 > 欧界:微软新设计语言,让你的显示屏里“装下”另一个空间!

欧界:微软新设计语言,让你的显示屏里“装下”另一个空间!

2017/5/17 21:45:43

欧界报道:

Windows的界面设计,数年如一日。从Windows 8看到Windows10,有没有觉得看了那么久觉得审美疲劳?有人觉得Windows的设计简约、舒适,有的人却认为Windows的UI界面不立体,如同被拍扁了的平面。为此,微软终于推出了新的设计语言。

欧界:微软新设计语言,让你的显示屏里“装下”另一个空间!

在Build 2017 大会上,微软公布了全新的Windows设计语言——Microsoft Fluent Design System,作为Metro UI的延续,将会继续保留磁贴界面。Microsoft Fluent Design System之前曾被称作Project Neon,现如今已经有部分Windows应用使用了新的UI新设计语言,例如音乐和联系人应用。在系统更新正式推送之前,新的UI设计语言将会陆续地在微软自家的软件上率先使用。而在今年秋季,新的设计语言将会正式在推送的“Windows10秋季创意者”更新中出现。微软表示,Fluent Design System意在摆脱矩形UI界面,不想再局限在平面上。新的设计语言不止关乎视觉,它还通过新形式整合了交互模式、空间和全新元素。

新设计语言的最大特征就是大量的使用了毛玻璃的模糊效果。微软放出的几张设计图显示出毛玻璃效果与Metro 风格的融合看起来充满了质感。此前,毛玻璃效果还曾出现在Mac OS 和曾经的 Windows Vista上。这套被微软命名为Fluent Design System(流畅设计体系)的全新设计语言,共有五大核心的优化,包括光感(Light)、深度(Depth)、动画(Motion)、材质(Material)和缩放(Scale)。

欧界:微软新设计语言,让你的显示屏里“装下”另一个空间!

首先是Fluent Design System中的第一个核心——光感(Light),光感的重要性不言而喻。对光的利用的好坏,能影响到一张照片的美丑。一张美得惊心动魄的照片,离不开对光的利用。在设计中,光更显得尤为重要,UI的明暗会改变用户眼睛所接收到的视觉信息,UI的明暗会让一张平面界面在用户眼中充满了立体感。所以新的光感元素,让应用比win10的旧UI更充满了空间感,仿佛是一个3D的立体世界。除此以外,在设计交互菜单和应用界面上,光感元素的应用也能将用户的注意力吸引到想要的地方。

第二个核心元素就是深度(Depth),微软的UI,经历过多个阶段,从枯燥无味的经典灰色界面,发展到Metro风格。Win8到win10的UI设计语言,没有根本性的改变。图文和工具的表达还是依赖那些无聊的平面设计。而这新的UI,在放大或者伸缩的动作下,将给用户造成一种深度变化的错觉,会有一些重要的事项放大呈现在用户面前。深度元素会使UI呈现出物理环境的变化。这一设计将使UI的设计发生一次大变革。

动画(Motion)是第三个核心元素,UI参与感的评判标准之一就是过场动画。动画元素的加入给用户提供了更多好看且互动性十足的动画,更加地吸引用户注意力。

Fluent Design System第四个核心是材质(Material),材质元素简直是对Windows从前的视觉风格进行了彻底的重塑。通过材质元素,新UI模仿了现实世界中的各种物质的质感。这更是从Windows 10之前的UI设计都所没有的新设计。

新UI的最后一个元素就是缩放(Scale)了,如果说前面的功能都是对从前的变革的话,那缩放元素就是面向未来的变革。这是对数字物体的缩放,也是3D交互界面和VR/AR时代的必备功能。这缩放元素,可对AR/VR头戴设备中显得过大或过小的虚拟物体进行缩放,增加第一视角UI体验。

欧界:微软新设计语言,让你的显示屏里“装下”另一个空间!

这五大元素,使得UI的空间感和层次感更强,仿佛显示屏里的不是桌面,而是一个立体空间。远胜于从Windows 8到Windows 10,从前的极简风格UI仿佛是一个被拍扁了的画面,如今的设计风格档次都高了不少。目前这Fluent Design System还在概念设计阶段,仅凭现如今的介绍还难以判断Fluent Design System是否成功,到了微软正式推出新UI的时候,效果如何,还要重新再判断。但Microsoft Fluent Design System绝不是单独的一个Windows10主题,它将贯穿整个Win10秋季创意者更新系统。

来源:线上采编

欧界科技 | Jie Media

深度报道环球前沿科技

上一篇:欧界:攻击一百多个国家网络勒索病毒出现升级版,未来将更加猖獗
下一篇:欧界:车载激光雷达“双眼”技术!将撬动无人驾驶千亿美元市场