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