![a89af459c72be8add2a505110abc4c9f.png](https://img-blog.csdnimg.cn/img_convert/a89af459c72be8add2a505110abc4c9f.png)
文章首发于公众号:小左记
大家好,我是小左。
科技风作为一种设计风格,在 PPT 设计中 被广泛应用,深受着设计师与甲方爸爸的喜欢,我们先来看看那些好看的科技风作品。
![3fd04cfdc28bdf880b68330e255443a6.png](https://img-blog.csdnimg.cn/img_convert/3fd04cfdc28bdf880b68330e255443a6.png)
![efe75446f07d8237d452c13669b3d0f1.png](https://img-blog.csdnimg.cn/img_convert/efe75446f07d8237d452c13669b3d0f1.png)
![3b705a313b59db8d61f641535ac17ea4.png](https://img-blog.csdnimg.cn/img_convert/3b705a313b59db8d61f641535ac17ea4.png)
![df95fb52a15a6657f046c4a58e65d57a.png](https://img-blog.csdnimg.cn/img_convert/df95fb52a15a6657f046c4a58e65d57a.png)
![60ad2e839498066881e991ff0f279f10.png](https://img-blog.csdnimg.cn/img_convert/60ad2e839498066881e991ff0f279f10.png)
是不是很好看?
那么问题来了,科技风的设计为什么这么好看呢?原因有几点:
(1)使用较深色的背景,图版率增加了,画面显得不那么空
(2)使用科技感的背景,增加美观
(3)使用一定的发光效果,使得画面blingbling
什么?你说你不会做科技风的作品?
没关系,我拆解了上百分科技风作品,总结了一套科技风的规律。
一、背景图片
科技风的背景一般是宇宙、星球、看不懂的线条之类的,凡是我们日常生活中看不到的,或者只能借助高科技技术、电子产品才能看得到的东西都能被当做科技风的背景。
![bff5f73dd853fb3a0f81850f784b7a42.png](https://img-blog.csdnimg.cn/img_convert/bff5f73dd853fb3a0f81850f784b7a42.png)
![a90fb16a204df515d1ec7cbf5998de3e.png](https://img-blog.csdnimg.cn/img_convert/a90fb16a204df515d1ec7cbf5998de3e.png)
![8d890db9d756726a4ece9acffad1a8e9.png](https://img-blog.csdnimg.cn/img_convert/8d890db9d756726a4ece9acffad1a8e9.png)
二、背景颜色
背景颜色一般选择为黑色或者蓝色背景,整体会比较偏暗一些
三、字体颜色
字体的颜色一般选择为比较亮的颜色,与深色的背景形成对比,制造一种荧光跟发光的效果。
![895629fce9cde9d6b32767bc24c5023f.png](https://img-blog.csdnimg.cn/img_convert/895629fce9cde9d6b32767bc24c5023f.png)
那么科技感的颜色是不是只有蓝色可以用?其实不是的,任何高明度、高饱和度的颜色都可以使用,一般使用得较多的为蓝色、红色、紫色。
什么叫做高明度、高饱和度的颜色呢?
![0af7619b7f114d0392e58e47013f8ac1.png](https://img-blog.csdnimg.cn/img_convert/0af7619b7f114d0392e58e47013f8ac1.png)
在选择颜色的时候,将颜色模式调整为 HSL ,之后将饱和度的数值调得尽量大(最大255),亮度的数值也调整得稍微大一点(大于125以上)即可。
四、形状样式
一般的使用科技底座跟大量的折线进行装饰画面,科技底座基本上都是使用单色透明渐变为主。
![896f9aa323ae0e39302e6022a9be22ec.png](https://img-blog.csdnimg.cn/img_convert/896f9aa323ae0e39302e6022a9be22ec.png)
![06ae97ea66635511c60bdb8be71e68b0.png](https://img-blog.csdnimg.cn/img_convert/06ae97ea66635511c60bdb8be71e68b0.png)
五、光效
适当的添加一些光效,制造页面的亮点。
是不是很简单呢?那么接下来我们来实操一下,做一张科技风的 PPT,加深一下知识点。
首先我们先选择一张稍微科技感的背景图片。
![1b1b5937e416a8008436fdb1e4ec6909.png](https://img-blog.csdnimg.cn/img_convert/1b1b5937e416a8008436fdb1e4ec6909.png)
由于图片太亮了,所以我们先给添添加一个黑色的蒙版,让整体变得暗一些。
![2f59e3577fcdd457e16fe264d1aa7714.png](https://img-blog.csdnimg.cn/img_convert/2f59e3577fcdd457e16fe264d1aa7714.png)
什么?你问蒙版怎么添加?其实就是添加一层黑色不透明的形状(蒙版怎么添加,请点击我)。
![a8a7a7725488cb16756f754c32463ecb.png](https://img-blog.csdnimg.cn/img_convert/a8a7a7725488cb16756f754c32463ecb.png)
然后我们选择主体颜色跟字体。
![5833df9e8f4ca93489820569e9943f6b.png](https://img-blog.csdnimg.cn/img_convert/5833df9e8f4ca93489820569e9943f6b.png)
前期准备好了,我们可以开始制作了,先输入标题,修改字体大小,修改字体的颜色。
![ce9554dac764c5a8a12f5cd9e207839b.png](https://img-blog.csdnimg.cn/img_convert/ce9554dac764c5a8a12f5cd9e207839b.png)
简单的排版就完成了,整体有些单调,我们可以增加一些修饰的形状。
![6e5ce761ffff8f3fb1f024f58fa66589.png](https://img-blog.csdnimg.cn/img_convert/6e5ce761ffff8f3fb1f024f58fa66589.png)
最后我们再添加一点光效就完成了。
![8ba6fdec25732fa626f973766e14bb2e.png](https://img-blog.csdnimg.cn/img_convert/8ba6fdec25732fa626f973766e14bb2e.png)
这样一张简单的科技感 PPT 就完成了,是不是超简单呢?
如果不知道还不知道怎么做的话,可以去花瓣网再找一些科技感的页面进行参考。