Material Design介绍

背景

在Google I/O大会上Google引入了Material Design。Material Design是一门用户界面视觉设计语言。可以基于智能手机,平板,电视等等设备。从我的角度理解,Material Design其实就是Google为我们提供的一种设计规范。
我们可以发现在之前的软件中,许多IOS的软件,都有一些相似的共性。但Android 软件却各有各的特点。这应该也是Google推出Material Design的初衷之一吧。统一Android应用的设计规范,让应用更加清爽,有设计感。
Material Design设计灵感来源与对纸和墨水的研究,用纸张拼接来作为交互手段。

介绍

从Material Design文档中可以看出一下几点Material Design特点:

1.3D效果

谷歌推出了立体视觉的概念,也是Material Design中最重要的概念。从许多控件比如CardView,FloatingActionButton等都可以看出,添加了对高度的设置。如果说之前的设计效果只是基于x,y轴设计的话,Material Design则添加了z轴的概念。如下图
Alt text

2.亮度和阴影(以FloatingActionButton为例)

Alt text
Alt text

3.压缩和拉伸(CollapsingToolbarLayout效果,之后会讲)

4.水波纹效果:

这个效果经常可以见到,在Android 5.0的手机上,点击button后的波纹扩散效果。

……颜色,动画,布局,样式等等,在之后讲解控件时再详细介绍。
总的来说,Material Design 为我们一共了一系列的规范,希望我们通过这套规范,设计出更简洁,更高大上的应用。设计和产品同学可以看看这套规范,google已经设计好了很多东西。

图片素材推荐:

参考 https://design.google.com/icons/

颜色规范参考:

https://www.google.com/design/spec/style/color.html#

更多Material Design规范参考:

https://www.google.com/design/spec/material-design/introduction.html

我的Material-Design Demo

https://github.com/JrDong/Android-Sloth,其中用到了大部分的md控件。欢迎fork