微软 Fluent Design System 全新设计语言

002
Fluent Design System
2017-12-21

Microsoft 在 Build 2017 开发者大会上发布了全新的设计语言- Fluent Design System(项目代号:Neon),彻底改变沿用多年的平面矩形样式的用户界面,新的设计语言不止与视觉有关,它还涉及交互模式、空间和全新元素的整合方式,实现的三个转变:

1. 从平面设计语言到沉浸式、多维度的设计语言的转变;
2. 从小屏幕、触摸式到跨平台、输入式的转变;
3. 从消耗型、传达型到创造型、自我处理型的转变

1.(light)光
微软流畅体设计

微软流畅体设计
光可以集中注意力,提高层次感

2.(depth)深度
微软流畅体设计

微软流畅体设计
3D深度 打破了传统二维模式,在X\Y轴加上了Z轴,使设计具有空间感

3.(motion)动效
微软流畅体设计

微软流畅体设计
传统交互设计最多颜色变一下,而全新的Fluent Design System设计中 大量使用动态设计,使交互感增强
4.(Material)材质
微软流畅体设计

微软流畅体设计
材质我们可以理解为 一个物体能呈现不同的色彩、纹理等 这都是材质,不同的材质配比会给人耳目一新的感觉
5.(scale)缩放
微软流畅体设计

微软流畅体设计
微软一直是虚拟现实的开创者 HoloLens 更是跨时代产品,scale 可以提供沉浸式的体验。

如果你加入了windows 内部体验计划,那么新的设计语言已经应用在新的预览系统里面了,并且在不断更新,下面来看下优秀的Fluent Design System设计

设计趋势

微软全新设计

设计案例

微软设计案例

极致创想/JazzMind

宁波企业宣传片制作宁波广告片拍摄宁波影视公司宁波视频制作,宁波航拍,宁波达芬奇调色宁波VR

浏览数:1,135

发表评论

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