卡片式布局的优点有哪些(app卡片式布局)

在移动UI设计中，卡片设计撑起半壁江山，它自由且充满逻辑，越来越受欢迎。在各种app中经常看到的承载图片、文字等内容的矩形块，称为卡片。卡片以各种方式存在，点开可以看到更详细

本文最后更新时间： 2023-04-10 07:24:24

在移动UI设计中，卡片设计撑起半壁江山，它自由且充满逻辑，越来越受欢迎。

在各种app中经常看到的承载图片、文字等内容的矩形块，称为卡片。卡片以各种方式存在，点开可以看到更详细的内容。一般这种容器叫“卡”。另一方面也指那些包含一定图片和文字信息的矩形，作为更详细信息的入口。

卡作为接口。有时你甚至看不到卡片的设计形式，因为它们与屏幕完全吻合。不过仔细看还是能认出它采用了卡片式设计。卡片式界面通常作为一个整体的可触摸元素。它可以通过点击或滑动到屏幕上的任何位置来操作。卡片设计在游戏界面中的应用也是一大亮点。

卡片设计作为卡片界面流程的中断，往往会滑下来遮住屏幕。用于手机或APP广告。与接口卡不同，这些卡包含两个链接-强链接和弱链接。你可以通过超链接跳转到产品广告页面。点击弱链接返回上一界面。一般来说，很难点击到薄弱环节。

从用户体验来看，广告和整体界面的和谐度比较高。虽然这个广告会占满屏幕，但是不会给用户造成太大的麻烦，因为你只是把广告卡叠加在屏幕卡的上面，用户可以关闭或者忽略它。用卡片帮助用户快速浏览信息，用视觉风格一致的广告提供直接的商业价值。

卡片可以承载不同类型的内容，因此它们是基于内容的网站和应用程序的完美容器——这个通用框架不会拒绝任何内容。该卡的元素可以包含:照片、文本、视频、优惠券、音乐、支付信息、注册或表格、游戏数据、社交媒体流或共享、奖励信息、链接以及上述元素的组合。这样做的好处是用卡片来承载内容信息，层次简单易懂，用户可以轻松滑动浏览。

在典型的布局中，屏幕中每张牌的位置都是平等的，不存在一张牌支配其他牌的情况。很多卡片排列有序，用户可以选择想要点击的卡片进行操作。

在数字领域的应用中，卡片设计改善了操作行为体验。另一方面，用户在与卡片交互时，可以分为几种行为模式。卡片通常做三件事:记录信息、用信息吸引用户或提醒用户信息。根据卡片内容元素，卡片被进一步细化为不同类型的容器。

一、旁白:卡片以瀑布的形式出现，同时为事件的发展创造时间线。

二是发现卡片可以让相关内容自然出现。在使用网格或瀑布布局时，使用淡入效果来展示卡片，会让用户觉得很好玩，置身其中。例如，当你向左或向右滑动时，显示符合你口味的歌曲。

三、对话:由于卡片相对独立，可以完美展现正在进行的对话。

四、工作流程:卡片可以快速分类待办事项。

就像生活中使用卡片一样，卡片对于设计者和使用者来说，一定要好用。当你设计卡片时，你需要做一些重要的决定，合适的卡片尺寸和合适的视觉风格。常见的卡片尺寸有几种选择:小尺寸、抽象的卡片；中号卡；全屏卡；堆叠在其他界面元素顶部的弹出式卡片。

因为卡片设计可以承载各种内容，设计师需要精通从色彩到图像应用的各方面知识。以下原则最适用于卡片设计模式:

首先，了解阴影及其特征。为了使投影和渐变的元素更加逼真，在卡片设计中了解阴影的特性就显得尤为重要。如果阴影投在整张卡的棱角上，卡载体的物理交互作用将不复存在。

第二，保证U1在无色体系中的澄清度。在无色系统的条件下设计时，一定要考虑它的可用性和内容，然后在此基础上有目的地添加色彩。

第三，自觉留白。空白卡的重要性不言而喻。首先，在卡片的某些空空格中添加文本内容。为了让文字看起来足够清晰，你可以在文字下面使用深色蒙版，将文字放在方框中或者模糊背景。

第四，增加图文排版的对比度。比如通过字体大小和字体粗细来吸引用户的注意力。简单的图形排版视觉效果最好，无衬线字体会给卡片一些美学润色，让卡片看起来既熟悉又有创意。阴影等元素很大程度上可以帮助用户联想到实体卡片。