仅此一篇，读懂卡片式设计长盛不衰的秘密 交互设计

当卡片用来组织不同来源的内容的时候，它有着极高的处理精度。使用卡片你能将信息聚合成符合逻辑的分组，甚至可以根据特定的上下文和背景进行有效的排序。来自不同来源的内容根据规则被整合成不同的分组，这也是卡片式设计的优势。

2010年的时候，微软推出了Metro设计语言。这种设计语言的一个关键原则就是关注应用的内容，而这通常是通过扁平化的元素、排版和卡片来实现的。一个Metro 卡片不仅仅是单纯的设计元素，它还承载了内容和必要的交互。

谷歌所提出的Material Design 设计则采用了纸的隐喻，同样是一种典型的卡片式设计，目前仍然是主流的设计语言。Material Design 和 Metro 有着许多共通之处，它也更加接近于扁平化2.0的设计特征。

当你开始采用卡片式设计的时候，简约应当是你始终牢记的一个原则。Carrie Coucins 对此有个很好的建议：一个卡片元素能够包含多个元素，但是最好每次都专注于其中的一个内容或者信息。这样的设计能够让用户进行更加精准的选择，也使得内容可以更加准确地消费和分享。

我们都很清楚如今响应式设计的重要性，要让自己的应用和页面能够在不同尺寸的屏幕上正常的使用。当我们为不同的屏幕设计的时候，应当充分了解屏幕特征和所用的卡片与内容的属性，这样才能根据屏幕的大小快速、轻松地调整内容。卡片式设计呈现出了与响应式框架良好的兼容性，它可以轻松适应不同的屏幕尺寸和响应式设计的断点。

数字化之后的卡片能够以不同的方式进行操控，这也是它的一大优势。横向或者纵向排列，堆叠，排列等等等等。

卡片上的一切内容都应该拥有良好的可读性：

·选择简单且易于识别的字体，以及拥有良好对比度的配色方案

·尝试控制字体的数量，对于绝大多数的项目，单个字体就好

对于绝大多数的人而言，很难理解为何卡片式设计为何如此受欢迎，并且人气还在持续增长中。相信我，这种趋势并不会那么快结束的，卡片式设计将会是UI设计的大势索取，并持续很长时间。卡片式设计的强大可用性是它的生命力来源，简约的设计和丰富的承载形式将会让卡片式设计走的更远。

*本文由优设网原创翻译，请尊重版权和译者成果，转摘请附上优设链接，违者必究。

（编辑：PHP编程网 - 黄冈站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!