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秋季创意者更新系统。
来源:线上采编,如文章涉及版权问题或者寻求报道,请及时联系欧界传媒网 o2ojie.com!
欧界科技 | Jie Media
深度报道环球前沿科技
相关资讯
最新热门应用
热币全球交易所官网苹果手机
其它软件38.33MB
下载币咖交易所app官网
其它软件86.26MB
下载马蹄链交易所app官网
其它软件223.89MB
下载dboss交易所app
其它软件23.10M
下载必安交易所官网
其它软件179MB
下载xt交易所安卓版
其它软件104.98 MB
下载bitflyer交易所app
其它软件89.13M
下载hoo交易所安卓版
其它软件34.95 MB
下载抹茶数字资产交易所app官网
其它软件137MB
下载芝麻交易所app手机版苹果版
其它软件223.89MB
下载