Material Design

参考代码

1. 设计语言

拟真 vs. 扁平

在 iso7 之前，Apple采用的是 拟真化 设计语言，期望通过模拟现实世界的物体，给用户身临其境的感觉。自 metro 和 ios7 开始的 扁平化 设计语言则相反，它着意去掉冗余的装饰效果（比如透视、纹理、渐变等等能做出3D效果的元素），让“信息”本身重新作为核心被凸显出来。

MDL布局组件

参考代码

1. 布局/Layout

MDL 的 布局/Layout组件 用来作为整个页面其他元素的容器，可以自动适应不同的浏览器、 屏幕尺寸和设备。

布局/Layout组件 需要按特定的 HTML 结构进行声明：