界面设计中的卡片式是什么？
随着手机APP的快速发展，越来越多的风格开始应用在设计中，卡片式就是其中的一种，这种风格能够让界面排版更简洁，看起来更舒服，下面以设计为实例来介绍下卡片式风格。
卡片式风格
- 01
要想设计卡片式风格的话，我们需要将背景和卡片的颜色进行区分，选择“矩形”创建同等大小的背景，一般颜色为#f9f9f9.
- 02
卡片式风格也是有导航栏和状态栏的，找个预设的格式来复制粘贴就行了。
- 03
接着开始绘制卡片，选择“矩形”工具栏绘制卡片，一排的数量根据个人的想法来设计。
- 04
一般来说我们的卡片都是白色的，点选矩形，在右侧“填充”中更改颜色。
- 05
做卡片式的设计需要让形状看起来更立体点，我们需要添加1px的描边效果。
- 06
最重要的是投影效果，添加投影效果之后能让卡片看起来更立体，点击“阴影”进行调整。
- 07
卡片式设计的重点就是凸出图片的效果，我们可以置入两张图片来查看下效果，如下图，在界面中，如果设计文字的话，就是辅助作用，重点是凸出图片内容。
- 08
如下图我们可以看到，如果有卡片式来排版的话，整个界面看起来就会干净很多，但是如果图片质量不好的话，不建议使用这种风格。
- 09
当然设计的时候需要灵活变通，如下图，如果页面只想摆放一张图片的话，就需要对卡片的大小进行调整，这就看设计师对格局的把控了，反正一定要选好素材图。
赞 (0)