随着手机APP的快速发展， 越来越多的风格开始应用在设计中， 卡片式就是其中的一种， 这种风格能够让界面排版更简洁， 看起来更舒服， 下面以设计为实例来介绍下卡片式风格 。 卡片式风格 01 要想设计卡片式风格的话， 我们需要将背景和卡片的颜色进行区分， 选择“矩形”创建同等大小的背景， 一般颜色为#f9f9f9.
文章插图
02 【界面设计中的卡片式是什么？】卡片式风格也是有导航栏和状态栏的， 找个预设的格式来复制粘贴就行了 。
文章插图
03 接着开始绘制卡片， 选择“矩形”工具栏绘制卡片， 一排的数量根据个人的想法来设计 。
文章插图
04 一般来说我们的卡片都是白色的， 点选矩形， 在右侧“填充”中更改颜色 。
文章插图
05 做卡片式的设计需要让形状看起来更立体点， 我们需要添加1px的描边效果 。
文章插图
06 最重要的是投影效果， 添加投影效果之后能让卡片看起来更立体， 点击“阴影”进行调整 。
文章插图
07 卡片式设计的重点就是凸出图片的效果， 我们可以置入两张图片来查看下效果， 如下图， 在界面中， 如果设计文字的话， 就是辅助作用， 重点是凸出图片内容 。
文章插图
08 如下图我们可以看到， 如果有卡片式来排版的话， 整个界面看起来就会干净很多， 但是如果图片质量不好的话， 不建议使用这种风格 。
文章插图
09 当然设计的时候需要灵活变通， 如下图， 如果页面只想摆放一张图片的话， 就需要对卡片的大小进行调整， 这就看设计师对格局的把控了， 反正一定要选好素材图 。
文章插图
以上内容就是界面设计中的卡片式是什么？的内容啦， 希望对你有所帮助哦！
推荐阅读
- 注册中的商标如何申请撤销？
- 古诗中的铅华指什么 古诗中的铅华是什么
- 如何应对生活中的焦虑？
- 传说中的双头巨人真的存在？
- 如何更换Excel单元格中的底纹颜色
- 怎样添加网络WINS信息
- 如何增加电脑中的默认文本短语
- 如何删除word文档中的其中一整页？
- 怎么用手机把相册中的照片制作成视频
- 怎么删除word中的空白页？