当前位置: 网站首页 > 产品展示
产品展示
新版 Windows 长这样:剖析微软全新设计语言 Fluent Design System
时间:2020-01-02  来源:www.oaled.com

注意:在Microsoft Build 2017的主题演讲的第二天,Windows 10 RS3是绝对的主角。这个新版本的操作系统也有正式名称 - Fall Creators Update,它有点“创意”。 “不,但经验丰富的微软已经为新版系统添加了有用的新功能,并且在UI美学方面取得了很大进步。

在新的操作系统中,Microsoft为用户准备了一个时间表,以管理将所有Microsoft服务绑定在一起的复杂工作会话和API。最重要的是,微软已经提出了一种全新的设计范例,以彻底改变已经使用多年的扁平矩形UI。

雷锋网知道微软已经命名这种新设计语言Fluent Design System,它有五个核心元素,包括Light,Depth,Motion和Material。 )和规模。

新的设计系统是微软与刚性旧设计理念的区别。微软的Joe Belfiore在Build会议上介绍新的设计语言时说:“现在是时候告别那个局限于平面的矩形了。” “新设计语言不仅涉及视觉,还涉及交互模式,空间和新元素的整合。”

下面,让我们快速浏览一下微软新设计语言的五个核心元素及其对未来应用程序设计的影响。

光(光感)

对于电影制作人来说,演员和道具并不是最重要的。如果您想拍摄令人震惊的照片,首先必须了解如何使用光线。在设计中,光的重要性是不言而喻的,UI的亮度甚至可以改变用户的感知。根据Belfiore的说法,新的Light元素营造了良好的氛围,并为应用程序提供了空间概念。另外,在设计交互式菜单和应用界面时,光的应用也可以吸引用户的注意,并且照明按钮可以引导用户容易地开始应用或提示应用的高亮功能。

深度(深度)

微软的UI设计经历了多个阶段,首先是带有无聊菜单的经典灰色界面,然后他们提出了Metro设计语言,但无论它如何变化,微软都依赖于无聊的图形设计来呈现信息和工具。用户。通过新的流场设计系统,微软将在范例上做出重大改变。

与传统的Microsoft风格UI相比,Build会议上显示的新UI让我们可以看到微软的巨大进步。通过放大或缩小的动作,一些重要事项将被放大并呈现给用户,从而产生一种深刻变化的幻觉。使用Depth元素,UI将显示物理环境的变化,这可以减少审美疲劳并大大增加用户粘性。

运动

过场动画是用户界面参与的标准之一。添加Motion元素将为用户提供更美观和互动的动画,更好地吸引用户的注意力。 Belfiore喜欢将Motion元素应用于演员的动作,引导观众进入故事。 “Motion元素具有特殊的魔力,可以让我们的体验充满活力,”他说。 “与此同时,它可以轻松指导用户从一个任务过渡到下一个任务。”

微软已经在Xbox One中尝试了这种更加动态和明亮的过渡动画,结果表明这种设计将很快吸引用户的注意力并增加用户参与的愿望。

材料

与其他平滑设计系统的元素类似,Material也是对Windows传统视觉风格的无情嘲弄。传统的Microsoft UI功能区确实做了很多事情,但它与物理世界无关。 Belfiore认为,为了让用户爱上Windows应用程序设计,他们必须模仿现实世界中各种物质的质感。

“我们希望在设计中添加更多相似的元素,纹理非常重要,”Belfiore说。 “这将吸引用户触摸并加入整个交互过程。”它看起来简单而且不容易,因为最新的Fall Creator Update增加了更好的语音控制,触摸交互和手写笔输入。功能,如何吸引用户完成与新功能的交互是设计师必须考虑的问题。

规模

Microsoft新设计语言的大多数功能都适用于传统计算环境,其目标是允许用户与各种外围设备和附件进行交互,但Scale元素是不同的。在这个元素上,微软打赌它的未来。数字对象的缩放是3D交互界面和VR/AR时代的必备功能。

看起来更适合计算机显示器的物体放在AR或VR耳机中,可能会变得太大或太小。因此,虚拟对象大小的缩放是第一透视UI体验中的关键因素之一。

从理论上讲,上述五个核心元素可以真正帮助微软创建更稳定和交互式的用户体验,但是在平滑的设计系统中Windows看起来像是什么,微软在主题演讲中没有透露太多信息。然而,在预告片的最后,一些例子给了我们一些希望。

可以肯定的是,这些示例中的大多数图像仍处于概念设计阶段,但它们确实是平滑设计核心原则的体现。使用新桌面,使用Depth元素以及光影变换可以让我们清楚地看到每个窗口的位置。同时,场景中的物体有不同的感受,它们变得更加真实,这里实践了物质元素。另外,使用上述三个元素也会让人感觉到Scale元素的存在,因为整个UI看起来像是不同的窗户投射在墙上,但是有一种类似AR的外观和感觉。

现在判断流畅的设计系统能否成功还为时尚早,但我们可以看到微软实际上已经用新想法检查了自己的用户界面。尽管变化太大而不能让人看起来有些不舒服,但如果真的发生变化,下一版本的Windows可能会非常令人兴奋。

Via.Engadget

雷锋网版权文章,禁止擅自复制。