windows 11 Fluent Design System设计

Fluent Design System(代号Project Neon),正式亮相为Microsoft Fluent Design System,是微软在2017年开发的一种设计语言。Fluent Design 是Microsoft 设计语言(通常称为“Metro”)的改进版,其中包括为所有Windows 10设备和平台设计的软件中使用的设计和交互指南。该系统基于五个关键组件:光、深度、运动、材质和比例。新的设计语言包括更突出的运动、深度和半透明效果的使用。

过渡到 Fluent 是一个长期项目;从 2017 年 10 月发布的“秋季创作者更新”以及随之发布的Xbox One 系统软件更新开始,Windows 10开始出现设计的各个方面。 后来透露,除了即将推出的具有类似设计的Windows 11更新之外,它还与Windows 10X、一起设计。

Fluent 的关键原则或“块”(光、深度、运动、材料和比例)背离了Metro定义的平面概念,在保留 Metro 引入的简洁外观和感觉的同时,Fluent 更新了Aero的视觉效果,一种设计Windows Vista和Windows 7 中引入的方法,包括模糊半透明、视差动画图案、投影、鼠标指针或输入手势移动后的高光效果,以及曾被丢弃的“人造材料”Metro。

光的目的是吸引注意力和照亮信息。悬停时,Reveal 突出显示会照亮附近隐藏的对象(例如汉堡包导航菜单列表和按钮)上的边框。选择后,例如通过单击或点击,会快速出现白色圆​​形照明效果。此外,在Windows 全息环境中,存在圆形白色指针。

2017 年 11 月 6 日,Microsoft 员工 David Haz 表示计划将显示突出显示应用于任务栏,但截至 2019 年 7 月,它尚未发生。

在 WinUI 2.6 中,Microsoft 已停止显示高亮显示以匹配其不提供显示高亮显示的 Web 和移动产品。

为 Microsoft 程序创建了带有亚克力材料的新图标,分别从 2018 年和 2019 年的Office应用程序和基于Chromium的Microsoft Edge 开始。 在“认识 Office 365 的新图标”视频中发现了最终图标的初步版本,在 Windows 10X 发布时发现更多之前,在正式公布之前2019 年 12 月 12 日。这些图标开始通过Microsoft Store对这些应用程序的更新出现,从邮件和日历开始。

亚克力材质营造出半透明的模糊效果,并带有轻微的噪点效果。可以通过使用不同的不透明度来创建视觉层次结构。例如,在一个应用程序中,主要内容表面通常是不透明的(小部件或轻量级应用程序除外,例如Calculator),第二个窗格可以有 80% 的背景 Acrylic,第三个窗格可以有 60% 的背景 Acrylic。背景亚克力模糊了活动亚克力材料后面的所有项目。应用内亚克力模糊应用内的内容。

当不再选择应用程序时,在特定窗口中禁用亚克力。当禁用透明度、启用省电模式或在低端硬件上时,这两种类型的亚克力都会在系统范围内禁用。取消选择窗口或在Windows 10 移动版、HoloLens或平板电脑模式下禁用背景亚克力。

windows 11 Fluent Design System设计

发表评论

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