Material Design 材质属性

材质属性

材质自身有一些固定的特性和行为。

了解材质的这些特性,会有助于你用一种和 Material Design 的构想更一致的方式来使用材质。

材质的特性

固体的
在空间中占据一个独一无二的位置
不可穿透
形状可变
仅允许沿着当前所在平面改变大小
不可弯曲
可以与其他材质连接
可以分离、分割和复原
可以被创建和销毁
可以在任何轴上移动

Material Design 中 材质的特性和行为解析

物理属性 Expand and collapse content An arrow that points down when collapsed and points up when expanded.

材质在 x、y 轴上有不同的尺寸(计量单位为 dp)和统一的厚度(1dp)。

Material Design 中,材质的长度和宽度可调整

推荐做法

材质的长度和宽度是可以改变的。

Material Design 中,所有材质厚度为 1dp

不推荐做法

所有材质都是 1dp 的厚度。

材质能够投射阴影。

阴影由元素间的相对海拔高度(z 轴位置)决定。

推荐做法

阴影反映了材质元素之间的相对海拔高度。

不推荐做法

阴影不是通过对材质着色产生的。

内容可以以任何形状和颜色呈现于材质之上。内容不会增加材质的厚度。

推荐做法

材质可以展示任何形状和颜色。

内容在视觉上可独立于材质存在,但其行为受限于材质的边界。

推荐做法

内容的行为可以和材质的行为互相独立。

材质是固体。

输入事件不能穿透材质。

Material Design 中,只有最前面的材质响应输入事件

推荐做法

只有在最前面的材质才会响应输入事件。

Material Design 中,输入事件不能穿透

不推荐做法

输入事件不能穿透材质。

多个材质元素不能同时出现在同一空间中的相同位置。

利用海拔高度区分 Material Design 元素,避免重叠

推荐做法

利用海拔高度来区分材质元素,以防止多个材质元素同时占用空间中的相同位置。

多个 Material Design 元素不能重叠

不推荐做法

多个材质元素不能同时占用空间中的相同位置。

材质不能彼此穿透。

例如,当改变材质高度时,这片材质不能从另一片材质中穿透。

不推荐做法

材质不能彼此穿透。

材质变换 Expand and collapse content An arrow that points down when collapsed and points up when expanded.

材质可以改变形状。

材质可以改变形状。

材质只能在当前所在平面内伸缩。

推荐做法

材质只能在当前所在平面内伸缩。

材质不能发生弯曲或折叠。

不推荐做法

材质不能发生弯曲或折叠。

多片材质可以组合成一片材质。

多片材质可以组合成一片材质。

分割之后,材质可以复原。例如,如果你从一片材质中移除了一部分,这片材质会自行复原,重新成为一整片材质。

材质可以被分割和复原。

材质的移动 Expand and collapse content An arrow that points down when collapsed and points up when expanded.

材质可以在环境中的任何地方自动创建或销毁。

材质可以自动创建或销毁。

材质可以沿着任何轴移动。

材质可以沿着任何轴移动。

Z 轴的运动通常是用户和材质交互的结果。

Z 轴的运动是用户和材质交互后产生的。