分享

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

 心随所愿zh 2019-05-05

大家好,我是秋小叶。这里是秋叶 PPT 的「Office 干货」栏目~


收假开工第一天,大家还适应吗?今天小叶给大家分享轻松一些的内容。


很多同学做 PPT 时都苦于没有灵感。其实,平常生活中,我们接触到的网站就是不错的灵感借鉴素材。比如阿里云官网。


话不多说,快来一起看看其中隐藏的科技风 PPT 的制作技巧吧~




作者三顿

来源:三顿(ID:WordPPTdream)



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


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



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



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



01

搞定科技风 PPT,

分享这些思路和灵感



❶ 字体选用


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



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



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



有的同学可能会问:既然是科技风主题的 PPT,一定和书法字体没什么关系了吧?


你还别说,书法字体可以作为装饰元素小范围的出现。



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



❷ 图片选用


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


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



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



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


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



❸ 配色选用


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



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



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



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



❹ 页面元素


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


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



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



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



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



❺ 版式设计


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


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



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



页面分块只是一个思路,「方块」也可以隐形,比如用增大间距来将内容分块:



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




02

实战案例,回顾科技风 PPT 设计



❶ 封面页案例


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



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


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



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



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



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



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


❷ 内容页案例


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


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



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



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



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



还能怎么改呢?其实我们完全可以再加上一些科技风的元素。


好了,今天的主要内容就到这里啦,看完文章之后自己动手试试吧!


(小叶碎碎念分割线)

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多