<Translation >卡片：UI组件定义

卡片通常与扁平化设计2.0关联：它保留了扁平化设计审美的某些方面，但是引入了视觉深入去表达可点击的特性。虽然基本概念是比较老旧的，但是最近几年里，卡片式设计已经得到了软件设计方面界的很多关注，并且很多具有很高知名度的公网站和公司（比如 Google 的Material Design，Twitter 的卡片组件）开始只用这种设计。

卡片有四个关键特性

1. 卡片用户组合信息

          一个卡片可以将几种不同信息内容分成用户可消化的信息单元--它可以是一篇新闻网站上的文章，一个电商网上的商品，一篇社交应用上的帖子。一个独立的卡片通常会包含一些不同类型的信息媒介，比如图片、标题、摘要、分享图标、或者行为号召按钮，但所有的信息都关联到相同的概念。

1. 卡片表达总结性信息和更多详情的可链接性

          一个卡片通常比较简短，并且提供了一个链接的入口点以便进一步查看详情，而不是把所有的详细内容都呈现出来。它就像是一个高聚合信息框架，用以吸引用户去点击，从而到达一个承载详细信息的独立页面。

1. 卡片像物理上的卡片

         卡片在分组内容的周围使用描边，并且卡片内的背景色不同于底层的背景色。这些视觉元素创造了一种很强烈的视觉感，即在描边内部的不同的信息碎片被组合在了一起。

          通常情况下卡片通过轻微的投影表现页面深度，这同时也能表现其可点击的特性。对于大多数的实现方式，单击或者点击卡片的任何一个地方都会链接到一个详情页面（虽然有一些卡片，比如前面提到的那个卡片，也会格外为可用的主要连接添加次级行为号召按钮或者链接入口）。这中较大区域的点击大大提高了触屏设备和基于鼠标设计的设备上的可用性（基于Fitts 定律）。

1. 卡片兼容灵活的布局

          当布局中使用了多个卡片的时候，他们往往包含不同类型的信息--有些卡片肯呢个包含一些文字总结、标签或者图片，而同页面的其他的卡片可能是完全不同的信息。卡片通过改变高度以适应不同数量和类型的内容，但是多个卡片通常会保持相同的宽度。

共同区域原则创造视觉分组

卡片模型充分利用了共同区域原则在认知心理学的一个优势：在一个边界内中的多个内容项更可能被视为是被分在同一个组的。这个原则可以取代强大的亲密性原则（相近的内容项被视为分在同一组），允许相隔甚远的内容项也有明确的视觉分组。共同区域原则让设计师能够自由的使用负空间去创造多个内容项间的显式联系。

上面：亲密性原则使得三角形2和3、4和5有非常强的在视觉成组感，因为他们离彼此非常近，但是与相邻的1和6距离却非常远。设计师必须使用负空间（如不相关元素之间的空白区域）去表达分组。