2024年网页卡片设计页 篇1
这一篇回答，充哥帮你解答以下问题：
1.什么是卡片风格？
2.如何用PPT制作卡片风格？
3.卡片风格还能怎么玩？
跟着充哥一起开启充电Buff开启！
什么是卡片风格？
其实，卡片风格就存在于我们的日常生活中。
它可以是一张小小的名片，也可以是夹杂在暗处的书签。
而回归于设计本身，它更觉见于网页及手机UI等展示界面中。
卡片式设计是突出重点信息（如卡片上的文字、图形等），弱化干扰元素（如采用背景虚化，或背景纯色等）的简约化设计。
如何用PPT制作卡片风格？
我们要在PPT中制作卡片风格，需要注意三点：
1.卡片的形状；（矩形、圆角矩形、圆形等自定义形状）
2.卡片的阴影；（PPT自带的阴影、阴影图）
3.卡片的背景底图；（纯色、渐变、虚化等）
我们通过案例一一进行分析讲解：
案例①、案例②，都是借鉴网页制作而成的，它们都采用了纯色作为背景，一些隐约可见的图标丰富了页面，不显单调。中间的卡片采用圆角矩形并添加了外部偏中的阴影。整体看来，卡片上的元素更显突出。
案例③，背景采用图片与空白二分法的设计，矩形的卡片块除了自带阴影外，还添加了一层“特殊设计”——左上角及右下角的切口效果。
阴影除了可以用PPT自带的效果以外，还可以用一些阴影图。
如采用白色矩形块遮盖住阴影图的一部分，达到类似于切口的效果。
具体演示效果如下图：
借助阴影图，甚至可以做出这样的效果：
充哥整理了32张高清PNG格式的阴影特效图，私信回复“阴影”即可获取。
案例④，卡片采用了圆角矩形外加阴影的效果，背景选用的是将图片虚化后铺满整个页面的手法。
选中图片，右键设置图片格式，艺术效果选择“虚化”，推荐半径值为90。（温馨提醒，虚化过程会比较卡，参数越大卡得越严重，请提前做好保存工作）
案例⑤，采用圆角矩形加阴影的卡片，背景是渐变色填充的效果。
之前讲过配色中，医学的行业色为蓝色、绿色，这里就采用了这组配色的渐变填充。
具体设置参数如下图：
卡片风格还能怎么玩？
像上图这种由多张卡片拼接而成的画面，乍看之下，可能以为是切好每一张图片再与矩形组合而成卡片。
其实，借助幻灯片背景填充的方法，就可以轻松做出啦。
操作步骤：
①先设置幻灯片的背景，插入图片；
②添加一层白色的蒙版，遮盖住背景；
③插入两个矩形组合成卡片，将最上面的矩形设置成幻灯片背景填充；
④多次复制卡片组合，拼接成想要的画面。
充电Over！
希望这个技巧，可以帮助到你！
实践是检验真理的唯一标准，赶紧打开你的PPT，操作一下吧。
有其他的方法，欢迎你补充。有任何问题，欢迎你留言。
我是头条号作者【PPT充电站】，希望这些知识能帮助你，点个赞同时分享给更多人，帮助有需要的人。谢谢，比心，么么哒！