day33

今天学习了mayerial design 的按钮

按钮由文字和/或图标组成，文字及图标必须能让人轻易地和点击后展示的内容联系起来。

按钮的三种表示方法:

• 悬浮响应按钮(Floating action button)， 点击后会产生墨水扩散效果的圆形按钮。

• 浮动按钮(Raised button)， 常见的方形纸片按钮，点击后会产生墨水扩散效果。

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

   颜色饱满的图标是功能性的，尽量避免把他们作为纯粹装饰用的元素。

   按钮的设计应当和应用的颜色主题保持一致。

主按钮

按钮类型应该基于主按钮、屏幕上容器的数量以及整体布局来进行选择。

一个容器应该只使用一种类型的按钮。 只在比较特殊的情况下（比如需要强调一个浮起的效果）才应该混合使用多种类型的按钮。

悬浮响应按钮

悬浮响应按钮是促进动作里的特殊类型。 是一个圆形的漂浮在界面之上的、拥有一系列特殊动作的按钮，这些动作通常和变换、启动、以及它本身的转换锚点相关。

浮动按钮

浮动按钮使按钮在比较拥挤的界面上更清晰可见。能给大多数扁平的布局带来层次感。

扁平按钮

扁平按钮一般用于对话框或者工具栏， 可避免页面上过多无意义的层叠。

扁平和浮动按钮的状态

按钮状态模拟

浮动按钮看起来像一张放在页面上的纸片，点击后会浮起来并表现出色彩。

扁平按钮会一直保持和页面贴合的状态，点击后会填充颜色。