Material design学习笔记
Material design的设计规范细致入微,需要消化好一阵子,越读越感受到它的妙处。由于只是笔记我会写得尽量简单,并且省略掉信息。想要深入了解MD,可以看看官方文档。感谢 @海边来的设计师








![]()






颜色不宜过多。选取一种主色、一种辅助色(非必需),在此基础上进行明度、饱和度变化,构成配色方案


常用字号:
1.12sp 小字提示;
2.14sp(桌面端13sp) 正文/按钮文字;
3.16sp(桌面端15sp) 小标题;
4.20sp Appbar文字;
5.24sp 大标题;
6.34sp/45sp/56sp/112sp 超大号文字;
长篇幅正文,每行建议60字符(英文)左右。短文本,建议每行30字符(英文)左右。




所有可操作元素最小点击区域尺寸:48dp X 48dp。
栅格系统的最小单位是8dp,一切距离、尺寸都应该是8dp的整数倍。
以下是一些常见的尺寸与距离:
1.顶部状态栏高度:24dp;
2.Appbar最小高度:56dp;
3.底部导航栏高度:48dp;
4.悬浮按钮尺寸:56x56dp/40x40dp;
5.用户头像尺寸:64x64dp/40x40dp;
6.小图标点击区域:48x48dp;
7.侧边抽屉到屏幕右边的距离:56dp;
8.卡片间距:8dp;
9.分隔线上下留白:8dp;
11.大多元素的留白距离:16dp;
12.屏幕左右对齐基线:16dp;
13.文字左侧对齐基线:72dp;



官方文档(需要科学上网)中还详细介绍了界面中的控件规范、尺寸和更多的细节有兴趣的朋友可以前往阅读 https://material.io/guidelines/
中文的相关资料也有很多大家可以上网搜索一下。








































