文档介绍:Material design
设计规范
核心思想
·材质与空间
准则
Material design
动画
·颜色
文字
·布局
组件
核心思想
把物理世界的体验带进屏幕。去掉现实中的杂质和随机性,保留其最
原始纯净的形态、空间关系、变化与过渡,配合虚拟世界的灵活特性
还原最贴近真实的体验,达到简洁与直观的效果
材质和空间
Material design中,最重要的信息载体就是魔法纸片。纸片层叠、合并、
分离,拥有现实中的厚度、
和反馈,同时拥有液体的一些特性,能
够自由伸展变形
纸片的魔法特性,真实纸片所不具备的能力
纸片可以伸缩、改变形状
纸片变形时可以裁剪內容,比如纸片缩小时,内容大小不变,而是隐藏超出部分
多张纸片可以拼接成张
一张纸片可以分裂成多张
纸片可以在任何位置凭空出现
魔法纸片有些效果是禁止的
顶操作不能同时触发两张纸片的反馈
层的纸片,海拔高度不能相
纸片不能互相穿透
纸片不能弯折
纸片不能产生***,必须平行于屏幕
材质和空间
Material design引入了z轴的概念,z轴垂直于屏幕,用来表现元的层委关系。z值(海
拔高度)越高,元紊离界面底层(水平面)越远,投影越重。这里有一个前提,所有的元
紊的厚度都是1d
所有元素都有默认的海拔高度,对它进行操作会拾升它的海拔高度,操作结束后,它应该
落回默认海拔高度。同种元紊,同样的操作,抬升的高度是-致的
准则
blur ldp
efseteldp
yoftseel odp
动画
动画要贴近真实世界
V加速减速的过程
忽然开始,忽然停止
动画
Application
WIFH-02
WIF1-03
WIFIOS
所有可点击的元素都应该有这样
动画
转场动画
动画
细节动画