秋季创作者更新功能重点:流利的设计系统

发表于 2017年8月12日 通过 保罗·瑟罗特Windows 10 60条留言

秋季创作者更新功能重点:流利的设计系统

With the Fall Creators Update, 微软 is taking the first step towards overhauling the Windows 10 user experience. Key among the changes is the so-called 流利的设计系统,这是一种新的设计语言,随着时间的流逝,该语言将根据反馈进行更改。

这使得Fluent有点难以描述。但是,设计语言的概念可能会使大多数人感到困惑。

设计语言用于定义物理或数字产品或产品线的整体视觉设计。例如,宝马(BMW)或雪佛兰(Chevy)等汽车制造商利用一种设计语言,将各种车辆的外观和内部设计视觉化地联系在一起,并使它们每个人都成为凝聚力产品家族的一部分。在Android,iOS或Windows 10等数字平台上,使用一种设计语言将系统与竞争对手区分开来,并提供一套一致的用户体验(UX)规则,系统组件和应用程序将遵循这些规则。

多年来,Microsoft已经使用了各种设计语言,并且随着时间的推移,它们变得越来越复杂。也许最著名的示例是Microsoft首先在Media Center和相关产品(如Zune)中涉足的Metro设计语言,然后在Windows Phone 7中正式化。Fluent Design System是Microsoft’的最新设计语言,它将逐步取代目前装饰微软的Metro和Metro启发的设计’Windows 10和Xbox One等各种数字产品。

微软’流利的目标是巨大而模糊的’s possible that its impact 上 Windows 10 will eventually be dramatic, you will 上ly see subtle changes 与 the Fall Creators Update. (As confusing, some Fluent design touches were added to various 在 -box Windows 10 apps before the release of the Fall Creators Update, and before 微软 even explained its plans.)

那么,我们实际上将在Windows 10 Fall Creators Update中看到哪些新设计?

亚克力 压克力是一系列基于实际材料的透明效果中的第一个。它为用户界面元素添加了微妙的模糊效果,以在同一应用程序窗口中的元素之间以及应用程序之间创建视觉层次感。您可以在“开始和操作中心”,“ Groove”导航窗格,“ Edge”等应用程序的标题栏中以及“ Maps”等应用程序的标题区域中最明显地看到Acrylic模糊。它’在对比背景图片上使用这些应用程序时最容易看到。

显示高光。 这种有趣而微妙的效果还增加了现实世界的元素—in this case, light—帮助用户更好地了解按钮和其他UI控件的二进制状态。 Windows长期以来一直支持一种视觉功能,当您将控件悬停在控件上时,控件会突出显示,从而帮助您了解可以选择该控件。使用Fluent,该突出显示是基于灯光的,并且也会巧妙地影响最接近鼠标悬停项目的控件。这有助于您直观地了解它们也可以选择。提供基于光的可视化效果,用于单击和触摸(一个光脉冲),长按(一种右键单击),按键,笔检测(一种悬停形式)等等。例如,在这里,您可以看到,当您将鼠标悬停在“计算器”应用程序中的按钮上时,两侧的按钮也都被半高亮显示,表明它们也可以被选择。

连接的动画。 Windows长期使用动画来帮助用户理解动作及其影响之间的联系。例如,如果最小化一个窗口,则会显示一个细微的动画,指示该窗口正在最小化,它指向任务栏按钮,他们以后可以再次找到该窗口。使用Fluent,这些动画正在被规范化,它们将出现在整个系统中。一世’m 没有t sure there’这是一个很好的例子,但是当您在Microsoft Edge中切换选项卡预览时,会有一个不错的动画可以帮助您了解UI的动态适应方式,并为操作提供上下文。

有意识的控制。 自Windows诞生以来,Windows就使用了各种标准的UI小部件,并且该产品的大多数主要新版本都引入了新的或更新的设计。使用Fluent,Windows 10控件(如滚动条,文本框等)将更加智能—or “conscious,”根据微软的说法—so that they’re 没有t 在 the way when 没有t needed. For example, scrollbars became conscious 在 the Creators Update, 这样他们 disappear when 没有t 在 use, providing a cleaner look, but then appear as needed.

透视视差。 Fluent利用视差滚动效果—滚动时,位于其他UI项之上的UI项在视觉上看起来可能以不同的速度移动—有助于营造视觉深度感。

当然,就目前而言,Fluent的问题在于它零星地且不一致地部署在整个Windows 10中。而且,从中可以看出,其效果通常是微妙的。随着Microsoft收到反馈并改进设计,这些问题可能会在未来几个月和几年中得到改善。而且,Fluent不是 ’只是降级为Windows 10:Microsoft正在Xbox One仪表板,其移动应用程序甚至其硬件产品中实现这种设计语言。

 

标记为

增进对话!

加入瑟罗特高级会员,享受我们的高级会员评论。

高级会员对新闻帖子的评论将具有提升的状态,从而提高其可见度。 此标签可让您与其他高级会员一起参与高级评论。 注册以加入其他高级会员以加强对话!

注册或订阅

加入讨论!

成为节流会员:

没有登录名但想加入对话?成为Thurrott高级会员或基本用户参加

寄存器