卡片是承载信息的容器，可以承载不同类型的内容，其元素可以包含：图片、文字、视频、表单、介绍信息、链接等等，是UI界面设计中十分常见的元素。下面，成都UI设计公司蓝橙视觉就给大家分享一下卡片式UI界面设计该怎么做。

一、卡片在界面中的运用

卡片简单易懂，用户不需要考虑事情如何发生，可自然而然的创建舒适的用户体验。当用户与卡片进行交互时，可以分成几种行为模式。卡片通常会做三件事：记录信息、用信息吸引用户或提醒用户信息。根据卡片的内容元素，可将卡片进一步细化为不同类型容器。

1、叙述：卡片以瀑布流形式出现，同时创建事件发展的时间轴。

2、发现：卡片能让相关内容自然的呈现出来。采用网格或瀑布流布局时，使用淡入效果展现卡片，会让用户觉得好玩和身在其中。

3、对话：由于卡片是相对独立的，它们能够完美展示正在进行的对话。

4、工作流：卡片可以将待办事项快速归类。例如：创建不同的笔记或待办事项的卡片，当用户删除时，剩余的卡片按照初始顺序重新排列。

二、卡片设计注意事项

由于卡片式设计能够承载各种类型的内容，需要设计师在设计卡片时要有规范性和创意性，使用合适的排版、尺寸、圆角以及良好的阴影和渐变效果，让卡片为用户提供更加舒适的视觉感受。以下是卡片设计需要注意的地方：

1、了解阴影及特点

为了让投影和渐变的元素更加真实，了解阴影特点在卡片设计中显得尤为重要。如果阴影投在整个卡片的边和角上，就会丧失卡片载体的物理交互感。

2、增加排版的对比性

比如通过字体大小、字体粗细来吸引用户的注意力。简单的图文排版其视觉效果是最好的，加之非衬线字体，会给卡片一些美感上的润色，这样的卡片会看上去既有熟悉感又富有创意。诸如阴影之类的元素，在很大程度上能帮助用户联想到实体卡片。

3、保证UI清晰

在无色系的条件下设计，必须考虑其可用性和所包含的内容，在此基础上有目的添加颜色。为了让卡片信息看起来足够清晰，可以在卡片背景使用深色蒙层，把背景做模糊处理，来突出卡片信息。

以上就是本次为大家分享的UI界面设计技巧，卡片式设计需要确保不同的卡片，都遵循在一个统一宽度和样式的卡片内进行发挥和设计。既保证了卡片和卡片之间的独立性，又保证了服务和服务的统一化设计。