流畅设计体系

科技工作者之家 2020-11-17

流畅设计体系Fluent Design)(代号Project Neon)、官方全称微软流畅设计体系Microsoft Fluent Design System),是微软于2017年开发的设计语言。

简介流畅设计是Microsoft Design Language 2的改版,其中包含为所有面向Windows 10设备和平台设计的软件中的设计和交互的指导原则。该体系基于五个关键元素:光感,深度,动效,材质及缩放。新的设计语言包括更多对动效、深度及半透明效果的使用。过渡到流畅设计体系是一个长期项目,没有具体的完成目标,但是从创作者更新以来,新设计语言的元素已被融入到个别应用程序。它将在未来的Windows 10秋季创作者更新中更广泛的使用,但微软也表示,该设计体系不会在秋季创作者更新内完成。

微软于2017年5月11日的Microsoft Build2017开发者大会上公开了该设计体系。1

扁平化设计扁平化设计是一种简约的UI设计理念,现被广泛应用于图形用户界面上(例如网络应用程序和手机应用程序),在图形材料,例如海报,艺术作品,指导文档,各类出版物等方面尤为常用。

扁平化作为一种交互界面的设计理念,强调对于三维效果图像元素使用的最小化(其元素也包括阴影、渐变和纹理),亦专注于使用去除了冗余信息的图像元素,排版及纯色效果。现在的平面设计师可能更倾向于选择扁平化的设计风格,这是因为此类设计可以使画面看起来显得更为流线型,更加平滑,信息处理的效率也会更高(对此亦有人持反论)。其次,这种设计也使人们一眼看上去就知道了界面所传达的信息,兼顾了视觉上的亲和力和耐看性。与此同时,在不同屏幕尺寸的电子设备上,扁平化的界面能够更好地实现画面尺寸的转化。正是因为扁平化仅仅使用了简单的设计元素,所以使用这一设计的网页会加载得更快,画面大小的调整也更加轻松,在高分辨率的屏幕上各种信息和元素仍然十分醒目。作为一种设计理念,人们经常会将之与仿真设计和富含构思风格进行对比。1

质感设计质感设计(英语:Material Design,又译为材质设计材料设计),研发代号:量子纸张(英语:Quantum Paper),是由Google开发的设计语言 。扩展于Google即时的“卡片”设计,材质设计基于网格的布局、响应动画与过渡、填充、深度效果(如光线和阴影)。设计师马迪亚斯·杜阿尔特解释说:“与真正的纸张不同,我们的数字材质可以智能地扩大和变形。材质具有实体的表面和边缘。接缝和阴影表明组件的含义。“Google指出他们的新设计语言基于纸张和油墨。”

质感设计于2014年6月25日的Google I/O大会上宣布。质感设计可借助v7 appcompat库用于Android 2.1及以上版本,支持几乎所有2009年以后制造的Android设备。材质设计将逐步扩展到Google的网络和移动产品阵列,提供一致的跨平台和应用程序体验。Google还为第三方开发人员发布了API,开发人员可将质感设计应用到他们的应用程序中。

网络应用程序的质感设计界面的规范实现被称为“Polymer纸张元素”。它包括Polymer库、一个垫片,为不原生支持Web Components标准的浏览器提供了API,以及“纸张元素集合”。2

本词条内容贡献者为:

王沛 - 副教授、副研究员 - 中国科学院工程热物理研究所

科技工作者之家

科技工作者之家APP是专注科技人才,知识分享与人才交流的服务平台。