一文讲透！2021年你必须掌握的PPT设计趋势

大家好，我是李导~

作为一个设计师，每一年的设计趋势是一定要了解的，它一定是代表了大众的审美

借着流行趋势的设计会焕发活力，不枯燥，你的设计也会让客户觉得专业，更愿意为你付费

2021年新的流行趋势已经普及开来，今天就为大家介绍一个你必须要掌握的设计趋势

1.毛玻璃的设计概念

设计中讲的毛玻璃是一个拟物化的视觉效果，通过技术手段实现了现实生活中俗称 “磨砂玻璃” 的模糊半透明效果

它有着比其他设计方式更加具体的视觉隐喻，取材自我们的日常生活，所以我们也可以称之为【玻璃拟物化】 

毛玻璃设计风格风格至少有四个特点：

• 透明：使用带有模糊磨砂质感背景的透明效果

• 悬浮：带有明显悬浮感的多个层级

• 鲜明：使用鲜艳色彩作为强调色并且从半透明层中透出

• 微妙：使用轻薄微妙的边框来强化物理质感

这种带有超强质感的效果已经被广泛运用于各种设计类型中，如果你经常翻看各大设计类网站，你会看到有很多设计师都在有意识地采用这种风格进行设计

这其中包括但不限于：

海报设计

图标设计

UI设计

网页设计

3D设计

其实在互联网还处在pc时代的时候，毛玻璃的视觉效果就已经在电子设备上开始出现了

当时有多少人没有去在意窗口顶部的毛玻璃效果啊

而在手机界面的设计中，成体系的使用毛玻璃设计风格的是自ios7开始。但是真正以毛玻璃作为核心设计隐喻体系的其实是windows10

包括现在的ios也在慢慢的将毛玻璃风格渗入它的操作系统中

2.毛玻璃的设计优势

首先就是愉悦感

使用毛玻璃效果设计出来的页面，由于其质感的【通透性】，会呈现出一种【虚实结合】的美感

然后是层次感

用户可以感受到不同元素的层级关系，这便得益于毛玻璃所营造的层次感

前景是清晰可见的，下一层就是毛玻璃层，底层的背景虽然模糊，但是透过毛玻璃层可以清楚地知道元素目前所处的位置

最后是高级感

经过「玻璃层」处理之后的背景显得非常柔和，无论是动态还是静态的都不会影响前景元素的呈现。同时，位于前景的文本、色彩、UI 控件依然可以保证良好的可读性

3.在PowerPoint中如何做出毛玻璃效果？

有三种方法：自动党模式 & 手动党模式1 & 手动党模式2

这里我只简单介绍下自动党模式，稍后我会详细讲解手动党模式的两个方法

自动党模式

首先你需要安装一个插件：OKPlus

你需要关注开发这款插件作者的公众号【设计奇谈】，回复【OKplus】按照提示就可获取这款插件

插件安装好之后启动PowerPoint，随意插入一张图片，或者自己手动画一个背景，这里我就拿上一篇文章中用到的地图素材做背景

然后随意画一个形状

最后在顶部导航菜单中找到【OKplus】插件下的【毛玻璃】，点击后，你的形状就一下子有了毛玻璃的效果

插件一键生成，没什么特别好讲的，下面我要重点讲解

手动党模式1

仍然需要插入一张背景图片，我们还拿地图素材举例

然后再插入一个形状

插入图片后第一步：复制这一页幻灯片，作为备用

第二步：在第一页幻灯片里插入一个圆角矩形

第三步：选中背景图片，点击【图片格式】下的【裁剪】

我们需要将图片的大小裁剪的跟圆角矩形一模一样

第四步：我们需要按键盘上的Ctrl+X剪切这张裁剪好的图片，然后选中圆角矩形，执行【点击鼠标右键-设置形状格式】，在填充选项下选择【图片或纹理填充】，然后点击下面的【剪切板】按钮

你会看到，刚刚被我们裁剪的那张图片就被填充到这个圆角矩形内了

