安卓MD（MaterialDesign）规范
Md规范是⼀种设计风格，并不特指规范。是⼀种模拟纸张的⼿法。 ⼀、核⼼思想
把物理世界的体验带进屏幕。去掉现实中的杂质和随机性，保留其最原始纯净的形态、空间关系、变化与过度，配合虚拟世界的灵活特性，还原最贴近真实的体验，达到简洁与直观的效果。
01、五⼤原则
1、材料隐喻
受物理世界及其物理纹理材质的启发，包括它们如何让反射光线和投射阴影。材料表⾯进⾏重新构想，加⼊纸张和墨⽔的特性。
2、⼤胆夸张
以印刷设计⽅法，排版、⽹格、空间、⽐例、颜⾊和图像为指导，创造出让⽤户沉浸在精⼼设计的视觉层级、视觉意义以及视觉聚焦中。
3、动效表意
通过微妙的反馈和平滑的过渡来使动效保持⼀定的连续性。随着元素出现在屏幕上，它们在环境中转换和重组，相互作⽤产⽣新的变化。 4、灵活
系统旨在实现品牌传达。他集成了⼀个⾃定义代码库，可以使组件、插件和设计元素⽆缝的链接和灵活的运⾏。 5、 跨平台
使⽤跨平台管理，其中包括android、ios、flutter和web，⽅便设计师跨平台维护ui组件。
02、设计⽬标
创造：我们希望创造⼀种新的视觉设计语⾔，能够遵循优秀设计的经典定则，同时还伴有创新理念和新的科技
统⼀：我们希望创造⼀种独⼀⽆⼆的底层系统，在这个系统的基础智商，构建跨平台和超越设备尺⼨的统⼀体验
定制：通过Material的视觉语⾔的延伸，为创新和品牌表达提供统⼀灵活的设计规范。
⼆、材质与空间
01、材质
Meterial design中，最重要的信息载体就是魔法纸⽚。纸⽚层叠、合并、分离，拥有现实中的厚度、惯性和反馈，同时拥有液体的⼀些特性，能够⾃由伸展变形。
这些是纸⽚的魔法特性，真实纸⽚所不具备的能⼒：
3d蓝光播放器1、纸⽚可以伸缩，改变形状
2、纸⽚变形时可以裁剪内容，⽐如纸⽚缩⼩时，内容⼤⼩不变，⽽是隐藏超出部分
3、多张纸⽚可以拼接成⼀张
4、⼀张纸⽚可以分裂成多张222au
5、纸⽚可以在任何位置凭空出现
不过，魔法纸⽚有些效果是禁⽌的：
1、⼀项操作不能同时触发两站纸⽚的反馈
2、层叠的纸⽚，⾼度不能相同
3、纸⽚不能互相穿透
板端连接器
4、纸⽚不能弯折
5、纸⽚不能产⽣透视，必须平⾏于屏幕
02、空间
Material Design引⼊了Z轴的概念：
Z轴垂直于屏幕，⽤来表现元素的叠层关系。Z值越⾼，元素离界⾯底层越远，投影越重。这⾥有⼀个前提，所有的元素的厚度都是1dp。03、动效
Material Design重视动画效果，它反复强调⼀点： 动画不只是装饰，他有含义，能表达元素、界⾯之间的关系，具备功能上的作⽤。
动画要贴近真实世界，就要重视easing。物理世界中的运动和变化都是有加速和减速的过程的，忽然开始、忽然停⽌的匀速动画显得机械⽽不真实。考虑动画的easing，要先考虑它在现实世界中的运动规律。
所有可点击的元素，都应该有这样的反馈效果。通过这个动画，将点击的位置与所操作的元素关联起来，体现了Material Design动画的功能性。
槭叶铁线莲
1、通过过渡动画，表达界⾯之间的空间与层级关系，并且跨界⾯传递信息。
2、从⽗界⾯进⼊⼦界⾯，需要抬升⼦元素的海拔⾼度，并展开⾄整个屏幕，反之亦然。
3、多个相似元素，动画的设计要有先后次序，起到引导视线的作⽤。
4、相似元素的运动，要符合统⼀的规律。
5、通过图标的变化和⼀些细节来达到令⼈愉悦的效果。 四、⾊彩规范
1、颜⾊不易过多。选取⼀种主⾊、⼀种辅助⾊（⾮必需），在次基础上进⾏明度、饱和度变化，构成配⾊⽅案。
2、Appbar背景使⽤主⾊，状态栏背景使⽤深⼀级的主⾊或者20%透明度的纯⿊。
3、⼩⾯积需要⾼亮显⽰的地⽅使⽤辅助⾊。
4、其余颜⾊通过纯⿊#000000与纯⽩#ffffff的透明度变化来展现（包括图标和分割线）
五、图标
4g手机电子围栏
1、桌⾯图标尺⼨是48dp*48dp。桌⾯图标建议模仿显⽰中的折纸效果，通过扁平⾊彩表现空间和光影。
2、⼩图标尺⼨是24dp*24dp。图形限制在中央20dp*20dp区域内。⼩图标同样有删格系统。线条、空隙尽量保持在2dp宽，圆⾓半径2dp。特殊情况相应调整。
3、优先使⽤material design默认图标。设计⼩图标时，使⽤简练的图形来表达，图形不要带空间感。
六、图标
1、描述具体⾷物，优先使⽤照⽚。然后可以考虑使⽤插画。
2、图⽚上的⽂字，需要淡淡的遮罩确保其可读性。深⾊的遮罩透明度在20%～40%之间，浅⾊的遮
罩在40%～60%之间。
3、Android L可以从图⽚中提取主⾊，运⽤在其他UI元素上。
七、⽂字
1、英⽂
英⽂字体使⽤Roboto
Roboto有6种字重：Thin、Light、Regular、Medium、Bold和Black
2、中⽂
中⽂字体使⽤Noto
Noto有7种字重：Thin、Light、DemiLight、Regular、Medium、Bold和Black
常⽤字号：
1、12sp⼩字提⽰
2、14sp（桌⾯端13sp）正⽂/按钮⽂字
3、16sp（桌⾯端15sp）⼩标题
4、20sp Appbar⽂字
5、24sp⼤标题
6、34sp/45sp/56sp/112sp超⼤号⽂字
7、长篇幅正⽂，每⾏建议60字符（英⽂）左右。短⽂本，建议每⾏30字符（英⽂）左右。
⼋、布局
所有可操作元素最⼩点击区域尺⼨48dp*48dp。
删格系统的最⼩单位是8dp，⼀切距离、尺⼨都应该是8dp的整倍数。
顶部状态栏⾼度：24dp
Appbar最⼩⾼度：56dp
底部导航栏⾼度：48dp
⽤户头像尺⼨：64*64dp/40*40dp ⼩图标点击区域：48*48dp
侧边抽屉到屏幕右边的距离：56dp 卡⽚间距：8dp
调速皮带轮分割线上下留⽩：8dp
⼤多元素的留⽩距离：16dp
屏幕左右对齐基线：16dp
⽂字左侧对齐基线：72dp
豫公网安备41160202000603
站长QQ:729038198
关于我们
投诉建议