拨开荷叶行,寻梦已然成。仙女莲花里,翩翩白鹭情。
IMG-LOGO
主页 文章列表 什么是流畅设计?

什么是流畅设计?

白鹭 - 2022-01-06 2186 0 0

2017 年,微软正式推出了一种新的设计语言,称为 Microsoft Fluent Design System,也称为 Fluent Design。微软对 Fluent Design 的抱负是巨大的。这家软件巨头不仅希望将这种新的设计语言引入其所有产品,还希望将其用于 AR、VR、Android 和 iOS 移动应用程序。

那么流畅设计到底是什么?

如前所述,Fluent Design是微软开发的多平台设计语言,于2017年推出。Fluent Design是Metro Design的升级版,继承了Material Design的优点。由 Google 提供。

什么是流畅设计的图 1? Fluent Design 是微软的新设计语言

Fluent Design 由 5 个主要因素组成,包括 Light(光)、Depth(深度)、Motion(运动)、Material(材料)和 Scalability/Scale(比例)。这些元素将帮助 Fluent Design 成为虚拟现实和新体验的最佳设计语言。

Fluent Design 的细节

1.光

在Fluent Design中,光是吸引用户注意力的工具。适当和适当的照明布局将有助于用户界面更加友好和美观。突出显示的指示灯按钮将引导用户使用正确的功能、服务。

2.深度

Light 和 Depth 两个元素帮助服务和应用看起来更漂亮、更流畅、更友好。与 Metro Design 平淡沉闷的框架不同,具有合理光线和深度的 Fluent Design 为应用程序、应用程序图标创建了一个新的、有吸引力的界面。

3.运动

运动是吸引用户注意力的地方。当用户可以看到移动元素并与之交互时,应用程序界面会变得更加有趣。 Fluent Design中有很多类型的运动,比如挖、淡化、视差(视差——远近物体的显示会不一样)。

什么是流畅设计的图 2? 微软新的应用程序图标集采用 Fluent Design 风格设计
  1. 微软解释了即将在 Windows 10 上使用的 Fluent Design 徽标模板的含义

4.材料

通过 Fluent Design,微软希望其应用程序和服务能够模拟现实世界中材料的敏感性和活力。不再是平淡无奇的方块,新材料、半透明贴片(也称为亚克力材料)将成为 Fluent Design 的一大亮点。

5.可扩展性/收缩性

在 Fluent Design 上设计的所有内容都将根据不同的外形、显示尺寸和空间(0D 和 3D)进行缩放。因此,应用程序、对象将根据其运行的平台灵活显示。这对于可以在 AR、VR 环境中运行的多平台应用程序和服务非常有用。

背离过去,走向未来

事实上,Fluent Design 的关键元素与 Metro Design 的扁平化设计形成了鲜明的对比。不过,微软新的设计语言保留了 Metro 的简洁,刷新了 Windows Vista 和 Windows 7 中引入的设计语言 Aero 的形象。指针高亮效果。

什么是流畅设计的图 3? 不仅是其所有应用程序和服务,微软还希望将 Fluent Design 引入 AR 和 VR 平台以及 iOS 和 Android 移动应用程序。

借助 Fluent Design,微软希望将物理元素引入数字平面,并专注于超越常见的设计模式。微软的最终目标是创造一个混合现实,给用户应用界面,自然的软件,带来现实生活的气息。

标签:

0 评论

发表评论

您的电子邮件地址不会被公开。 必填的字段已做标记 *