Material Design学习笔记 (5)

Material Design学习笔记

Material Design学习笔记

垂直边距

1.24dp

2.56dp

3.48dp 

4.8dp 

   

六.组件                                                  1.按钮

  1)对话框中的按钮

    对话框中使用扁平按钮作为主要按钮类型以避免过多的层次叠加。

  2)底部固定按钮

    *如果需要一个对用户持续可见的功能按钮,应该首先考虑使用悬浮响应按钮。如果需要一个非主要、但是能快速定位到的按钮,则可以使用底部固定按钮。

    *底部固定按钮也可以用在内容可拉动的对话框中,前提是要加上 divider。

  

Material Design学习笔记

  3)浮动按钮操作

    *一个浮动操作按钮至少应该弹出三个以上的选项。一个浮动操作按钮应该弹出不超过六个选项。

    *不要在浮动操作按钮的选项中放置外链按钮。从原始屏幕到目的页面应该最多两次点击。

    *浮动操作按钮并非弹出菜单,浮动操作按钮并非弹出菜单。

        

Material Design学习笔记

      

Material Design学习笔记

2.提示框

    Dialog 包含了一个标题(可选),内容 ,事件。

      标题:主要是用于简单描述下选择类型。它是可选的,要需要的时候赋值即可。

      内容:主要是描述要作出一个什么样的决定 。

      事件:主要是允许用户通过确认一个具体操作来继续下一步活动。

 相关标准:

Material Design学习笔记

并排按钮(Side-by-side buttons)在每个按钮的文本信息都没有超过通常的按钮宽度时,推荐使用并排模式。比如说最常用的 确定/取消 按钮。

    

Material Design学习笔记

   *提示框是与父视图是分隔开的。不会随着父视图滚动。

    如果可以,请尽量保持提示框里面的内容不需要滚动 。如果滚动的内容太多了,那么可以考虑使用其它的容器或者是呈现方式。然而,如果内容是滚动的,那么请使用较明显的方式来提示用户。比如说被让文字或者是控件露一截出来。 

  

Material Design学习笔记

3.分割线

    1)等屏宽分隔线或以用于分隔列表中的每个数据项或者是页面布局中的不同类型的内容。

    2)在有锚点元素(头像或者是图标)并且有关键字的标题列中,我们可以使用内凹分隔线。

    3)在使用分隔的子标题时,可以将分隔线置于子标题之上,可以加强子标题与内容关联度。

    

Material Design学习笔记

 

4.列表

    1)如果有超过三行的文本需要在列表中显示,换用卡片(cards)代替。

    2)如果内容的主要区别来源于图片,换用网格列表(grid list)。

5.列表控制   

    1)不要把两个展示图标和操作图标放在一起,比如复选框和头像

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/zgjyfs.html