#21天打卡游戏人的日常思考# 类 Fluent Design 设计思想的多元质感在哪些细节中勾勒?
Fluent Design 是微软在 2017 年提出的设计系统,这套设计系统据称将为其产品视觉提供贯穿多平台的能力,并对当时分散在多个大产品中的零碎的设计风格进行收束。
在最初的介绍视频中,整个设计风格被拆解成以下五个方面:Light 光线,Depth 深度,Motion 动作,Material 材质,Scale 比例。通过 Specs 指引,我们可以知道每个分类在底层系统设计上的具体意义;但就我个人理解来说,它在视觉上的本质表现是对「拟物」的简化,核心是「质感」。
如何设计一个 Fluent 的元素?首先找到这一元素在现实世界中最具有代表性的材质,重现这一种材质的纹理,剥离这种纹理的细部表现,最后加入光照的变化和交互时的强调方式。到此为止,一个基础 Fluent 组件的视觉呈现便设计完成了。
Fluent Design 是微软在 2017 年提出的设计系统,这套设计系统据称将为其产品视觉提供贯穿多平台的能力,并对当时分散在多个大产品中的零碎的设计风格进行收束。
在最初的介绍视频中,整个设计风格被拆解成以下五个方面:Light 光线,Depth 深度,Motion 动作,Material 材质,Scale 比例。通过 Specs 指引,我们可以知道每个分类在底层系统设计上的具体意义;但就我个人理解来说,它在视觉上的本质表现是对「拟物」的简化,核心是「质感」。
如何设计一个 Fluent 的元素?首先找到这一元素在现实世界中最具有代表性的材质,重现这一种材质的纹理,剥离这种纹理的细部表现,最后加入光照的变化和交互时的强调方式。到此为止,一个基础 Fluent 组件的视觉呈现便设计完成了。
全部评论
相关推荐
点赞 评论 收藏
分享
点赞 评论 收藏
分享