前言: 当~当~当~当~,好像大家对文字的东西都不太感冒,我大概看了看最近连载的文章,,浏览量最多也就359~~~而且这都不
当~当~当~当~,好像大家对文字的东西都不太感冒,我大概看了看最近连载的文章,,浏览量最多也就359~~~而且这都不是一天,而是连载出来的总量~~好心塞~~~其实没关系的,我就只是希望大家在咱们网站上有所收获就行~~~,只要有一个人浏览,一个人收获了,对于我来说,都是很满足的~~~大爱呀~~有没有~~
还是来说说卡片吧~~~这个其实我不是很能够理解,就我的理解而言,我认为,这里的卡片就是一种应用的缩略图,它这里说卡片通常是通往更详细复杂信息的入口。简单讲就是一种有图文并茂的快捷窗口~~类似于简介~~
卡片是包含一组特定数据集的纸片,数据集含有各种相关信息,例如,关于单一主题的照片,文本,和链接。卡片通常是通往更详细复杂信息的入口。卡片有固定的宽度和可变的高度。最大高度限制于可适应平台上单一视图的内容,但如果需要它可以临时扩展(例如,显示评论栏)。卡片不会翻转以展示其背后的信息。
卡片是用来显示由不同种类对象组成的内容的便捷途径。它们也适用于展示尺寸或操作相当不同的相似对象,像带有不同长度标题的照片。
注意:即使外观相近,Now卡片是卡片的一个带有唯一表现和格式要求的独特子集。

卡片集是卡片的一个平面布局。


这些卡片每张包含一组特定数据集:带操作的确认表,带操作的笔记,带照片的笔记。

显示这些内容时使用卡片布局:

要
1. 卡片带圆角。
2. 卡片带多种操作。
3. 卡片可以忽略和重排。

不要
这是瓷砖,不是卡片。
1. 瓷砖带直角。
2. 瓷砖少于两种操作。

要
可快速扫描的列表,用来代替卡片,是表现没有许多操作的同类内容的合适方法。

不要
这里卡片的使用分散了用户注意力,不能快速扫描。这些列表项也不能忽略,所以把它们放在不同的卡片上是难以理解的。

要
网格瓷砖是表现图片库的干净轻量的方法。

不要
卡片在图片库中没有必要(同类内容)。
字体设计
正文:14 sp 或 16 sp
标题:24 sp 或更大
扁平按钮:Roboto Medium, 14 sp, 10 sp 字间距
移动设备上的卡片间距
屏幕边界与卡片间留白:8 dp
卡片间留白:8 dp
内容留白
16 dp




卡片内容类型和数量可以很大程度上根据传递的内容变化。卡片提供上下文及通往更复杂信息与视图的入口;确保不要滥用带有无用信息或操作的卡片。


放置主要内容在卡片顶部。使用层级结构来引导用户注意到卡片上最重要的信息。


卡片中的主要操作通常是卡片本身。
追加操作可以在一组卡片间根据内容类型和期望结果变化,例如,播放电影和打开书籍。一组卡片中,始终有定位操作。
追加操作
卡片的追加操作通过图标,文本,和UI控制准确地呼出,这些通常放置在卡片底部。
放置在主要内容中的行内UI控制可以调整主要内容的外观,例如,滑块来选择日期,星星来给内容评分,或者分段的按钮来选择日期范围。
除弹出菜单外,限制追加操作在两项。
弹出菜单
弹出菜单(可选)通常放置在卡片的右上角,但它也可以放置在右下方,如果这样安排改善内容布局和易读性。
注意不要滥用带过多操作的弹出菜单。
注意事项
强烈不推荐文本内容的行内链接。
尽管卡片可以提供多种操作,UI控制,和弹出菜单,谨慎使用并且记得卡片是通往更复杂详细信息的入口。




支持单张卡片基准上的滑动手势。卡片手势表现应该始终在卡片组中实现。
按住并拖动手势可行。然而,考虑对用户能够在集合中排序卡片是否重要,或者如果按要求筛选/排序内容可以提供更好的体验。
卡片集可以按要求排序或按日期,文件大小,字母表顺序,或其他参数筛选。集合中的第一项定位于集合的左上角,其余的从左至右从上至下延续。
卡片集只会竖直滚动。超过最大卡片高度的卡片内容将被截断且不可滚动。
带截断内容的卡片可以扩展,这样卡片高度可以超过视图的最大值。这种情况下,卡片将与卡片集一起滚动。
对于取决于连续焦点遍历用于导航的界面(方向键,键盘),单张卡片应该仅有基本操作或打开一个带基本和可用追加操作的新视图。
非常感谢这些辛苦翻译的小伙伴!!
原文:Cards 翻译:ThatMrL 校对:xianglifei
文章转自:http://design.1sters.com/
=========================关于起航学习网=========================
qh.itpxw.cn 起航学习网发布高质量ui设计教程和设计分享经验,希望打造一个最好的ui学习教程平台!
APP截图站:qh.itpxw.cn 海量APP截图,让你灵感爆发!
转载请注明:起航学习网 » Android设计规范Material Design-Components(3卡片)
文章出自:http://qh.itpxw.cn/peixun/ui/201613761.html
文章标题:Android设计规范Material Design-Components(3卡片)
免责声明:本站文章均由入驻起航学习网的会员所发或者网络转载,所述观点仅代表作者本人,不代表起航学习网立场。如有侵权或者其他问题,请联系举报,必删。侵权投诉