当前位置: 首页 > 设计资讯 > 设计教程 > 正文

如何巧妙应用几何布局打破PPT没有图的单调感!

2018-03-15 1879 0

「谢旺新:在没有图的情况下,几何形状要造出什么样的布局才不会显得很奇怪,有没有一些明显的案例可以参考?」

 

「PPT中没有图片时,怎么通过几何形状布局打破单调感?(多图案例)」

 

 

这个问题非常好,我的确思考了很久,我们都知道在一个幻灯片的页面元素中,除了文字主要还有形状、图片。

 

如果没有图片的话,就相当于形状至少要充当一部分图片的功能。

 

其实本质来说,加入形状是不应该会产生奇怪的感觉的,如果产生了奇怪的感觉,一定是没有想清楚这个形状在页面中要承担什么作用。

 

所以我们要思考的是:「没有图片的话,形状到底在幻灯片中要起到一个什么样的角色?」

 

一、规划整体布局

 

(如:图1,@灰色的风 )


 

68685939ebc2a8012193a3334711.jpg

 

通常概括形状在幻灯片中的作用时,总会第一反应就是装饰页面,但在我看来其实并不是。

我觉得他最重要的第一个作用就是「规划总体布局」。

 

这是怎么理解的呢?我们看一下第一个案例,整个作品里面没有任何的图片,全部都是由形状来构成,我们能看到:封面是由布满整一个页面的渐变形状来组成的,目录页的形状是分布在页面的上方,过渡页的形状分布在页面的左边,而内页都是统一在左上角有一个当页的主题。

 

因此当我们看到形状分布在左侧时,我们就知道这是过渡页;而我们也不会随随便便把形状放置在页面的上方(因为这是目录页的布局)。

 

在整个幻灯片中,形状在「特定的页面内」的位置是固定的,这个特性将幻灯片作品划分为规整的结构,

 

二、形象地表达内容之间的逻辑关系

 

(如:图2,@Vista Creative)


 

9bcc5939ebd8a8012193a3e5ec3b.jpg

 

形状或者色块本身并不能表达逻辑关系,但是当他们物象化为一定的物体之后,我们却能够感受到它所蕴含的含义。

 

例如左上角的图片,我们看到是三个枢纽围绕着一个齿轮在旋转,所以我们都知道是「三个要素带动一个要素增长」的意思;

 

右上角的图片是三个齿轮,那么我们就知道这三个要素是相互联动、缺一不可的联系;

 

左下角的图片是一把伞,我们就可以想象到这四个要素是共同组成部分,也许就能够为这一页的主题带来一定的支撑或者保护,每一个内容都是这一个保护的组成部分;

 

右下角的形状则是普普通通四片叶子共同组成一个圆形,似乎没有太大的含义,那么我们就知道这四个内容是共同并列的。但是虽然没有显示出太大的含义,也比这四个内容单独列出来要好看的多。

 

三、突出重点内容并制造层次感

 

(如:图3,@简单设计工作室)


 

66815939ebeaa8012193a32dd394.jpg

 

在页面中重要的内容,我们可以通过增加色块来作为强调,这种用法在杂志上应用很广,就像我们考试画重点也会用颜色笔在对应的文本上涂写。

 

而制造层次感则是如图右下角的那一页案例。我们看到灰色色块在黑色色块上有一定的延伸突出,就让我们感觉上好像灰色色块对比黑色色块距离我们更近一点。

 

通过这种方式,我们可以在灰色的色块上上更为重要的内容,从而起到强调的效果。在很多表格上我们也会看到这一种修饰的方式。

 

四、作为图标象征内容

 

(如:图4@Vista Creative)


 

cd045939ebf9a8012193a3230bfe.jpg

 

既然没有图片,要避免页面单调,还有一个很好用的方法就是增加图标。

 

我们经常会遇到有一些页面有大量的文字,我们肯定不能像Word文档一样将它们放在页面中,但是即使我们将它提炼为4到5段的文字 、前面加上序号还是总觉得「不够高端、不够精致」。

 

我们看到左上角的图片四个要素组成了一个飞镖指向了一个靶子,那么我们就可以设想这四个要点其实是「突破目标的四个要素」,或者是我们的「四个目标」;

 

右上方是四个不同场景的小人图标,这里就可以预示着我们的「四大作用」或者是我们的「四大业务」;

 

左下角是四个灯泡有关的图标,那么有可能是我们的「四个创造性点子」,或者是我们的「四大创意点」;

 

右下角是四块金牌,只不过金牌上写了1-4号,那么这里很明显就是我们的「四大荣誉」了。

 

五、地图

 

(如:图5,@Dublin Design)

 


 

853f5939ec08a8012193a3e60ad2.jpg

这种用法在特定场景时几乎是必备,当讲到和地点有关的内容实,我们都需要在页面内插入一个地图的形状来说明具体的位置。

 

我们都想着把页面做得不那么单调,也就是要增加页面的图版率,不要让整一个页面都是由文字构成。那么在讲述到地点的内容时,用地图来辅助说明就是顺理成章的事情了。

 

六、突破页面的单调性

 

(如:图6/7,@演示之家 ,Behance )


 

92bb5939ec17a8012193a37b053c.jpgc0715939ec24a8012193a35a2825.jpg

 

形状的第六个作用才是破解页面的单调性,具体的做法是,在页面中增加很多的小点缀。

 

我们看到就算页面内缺少了这些形状的点缀也没有什么关系,但是加上了这些要素,整个页面就会丰富很多。

 

这里要注意的是,作为点缀的形状一般都会赋予这一份作品一定的意味,所以先不说配色的原因,形状的设置能够让页面带有一定的气质。

 

例如点和线就会让整个作品显得有轻盈感,如果是动用倾斜的色块就能够让整个作品带有动感和速度感。

 

七、拟人化制造人格和幽默

 

(如:图8,@Vista Creative ,@Simon_阿文 )


 

f2775939ec35a8012193a3e4aa8e.jpg

 

这个例子非常多,在幻灯片教程中拟人化的方式有很多,虽然效果很好,但是经常会被忽略。我们看到上半的两个案例,都能够有商务的感觉,这是一种扁平化的应用,让观众看到这一页幻灯片的时候非常有代入感。

 

而下半方两个案例则有就会有一种幽默的感觉。

 

之前有一位团友让我推荐「让他在自我介绍PPT中脱颖而出的方式」,我就介绍了让他在PPT画面中用形状绘制个人的形状,用这种形状绘制出来会有一种拟人化的效果,整个界面就好像在跟你对话一样,这种表述就会生动很多。

 

但要注意不能用在比较正式的场合,同时如果绘制的手工效果不太好,那么也不建议使用,否则会有一种很尴尬的冷场效果。

 

——

 

上面的形状作用都是按照重要顺序由高到低排列的,前五个都是带有功能性的作用,然后两个作用是用作锦上添花的效果,所以掌握的顺序也应该是学会第一个作用最重要,其次逐渐递减。

 

附1:旁门左道在新书《PPT设计思维》中提到过形状的4个不为人知的作用,其中观点蛮认同,已买书的欢迎查阅;


 

 

附2:形状和图片有更多相辅相成的玩法,本问题虽然陷于无图条件的限制,但很多部分增加图片一样可行,如形状调节成半透明再加上图片,望举一反三。

 

文章写了6个小时,点赞告诉我已阅,下发留言交流。


 

本文由 " 汤帅 " 发布,2017年6月9日。


 

e3b05939ec78a8012193a36d2ed7.jpg


19
评论区(0)
正在加载评论...
相关推荐