界面设计中的卡片式是什么？

随着手机APP的快速发展，越来越多的风格开始应用在设计中，卡片式就是其中的一种，这种风格能够让界面排版更简洁，看起来更舒服，下面以设计为实例来介绍下卡片式风格。

卡片式风格

（01）要想设计卡片式风格的话，我们需要将背景和卡片的颜色进行区分，选择“矩形”创建同等大小的背景，一般颜色为#f9f9f9.

（02）卡片式风格也是有导航栏和状态栏的，找个预设的格式来复制粘贴就行了。

（03）接着开始绘制卡片，选择“矩形”工具栏绘制卡片，一排的数量根据个人的想法来设计。

（04）一般来说我们的卡片都是白色的，点选矩形，在右侧“填充”中更改颜色。

（05）做卡片式的设计需要让形状看起来更立体点，我们需要添加1px的描边效果。

（06）最重要的是投影效果，添加投影效果之后能让卡片看起来更立体，点击“阴影”进行调整。

（07）卡片式设计的重点就是凸出图片的效果，我们可以置入两张图片来查看下效果，如下图，在界面中，如果设计文字的话，就是辅助作用，重点是凸出图片内容。

（08）如下图我们可以看到，如果有卡片式来排版的话，整个界面看起来就会干净很多，但是如果图片质量不好的话，不建议使用这种风格。

（09）当然设计的时候需要灵活变通，如下图，如果页面只想摆放一张图片的话，就需要对卡片的大小进行调整，这就看设计师对格局的把控了，反正一定要选好素材图。