二、新增Material Design设计目标
1、先让我们来回顾一下旧版Material Design2个设计目标:
◎我们希冀创造一种新的视觉设计语言,能够遵循优秀设计的经典定则,同时还伴有创新理念和新的科技。
◎我们希望创造一种独一无二的底层系统,在这个系统的基础之上,构建跨平台和超越设备尺寸的统一体验。遵循基本的移动设计定则,同时支持触摸、语音、鼠标、键盘等输入方式。
2、新版Material Design3大设计目标
新版增加了“定制”目标,与最新推出的主题编辑器个性化的定制功能相吻合。
◎创造:我们希冀创造一种新的视觉设计语言,能够遵循优秀设计的经典定则,同时还伴有创新理念和新的科技。
◎统一:我们希望创造一种独一无二的底层系统,在这个系统的基础之上,构建跨平台和超越设备尺寸的统一体验。
◎定制:通过Material的视觉语言的延伸,为创新和品牌表达提供统一灵活的设计规范。
三、新增Material Design设计原则
本次更新将原有的材质隐喻、大胆夸张、动效表意3大设计原则扩充为5大设计原则:材质隐喻、大胆夸张、动效表意、灵活、跨平台,让我们来做一个对比。
1、原有Material Design3大设计原则:
◎隐喻
通过构建系统化的动效和空间合理化利用,并将两个理念合二为一,构成了实体隐喻。与众不同的触感是实体的基础,这一灵感来自我们对纸墨的研究,但是我们相信,随着科技的进步,应用前景将不可估量。
实体的表面和边缘提供基于真实效果的视觉体验,熟悉的触感让用户可以快速地理解和认知。实体的多样性可以让我们呈现出更多反映真实世界的设计效果,但同时又绝不会脱离客观的物理规律。
光效、表面质感、运动感这三点是解释物体运动规律、交互方式、空间关系的关键。真实的光效可以解释物体之间的交合关系、空间关系,以及单个物体的运动。
◎大胆夸张
新的视觉语言,在基本元素的处理上,借鉴了传统的印刷设计——排版、网格、空间、比例、配色、图像使用——这些基础的平面设计规范。在这些设计基础上下功夫,不但可以愉悦用户,而且能够构建出视觉层级、视觉意义以及视觉聚焦。精心选择色彩、图像、选择合乎比例的字体、留白,力求构建出鲜明、形象的用户界面,让用户沉浸其中。
Material Design 设计语言强调根据用户行为凸显核心功能,进而为用户提供操作指引。
◎动效表意
动画效果(简称动效)可以有效地暗示、指引用户。动效的设计要根据用户行为而定,能够改变整体设计的触感。
动效应当在独立的场景呈现。通过动效,让物体的变化以更连续、更平滑的方式呈现给用户,让用户能够充分知晓所发生的变化。
动效应该是有意义的、合理的,动效的目的是为了吸引用户的注意力,以及维持整个系统的连续性体验。动效反馈需细腻、清爽。转场动效需高效、明晰。
2、新版Material Design5大设计原则:
◎材质隐喻
Material Design受物理世界及其物体纹理材质的启发,包括它们如何反射光线和投射阴影。材料表面进行重新构想,加入纸张和墨水的特性。
◎大胆夸张
Material Design以印刷设计方法 - 排版,网格,空间,比例,颜色和图像为指导,创造出让用户沉浸在精心设计的视觉层级、视觉意义以及视觉聚焦中。
◎动效表意
通过微妙的反馈和平滑的过渡来使动效保持一定的连续性。随着元素出现在屏幕上,他们在环境中转换和重组,相互作用产生新的变化。
◎灵活
Material Design系统旨在实现品牌传达。它集成了一个自定义代码库,可以使组件,插件和设计元素无缝的衔接和灵活的运行。
◎跨平台
Material Design使用跨平台管理,其中包括Android,iOS,Flutter和Web,方便设计师跨平台维护ui组件。
3、扩展信息:
我们全面的指导可帮助你更快地设计漂亮的产品。通过全新的设计工具,定制Material组件和跨平台管理,在材料研究中找到灵感,并用Material Theming表达你产品的与众不同。
通过浏览以下三个部分来帮助你更好的理解:
◎材料系统:我们扩展和优化的设计系统与Material工具和组件统一,以改进设计和开发之间的工作流程。
◎材料基础:设计和策划如何将Material Design设计体系运用到你的应用程序,同时学习支持Material Design的原理和理论。
◎材料指南:从设计到代码实现,在整个产品中系统化地定制和部署个性化主题。