最近有项目设计是基于卡片的模式，借此篇文章对项目进行一次总结：

基于卡片式UI设计的截图

 

卡片的优点

卡片式设计可以应用于各种环境，正确运用的话它们可以改善APP的用户体验。 以下是一些例子，说明为什么卡片有益于你的用户界面。

良好的内容组织

卡片在占用较少屏幕空间的情况下将信息有组织的划分到不同的区域中。用户喜欢信息分块，因为它有助于快速浏览：它可以让用户避免阅读让他们觉得恐惧和费时的超长段落，让用户更快地抓住其感兴趣的部分。类似于文本段落是对语句的组织结果，卡片聚集多样的信息形成一个连贯的内容体。

 

视觉上赏心悦目

基于卡片式的设计通常都严重依赖于其视觉效果。而卡片本身又对图片有很强的依赖性。多项研究都已经指出图片确实能够提升网站或应用程序的设计效果和浏览体验，因为图片能够快速有效地吸引用户的注意力。因此，在卡片中如果能突出使用图片，那自然会对用户产生更强的吸引力。

 

 

为手指而设计

卡片完全适合手指操作，看起来似乎也是专为移动端所创造的样式。数字卡片的使用和现实中的卡片一样，为用户提供了舒适的体验。用户无需思考如何操作，很容易理解翻转卡片查看更多信息或滑动查看更多卡片。

卡片几乎是无限可操作的：他们可以充分利用动画和运动。

 

 

 

卡片和排版

关于卡片设计的一切都应易于阅读和理解。设计师应当视可读性为重要目标：

选择简单且易于辨别的字体，以及对比度良好的配色方案（纯色背景上的文本要与背景有足够的对比度，保证文本清晰可见）。

尝试控制字体数量，对于大多数卡片，一种字体就足够了。

 

转载部分内容，希望能了解为什么卡片式设计变得如此流行，并且相信这个趋势也会长盛不衰。这种趋势不会那么快结束，卡片式设计将会是APP设计的大势所趋。卡片式设计的极佳可用性是其经久不衰的原因。卡片并不只是徒有外表，它是设计统一体验的最自由的布局形式。如今人们获取信息速度越来越快，卡片能忽略设备的差异给用户提供更好的服务。这也是以用户体验为中心的设计。