9月7日，中秋节假期开始了，前天下午看到群里在倒计时，借用小伙伴的一句话，就是这个节，搞得跟春节一样~~好紧张~~可是我昨天还上班着呢~~转入正题，前天讲了卡片，今天讲纸片，其实卡片的范围更大，运用更广，而纸片则相对要局限点~~但具体是怎么样的区别，大家只有自己对比对比，也方便理解~~话说，不知道小伙伴们注意到没有，咱们网站有一篇文章里面就有Material Design的部分干货素材~~需要的就搬走吧~~

纸片(Chips)

联系人纸片

联系人的纸片视图用于呈现联系人的信息。当用户在输入框(收件人一栏)中输入一个联系人的名字时，联系人纸片视图就会被触发，用于展示联系人的地址以供用户进行选择。而且联系人的纸片可以被直接添加到收件人一栏中去。

联系人的纸片视图主要用于帮助用户高效的选择正确的收件人。

关闭状态的联系人纸片视图

• 联系人名字使用的字体为：Roboto，常规，14sp
• 当点击关闭状态下的联系人纸片视图，它就会展开并且显示出联系人的地址

打开状态的联系人纸片视图

• 默认状态下，最顶的联系方式被激活并选中
• 联系人名字的字体为：Roboto，常规，16sp
• 地址文本的字体为： Roboto，常规，14sp
• 当用户选择后，纸片视图被关闭

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

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

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

=========================关于学ui网=========================

xueui.cn 学ui网发布高质量ui设计教程和设计分享，希望打造一个最好的ui学习教程平台！

APP截图站：app.xueui.cn海量APP截图，让你灵感爆发！