Material Design Lite ，简洁惊艳的前端工具箱。
Material Design Lite简介 本文主要介绍Material Design设计语言的HTML/CSS/JS部分实现。 对应每一小节的在线练习地址如下，大家可以去试试。 http://www.hubwiz.com/course/55adae643ad79a1b05dcbf77/ 一、设计语言 github项目地址： https://github.com/google/material-design-lite 拟真 vs. 扁平 在iso7之前，Apple采用的是拟真化设计语言，期望通过模拟现实世界的物体，给用户 身临其境的感觉。自metro和ios7开始的扁平化设计语言则相反，它着意去掉冗余的装 饰效果（比如透视、纹理、渐变等等能做出3D效果的元素），让“信息”本身重新作为核心 被凸显出来。 从下面的对比图中，我们可以体会到两种设计语言的差异： Material Design 如果说拟真代表设计语言的一个极端，而扁平代表设计语言的另一个极端，那么Material Design则居于两者之间更偏右的位置： 在Material Design中，屏幕里看上去平整的一个 App 界面，事实上不同控件之间都拥有 着层级关系。不同控件之间的层级关系会使用阴影作为表示，而阴影的深浅，代表的正是这个 控件在 Z 轴的高度： 二、材料/Material Material Design