查看原文
其他

阿里巴巴出品的这组网页,是我见过最惊艳的科技风设计!

三顿 三顿 2022-10-22


科技风是PPT中一种常见的设计风格,视觉效果酷炫,也经常和“高逼格”、“高大上”划上等号。


如何制作这种风格的PPT?三顿偶然从阿里云的官网上发现了一大波案例:



这些难道不是现成的科技风PPT设计吗?老样子,我把其中精彩的一部分搬进了PPT:



酷炫狂拽的科技风PPT到底是怎么做出来的?有哪些好的思路和灵感?和三顿一起来看看吧!


-------------------------------------------


搞定科技风PPT,

分享这些思路和灵感


  字体选用


科技风PPT该用什么字体?其实根据一切皆可黑体的原则,我们可以直接使用思源黑体。



从效果上看,不管是作为标题字体还是作为正文字体,和科技风主题的契合度都相当不错。



当然在标题字体的部分,还有很多其他的选择。我们可以使用一些棱角分明、富有张力的艺术字体



三顿三顿,既然是科技风主题的PPT,一定和书法字体没什么关系了吧。你还别说,书法字体可以作为装饰元素小范围的出现。



完全不会和科技风的设计冲突,效果还真不错。



  图片选用


科技风PPT又该选择什么样的图片呢?其实从前面这些案例看不难发现,大致有这样三类图片:线条、渲染效果以及星球宇宙。


一是线条,不用三顿多说,图片一放上去就是满满的科技感。



二是各种样机模型和渲染效果,同样逼格十足。



可问题又来了,线条和渲染效果虽然很好看,但现成直接可用的图片却很难找,怎么办呢?


其实,星球、宇宙这类的图片也完全可以用到科技风PPT中:



  配色选用


搞定科技风PPT,蓝色、黑色以及白色可以说是最最经典的搭配。



当然好用的配色不止这一组,从阿里云发现的这组青色、黑色以及白色的搭配也超级亮眼!



黑白两色基本固定,除此之外还可以选用黄色作为页面的主色,极富活力。



当然页面的配色也可以更活泼一些,较亮的配色和渐变色都是很好的选择。



  页面元素


想要做出一份出彩的科技风PPT,除了图片、字体以及配色这些基本元素的处理外,其他元素的选用也特别重要。


在图标的使用上,我们可以选择一些线条较细的图标,而配色上也是选择蓝色、青色以及白色这些前面高频出现的配色。



配色和效果使用合理,PPT中那些基础的元素,比如圆形、六边形以及箭头,也可以大放异彩。



配合PPT中的立体效果,你甚至可以做出这样的页面,



当然,做出上面这样的页面需要一定的操作水平。如果是PPT小白,也可以去找一些现成的科技风矢量素材,来营造科技感。



  版式设计


看了前面这么多的案例,其实科技风的PPT在版式设计上并没有太多门道,各种版式布局都能使用。


但是三顿在阿里云的官网发现了一种惊艳到我的版式布局,模块化布局。



没想到,把页面内容分成几个小块,再和科技风结合可以这么好看!每个小块都可以放置一段内容,既清晰又美观。



三顿之前有详细介绍过这种布局,页面分块只是一个思路,“方块”也可以隐形,比如用增大间距来将内容分块:



也可以用颜色深浅来给页面分块,效果满分!




实战案例,

回顾科技风PPT设计


  封面页案例


你Get到科技风PPT的制作技巧了吗?不妨动手试试吧!以下面这段内容为例,仔细回想一下前面的内容,该如何设计?



阅读判断,这是一个封面页的内容。那在前面的案例中,封面页是如何设计的?


无非两块内容,首先是背景图片,可以用线条、渲染图片以及星球宇宙等等。三顿这里就选择了这样一张科技风十足的样机图片:



其次是添加文字,万能的思源黑体建议直接登场!



觉得有些单调?我们可以把字体换成一些富有张力的艺术字体



再改个颜色吧!三顿选择用代表科技风的青色来修改部分文字的颜色。



一选图片,二改字体,三调配色,简单三步你也能搞定这样的科技风封面页!


  内容页案例


分享了那么多,内容页要怎么做就不用三顿多教了吧?还是来个案例巩固一下!


以下面这个案例为例,思考一下,你会怎么修改呢?



我们可以先提炼内容,这页内容整体上是一个总分的关系,而一共有6个并列的分点。提炼重点内容,三顿做了这样一个页面。



接下来再去思考怎么把它变得科技风十足简单一点,找一张科技感的图片作背景,高频使用的蓝色作为页面的主色。



复杂一点,尝试一下超级好用的模块化布局吧!三顿这里用黑白两色作为页面的主色,用青色的渐变作为每个小块的边框,效果非常不错。



还能怎么改呢?其实我们完全可以再加上一些科技风的元素。算是一个小作业,在看完文章之后自己动手试试吧!


-------------------------------------------


以上就是这期三顿食堂要给大家分享的完整内容啦,搞定科技风PPT,这些设计一定可以给你参考:



除了这些已经搬进PPT的设计外,三顿还在阿里云的官网上发现了一大波宽屏背景素材:



另外还有一些科技风相关的装饰元素,贴心的三顿已经给大家做了一个完整的整理和打包:



获取方式如下:


  • 第一步:点击文章右下角的“在看”按钮

  • 第二步:在公众号回复“科技”即可获取


写稿不易,整理素材更不容易,喜欢的话一定记得点击文章右下角的在看支持一下三顿哦~




推荐阅读:



推荐课程:


您可能也对以下帖子感兴趣

文章有问题?点此查看未经处理的缓存