Material Design的理念解析及设计上的作用
Material Design的文档链接动态更新的,这里除了除了原文内容的罗列外,加入了自己的部分理解


材料可以分割和融合

材料可以拉伸延长,改变面积大小。

材料拉伸方向可以是水平轴和垂直轴,可以是独立的,也可以是同时的。


画面既可以保持在x轴和y轴上的固定位置,也可以在任何方向上移动;既可以限制在单个轴上,允许
一次沿单个轴移动,也同时沿两个轴移动。

一个表面的运动可以取决于另一个表面的运动;列表向上移动,底部菜单栏向下移动。

材料表面可以是透明、半透明或不透明的,根据需要调整
半透明的渐变效果,提升了全屏预览的体验,又保持了顶部材料的易用性

平均的透明效果,预览体验上良好,但是影响了顶部操作的辨识度


例:悬浮按钮组件在移动端中视觉提示比较明显,因此高度为6dp,桌面端上的是4dp;卡片也有所
区别,移动端略有高度1dp,桌面端0dp


例:海拔高度在发生变化时,如果于其他组件发生碰撞,要合理安排其他组件的消失或状态

例:相对于整个产品海拔高度要规范化,统一化

1. 导航抽屉:16dp 4. FAB:6dp
2. 应用栏:4dp 5. 按钮:2dp到8dp
3. 卡:1dp到8dp 6. 对话:24dp

Snackbar:6dp

底部 Sheet 模态框:16dp
Material Design对日常设计的帮助小结:
1、利用材料面积可伸缩变化的属性,加强多空间的分割和利用;
2、把动态设计形式多代入到日常的设计过程中,并注意细节,使动态体验更完整;
3、海拔与阴影制作上有规范意识,用数值量化,规范化。
















































































