起航学习网

- 让每个人都能学到最前沿新知识、新技能!
起航学习网
当前位置: 起航学习网 > 短期培训 > 设计培训 > Android设计规范Material Design-Components(6分隔线)

Android设计规范Material Design-Components(6分隔线)

时间:2016-05-19 09:40:00来源:UI设计网 作者:起航学习网 已有: 名学员访问该课程

  快捷搜索:经验Android教程APP设计


机构名称:我爱学习网 联系手机:13783581536 在线客服:起航学习网客服 在 线 QQ:起航学习网客服 网站域名:

前言: 9月10日,又是一个特殊的节日~~祝所有的老师,教师节快乐!~~其实错了,不只是老师~~应该是所有为我们传道,授业,

9月10日,又是一个特殊的节日~~祝所有的老师,教师节快乐!~~其实错了,不只是老师~~应该是所有为我们传道,授业,解惑的师者。我昨天没有更新,好怀念哟~~,有一两天没有上咱家网站,感觉好想念呀~~真的发现有点离不开了~~好矫情~~

分隔线(Dividers)

分隔线(Dividers)

分隔线(Dividers) 主要用于管理和分隔列表和页面布局内的内容,以便让内容生成更好的视觉效果及空间感。示例中呈现的分隔线是一种弱规则,弱到不会去打扰到用户对内容的关注。

用途

没有锚点的项(Items without anchors)

当在列表中没有像头像或者是图标之类的锚点元素时,单靠空格并不足以用于区分每个数据项(原文中使用的是“瓦片”)。这种情况下使用一个等屏宽(full-bleed)的分隔线就会帮助区别开每个数据项目。使其它看起来更独立和更有韵味。

Android设计规范Material Design-Components(6分隔线)_qh.itpxw.cn Android设计规范Material Design-Components(6分隔线)_qh.itpxw.cn

基于图片的内容

由于网格列表(grid)本身属性而造成的视觉效果,这就导致在网格列表中是不需要分隔线来区别子标题与内容的。在这种情况下,子标题与内容间的空白区域就可以分隔每块的内容了。

Android设计规范Material Design-Components(6分隔线)_qh.itpxw.cn

分隔线的类型

等屏宽分隔线(Full-bleed dividers)

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

Android设计规范Material Design-Components(6分隔线)_qh.itpxw.cn Android设计规范Material Design-Components(6分隔线)_qh.itpxw.cn

内凹分隔线(Inset dividers)

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

Android设计规范Material Design-Components(6分隔线)_qh.itpxw.cn Android设计规范Material Design-Components(6分隔线)_qh.itpxw.cn

子标题和分隔线

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

Android设计规范Material Design-Components(6分隔线)_qh.itpxw.cn Android设计规范Material Design-Components(6分隔线)_qh.itpxw.cn

非常感谢这些辛苦翻译的小伙伴!!

原文:Dividers 翻译:Kris 校对:huanglizhuo

 文章转自:http://design.1sters.com/

 =========================关于起航学习网=========================

 qh.itpxw.cn 起航学习网发布高质量ui设计教程和设计分享经验,希望打造一个最好的ui学习教程平台!

 APP截图站:qh.itpxw.cn  海量APP截图,让你灵感爆发!

转载请注明:起航学习网 » Android设计规范Material Design-Components(6分隔线)

文章出自:http://qh.itpxw.cn/peixun/ui/201613747.html

文章标题:Android设计规范Material Design-Components(6分隔线)



免责声明:本站文章均由入驻起航学习网的会员所发或者网络转载,所述观点仅代表作者本人,不代表起航学习网立场。如有侵权或者其他问题,请联系举报,必删。侵权投诉


机构名称:我爱学习网 联系手机:13783581536 在线客服:起航学习网客服 在 线 QQ:起航学习网客服 网站域名:

(责任编辑:深圳学历教育网)
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------