Material design小结
https://www.google.com/design/spec/material-design/introduction.html 开源项目,第一个感觉更合适一点,虽然github不如第二个: http://www.material-ui.com https://getmdl.io 一、动画(Motion): 动画应该快速的 运动距离不同,时间也应该不同,不能清一色相同的时间 手机:一般在300ms以内,全屏幕or复杂动画控制在375ms内;平板时间要比手机长30%,穿戴要比手机短30%;pc应该控制在150ms-200ms(复杂的动画会丢帧,更快的速度可以减弱丢帧) 进入屏幕应该是弧线向上或向下(贴边上下)或者沿单一轴线(直线)进入或者退出并加快一些 进入屏幕使用减速:先快后慢(deceleration curve),退出屏幕使用加速:先慢后快(acceleration),都控制在300ms内 如果是 暂离屏幕 保持立刻和返回位置一致并使用sharp curve缓动,如果是 永久离开屏幕 可以设置不同位置(进入和离开位置不同) 相对运动:要避免抢眼、剧烈运动、破坏性,所以使用standard curve缓动 各种缓动效果(curve),参看: easing 还有很多细节无法用文字描述,需要看官方的动画演示 二、样式 (Style) 官方提供了调色板 下载 并提供了几套