Material Design 1 中文文档

Material Design 是一种融合经典设计原则与科技创新而创造的设计语言。
Material Design:经典设计与科技创新的结合

目标 Expand and collapse content An arrow that points down when collapsed and points up when expanded.

创造一套将经典的设计原则与科技、创新相结合的设计语言。

结合经典设计原则与科技的 Material Design 语言

开发一个能在不同平台和设备上提供一致体验的基础系统。遵循基本的移动设计准则,并同时支持触摸、语音、鼠标、键盘等输入方式。

Material Design:跨平台一致体验,支持多种输入方式

原则 Expand and collapse content An arrow that points down when collapsed and points up when expanded.

Material Design 通过动效和空间利用创造真实的视觉和触觉体验

Material 是一种隐喻

材质隐喻是一套统一了空间逻辑与动效系统的理论。材质立足于可触的现实,灵感来自对纸与墨的研究,同时又具备技术先进性,并为想象与“魔法”留出空间。

材质的表面与边缘提供贴近现实的视觉线索。熟悉的触感属性能帮助用户快速理解可供性;同时,材质的灵活性又能创造出超越物理世界的新可供性,但仍不违背物理规律。

光效、表面与动效是传达对象如何移动、交互、以及在空间中彼此存在关系的关键。真实的光效会呈现接缝、划分空间,并提示运动部件。

Material Design 语言强调鲜明的视觉层级和用户体验

鲜明、图形化、有意图

新的视觉语言,在基本元素的处理上,借鉴了传统的印刷设计——排版、网格、空间、比例、配色、图像使用——这些基础的平面设计规范。在这些设计基础上下功夫,不仅能愉悦用户,更能构建出清晰的视觉层级、传达视觉意义并引导视觉焦点。精心选择色彩、图像、选择合乎比例的字体、留白,力求构建出鲜明、形象的用户界面,让用户沉浸其中。

Material Design 设计语言强调根据用户行为凸显核心功能,进而为用户的行为提供指引。

Material Design:有意义的动效提升用户体验

有意义的动效

动效尊重并强化用户作为“首要驱动者”的地位。关键的用户操作会成为转折点,引发动效并推动整体设计发生转变。

所有操作都发生在同一环境中。对象即使发生变形与重组,也应在不打破体验连续性的前提下呈现给用户。

动效应该是有意义的、合理的,其目的是为了吸引用户的注意力,以及维持整个系统的连续性体验。动效反馈应细腻且清晰。转场动效应高效而连贯。

本文档中所有的内容和代码都使用 Apache 2.0 协议授权,除非有单独的说明。协议的全文见 https://www.apache.org/licenses/LICENSE-2.0.html