网页设计趋势: 为何那麽多APP喜欢使用卡片式设计?盘点卡片式设计的好处

APP设计中，卡片式设计是最受欢迎且应用最广的经典排版方式。卡片式设计不仅能打破传统界面版式那种呆板布局，还能更好地归纳网站的信息。虽然卡片式设计看上去简单，但要把控得好，却并不容易。那麽卡片式设计有什麽好处?

◇ 什麽是卡片式设计?

网页设计趋势

卡片是含有图片和文字在内的小矩形模块，它是用户了解更多细节信息的入口。要平衡界面的美学和可用性，卡片式设计是一个不错的选择。卡片式设计用起来非常方便，还可以展示包含不同元素的内容。

◆ 卡片式设计有什麽好处?

好处一：完美的拟物

网页设计趋势

在APP设计界面中加入卡片式设计，可谓是完美的拟物。卡片式设计虽然没有特别复杂的设计效果，简单的投影效果以及仿照真实卡片的操作方式，可被覆盖、堆叠、移动、划动等，能更好地拓展内容视觉深度和可操作性，让人下意识有种「这就是平时生活中所用的卡片」的想法，非常真实。

好处二：内容架构

网页设计趋势

传统界面的内容一般会采取纵向滚动操作，展示内容有效。卡片式设计将内容划分多个有意义的部分，在纵向的内容流里，很好地增加横向滑动的内容区域，节省不少屏幕空间。

好处三：有利於信息分层和整合

网页设计趋势

在卡片式设计中，每张卡片就相当於一个信息模块，用户可通过划动快速浏览，同时不会出现疑惑。再者，块状卡片会让界面变得更加整齐美观，同一页面中不同卡片大小，还能很好地区分信息的重要登记。

好处四：给用户带来视觉享受

网页设计趋势

卡片式设计的最大亮点就是使用大量图片，研究发现，图片可以快速吸引用户的注意力，同时也提升了网页设计或APP设计的美观性，让设计变得更引人入胜。

◇ 卡片式设计的优秀案例欣赏

一、 网页类の卡片式设计优秀案例

1. Google Play – Material Design卡片

网页设计趋势

无论首页推荐还是细分类别，卡片式设计都能让整个界面变得整洁大方，条理性强。配合上下左右的滑动交互，给用户带来极强的操作感。

2. Quora

网页设计趋势

卡片式设计将信息以区块形式集中在一起，内容不会以长篇大论的形式出现，避免用户对此产生畏惧心理。简单易明的内容更容易引起用户兴趣，并让用户快速判断是否继续阅读下去。

3. Linkedin

网页设计趋势

Linkedin的网站设计使用的是「文字+图片+连结」的方式，当所有元素都放在同一卡片上，面积较大的图片成为卡片的最焦点，让用户更容易点击操作。

4. Pinterest

网页设计趋势

这种瀑布流设计为用户提供无缝式的流畅体验，减少点击步骤能最大限度留住用户。每张卡片都添加微妙的阴影，强化其可见性，同时让用户下意识产生「点击」的冲动。

二、APP类の卡片式设计优秀案例

1. Instagram

网页设计趋势

在APP设计中，卡片作为容器的作用更为突出。如Ins作为以图片为主的APP，所有图片以正方形放不，保证图片在feed流里的宽度能全屏显示，从而看起来更加整齐。

2. Trello

网页设计趋势

卡片式设计能帮助用户更好地进行列表归类，也可灵活运用，帮助用户管理任务和工作。

3. Airbnb

网页设计趋势

卡片式设计的简约性和条理性不仅能做好内容区分，也增加APP的用户体验。此外，Airbnb的卡片设计采用无框设计，统一且重复的信息元素，让内容变得更有规律性。

卡片式设计不仅是很好的拟物化设计，还是创建优质内容，营造优质用户体验的重要布局手段。