Material Design学习

一.Android 5.0 Material Design---棒棒糖

1.      棒棒糖最大的区别就是添加了阴影效果。由之前的2D转变成了3D。

2.      交互式响应。当用户点击屏幕时，产生触控涟漪。

3.      配色。限制颜色的数量，在众多基础色中选出三个色度以及一个强调色。强调色用于后背，鲜艳的强调色用于你的主要操作按钮以及组件，如开关或滑片。左对齐的部分图标或章节标题也可以使用强调色。

       

我们十分鼓励在 UI中的大块区域内使用醒目的颜色。 UI中不同的元素适合主题中不同的色彩。工具栏和大色块适合使用饱和度 500的基础色，这也是你应用的主要颜色。状态栏适合使用更深一些的饱和度 700的基础色。详见文档色彩。

4.      组件

1）.      底部动作条（Bottom Sheets）,和底部菜单按钮类似。

样式分为：列表样式与宫格样式

   

a.      底部动作条(BottomSheets)特别适合有三个或者三个以上的操作需要提供给用户选择、并且不需要对操作有额外解释的情景。如果只有两个或者更少的操作，或者需要详加描述的，可以考虑使用菜单(Menu)或者对话框替代。

b.      模态：模态的对话框需要用户必须选择一项操作后才会消失，比如 Alert确认等；而非模态的对话框并不需要用户必须选择一项操作才会消失，比如页面上弹出的 Toast提示。

2）.      按钮

样式分为三种：

悬浮响应按钮(Floatingaction button)，点击后会产生墨水扩散效果的圆形按钮。也叫浮动操作按钮FAB，一个浮动操作按钮能够代表这个 App中的主要操作。一个屏幕只推荐使用一个浮动操作按钮来增加其显著性。它应该只代表最常见的操作。图2-1

      

浮动按钮(Raisedbutton)，常见的方形纸片按钮，点击后会产生墨水扩散效果。图2-1

   

扁平按钮(Flat button)， 点击后产生墨水扩散效果，和浮动按钮的区别是没有浮起的效果。图2-3

     

3）. 卡片（card）

注意瓷砖（tiles，直角，少于两种操作）、卡片（带多种操作，卡片带圆角，如果使用列表需要显示超过三行文本，如果使用网格列表需要显示更多文本来补充图像）、列表(Lists内容的形式一样)的使用区别。

4）. 纸片（Chips ）

5）. 数据表格

6）. 提示框（Dialogs）

7）. 分割线（Dividers）

8）. 网格列表（Lists）如果有超过三行的文本需要在列表中显示，换用卡片（cards）代替。如果内容的主要区别来源于图片，换用网格列表（gridlist）

9）. 菜单

10）.选择器

11）.进度条

12）.Snackbars 与 Toasts

13）.  工具提示(Tooltips)

tips：Android 6.0棉花糖已发布，官方文档现在还看的不是太懂，5.0参考文章http://wiki.jikexueyuan.com/project/material-design/，再次感谢！