安卓卡片商品布局样式demo ui卡片式布局优点

谈谈考研刷题小程序中的卡片式设计

大家在UI设计中爱用卡片吗？无论是b端产品还是c端产品，卡片式设计几乎无处不在，卡片已然是我们在UI设计中最常见的样式了，今天我们就来一起详细的了解一下考研题库小程序UI设计中的卡片样式吧~

01 .

什么是卡片？

我们可以把卡片理解为一个容器，承载聚合不同的信息内容。在我们的日常生活中卡片样式也是特别多的，比如交通卡、银行卡、名片等，在卡片上聚集了某类信息，方便我们查看与携带。

在答题小程序UI设计中我们也将卡片作为容器，去承载不同的信息内容，如图片、文字等，我们称之为卡片式设计。

02 .

卡片式设计的优点

很多人都喜欢采用卡片样式。利用卡片区分内容模块，减少分割线使用，让界面更加清爽、透气，除此之外，卡片样式还具有以下优点：

聚焦内容：采用卡片包裹的形式，将信息聚会在卡片里，方便用户阅读。题库练习中，学习进度与章节目录卡片划分。

直观易理解：通过不同的卡片样式，将信息内容进行模块划分，用户可以直观地区分信息层级，高效获取内容。答题界面中，题目信息与操作栏两大块。其中，题目信息包含进度条、题目类型、选项；操作栏包含收藏和答题确认、切换题目。

更具吸引力：卡片的设计样式更加灵活、丰富，同时具备多种交互形式，具有更强的视觉冲击力与趣味性。题库小程序首页，个人信息、科目分类。

增加空间利用率：卡片可以采用堆叠、横向排列、上下滑动等布局形式，还可以收缩、折叠，节约大量空间，增加屏幕利用率。题库小程序，使用前的授权登录弹框。