在制作PPT时,我相信,几乎我们每一个人都会遇到的一个问题,就在于缺少设计的灵感。
而想要去解决这个问题,最好的方法就在于寻找设计灵感参考,对吗?
比如说网页设计,海报设计,画册设计……
但问题在于,即便我们找到了这些设计作品,该如何进行设计灵感借鉴呢?
这篇文章,咱们就基于网页设计作品,来谈谈如何从网页设计中,获取设计灵感。
在开始正文之前,先来说一下,为什么要选择网页设计的作品呢?
原因很简单,因为网页设计的作品特征,与 PPT 设计有类似之处,比如像:
页面尺寸,一般都是16:9。
内容类型,一般都是有一个标题,外加相关的支撑论据。
多个页面,不管是PPT,还是网页,都需要兼顾到视觉风格的一致性。
……
举个例子,方便你去理解。拿这样的一个网页设计作品来说:
如果我们把这个长网页,截取成不同的页面板块,各位可以看一下,像不像是单页的 PPT 呢?
好了,当我们搞清楚这一点之后,接下来,咱们就来说一下,从网页设计作品中,我们都能够获取哪些设计灵感呢?
可以从3个方面来讲:
排版呈现的灵感
内容装饰的灵感
设计风格的方向
咱们挨个来解释一下。
排版呈现的灵感
当我们缺少排版灵感的时候,借鉴网页设计,我认为是最好的方法。那该怎么借鉴呢?
比如说我之前看过这样的一个汽车介绍页面:
那么,它是如何排版布局的呢?为产品添加了一个卡片,在视觉呈现上更加规整。
大概就像这样,对吗?
好了,那么,我们有没有可能把汽车的图片,换成别的呢?比如换成一个建筑物:
或者是换成一朵花呢?
那么,在进行 PPT 产品展示的排版时,我们就可以在一张卡片上,放上一个产品图片,对吗?
再比如像这个页面,也是我之前见到过的红酒的网页设计,在产品底部,添加了一个线框:
那么,我们有没有可能把产品图换成一张人物图呢?
这样,在进行人物排版时,是不是可以采用这个形式呢?
同样地,再比如像这个网页,典型的卡片化设计:
如果在进行三段式内容排版时,是不是可以采用这个版式呢?
还有,再比如像这个游戏介绍的页面,把界面图层浮在了电脑屏幕的上方:
所以,在局部呈现图片的重点时,我们也可以采用这种形式:
再比如像这个例子,在排版图表时,采用这种形式,是不是会更有立体空间感呢?
以及这个页面,在呈现不同发展阶段时,是不是可以采用卡片加曲线图的形式呢?
同样地,还有像这个例子,对于不规则的图片,采用了瓷砖式的排版布局形式:
那么,我们在设计一些图片很多的 PPT 时,是不是也可以采用类似的形式呢?
内容装饰的灵感
对于网页设计而言,每一个板块的内容,也会有一个标题,自然而然地,也会为标题栏添加一些修饰的元素。
比如像这个游戏的页面:
我们可以看到,为了呈现出中国风的感觉,在标题设计中添加了一些线条:
那我们在制作中国风 PPT 时,如果要对标题栏进行修饰,是不是也可以这样做呢?
而对于这种线条的话,在网上有很多的素材,可以直接下载使用:
再来个例子,比如像这个页面:
它的标题栏呢,大概是这样的:
如果你觉得这种菱形的图形不合适,你也可以更换成圆形,或者任意几何图形:
设计风格的方向
如果在做PPT时,你不知道如何确定设计风格,也可以在网页设计中找到方向,因为对于网页设计来讲,视觉风格的特征,会非常明显。
比如说像金融类的页面,很明显,色彩风格上会比较偏金色:
再比如像母婴类网页的设计风格,我们可以看到,整体以圆润的图形为主,会让人产品比较亲近的感觉:
通常来讲,我们可以从色彩、字体、背景以及形状的样式等方面,来确定PPT的视觉风格。
比如说我们现在要制作一份商务型的 PPT ,那么,你就可以先来找到一份商务感十足的网页设计作品,然后从中提取视觉特征,用在 PPT 中即可。
以上所说的呢,就是我们可以从网页设计作品中,借鉴的一些点。
但是,网页的使用场景毕竟和PPT不同,所以,在进行灵感借鉴的时候,有一些点需要注意。
首先是色彩
对于网页来讲,一般是在高清显示屏上进行呈现,所以,当使用一些高明度的颜色时,也没问题。
就像这样:
但 PPT 中,如果使用这样的色彩,会导致的问题就在于,页面上的信息看不清楚。
所以,在 PPT 中,我们一般选择明度较低的色彩:
其次是字号
当我们观看网页设计作品时,一般是坐在电脑前查看,人眼距离屏幕的距离,一般不超过一米。
而 PPT 演示则不同,投影幕布距离最后一排的距离,有时候甚至会高达几十米。
所以,在字号的设定上,网页设计中,会普遍偏小但在 PPT 中,我们需要适当的进行放大。
这是网页设计中的字号:
这是 PPT 设计中的字号设定:
但我们要放大到多少呢?
我有一个经验是,我们可以在电脑屏幕上,把页面的尺寸缩小到50%,如果还能看得清楚,那么,投影出来,一般也能看清楚。
最后是按钮
网页设计的用途,是让用户来进行观看或点击,所以,页面上往往会有一些点击的按钮:
但对于 PPT 而言,它的用途只是被观众来观看,所以,这些按钮要全部给删掉:
好了,上面所说的,就是我们从网页设计中,可以进行灵感借鉴的一些方法,和一些注意事项。
希望对各位能够有所帮助。
最后,在这里插播一条广告。
如果你平时缺少设计灵感,PPT 做来做去都一样,欢迎加入旁友圈 PPT 学习社群。
这里有沉淀近3年,超7000页的 PPT 设计案例库,涵盖 PPT 常见的所有页面类型,让你像查字典一样,找到合适的设计灵感。
好了,就这么多了。
— 推荐内容 —