第五步：选中此圆角矩形，【点击鼠标右键-设置图片格式】，在【效果】选项中选择【艺术效果】里的【虚化】效果，并将【虚化半径】的参数调整至24左右（具体数值根据个人喜好即可）

此时毛玻璃的模糊效果已经出来了，我们把它复制到刚刚复制出来的新幻灯片上

可以看到毛玻璃效果已经比较明显了，但是并不真实，层次感不太强，而且光影的效果比较假

此时我们需要第六步：选中毛玻璃形状，在【设置形状格式】中的【效果】选项下找到【阴影】，选择一个合适的外部阴影类型

然后调整阴影的参数，模糊参数可以给大一点，如下图

最后一步：在【填充与线条】选项下的【线条】选项中，选择【渐变线】，将渐变角度改为120度左右（具体角度根据自己喜好和实际情况）。渐变光圈只保留两个，并将颜色改为 白色，然后将其中一个渐变光圈的【透明度】改为100%，【位置】调整为60%左右，最后将线条的【宽度】改为2磅左右（具体数值看个人喜好）

最终结果如下，效果还是挺真实的

手动党模式2

相较于模式1，这个方法更快一些但是有本质区别，这个稍后再说

前两步跟前两个方法都一样，都是需要一张背景图片，和一个矩形

然后，复制背景图片，并与原图片保持重合

图片重合的方法：选中两个背景图片，点击顶部导航菜单的【图片格式】，找到【对齐】，分别点击里面的【水平居中】和【垂直居中】

这样两张图片就完全重合了，然后我们把它们移动到幻灯片中合适位置，并点击鼠标右键找到 【置于底层】

下一步：一定要 先选择背景图片，再选矩形，然后在软件顶部导航菜单里找到【绘图工具-格式】下的【合并形状】，我们要选择的是里面的【相交】

点击之后，我们复制出来的那张背景图片就和圆角矩形的形状完美结合了

接下来的步骤就跟 【手动党模式1】 一模一样了，给这个结合好的图片添加艺术效果【虚化】；添加阴影让它更立体，再添加渐变色的线条让它的光感更真实

最后出来的效果也是跟模式1一样的

这时候可以给它加上文字并做一个过渡动画，一个简单的ppt封面就做好了

4.为什么不推荐用插件做？

如果你做什么效果都先想到插件，那么你永远都学不好ppt

一旦你依赖了插件，你就不想自己动脑思考更多设计思路，而且会让你对软件的熟悉程度慢慢降低

最后就变成了：你只会用插件，一旦换了一台电脑，且没有你想要的插件，你就蒙了，这个软件你就不会用了

所以插件是一把双刃剑，在我们时间紧迫赶工的时候可以用来辅助我们，但平时在做练习的时候还是不要太依赖插件

当然有很多效果是只有插件才能生成的就另当别论了

我们在做每一种效果的时候都要知其然，知其所以然

5.模式1和模式2的区别

这部分的内容是根据前人总结出来的经验得来的

上面案例中的模式1主要运用了【图片填充】的方法，模式2主要运用了 【合并形状】 的方法

如上图，左侧是模式1的【图片填充】，右侧是模式2的【合并形状】

从上图结果上来看并没有什么区别，但是如果打开【设置图片格式】面板就会发现，模式1的【图片填充】法可以调整图片的透明度，但模式2的【形状结合】法就不行

通过模式1生成的毛玻璃可以通过调节透明度来达到更加通透的效果，而经过测试，模式2只能在高版本（office2019/265）中才能调节图片透明度

但模式2并非一无是处

虽然它不能自由调节图片透明度，但是使用它添加【平滑】切换效果是更便捷的，整个操作过程也更高效，只要调整好【虚化】半径的参数，效果一样很棒

最后总结一下，上面的案例我用到了三个制作方法，大家可以思考下还有没有什么方法可以把效果再完善一些？

比如加一些边角高光的渐变；磨砂效果；线条的多色渐变等等

大家不妨可以再思考下还有没有其他制作方法，每一种方法都要了解它的优缺点，知其然，更要知其所以然

ok，本周的推文就到这里，我是李导我们下周见啦~