这是我们第 32 次亮相。
「小原理」栏目
面对一份满满都是文字的幻灯片无法下手,本质还是对制作的原理没有清晰的认识,所以偶尔几次能做出好的幻灯片,更多时候是时灵时不灵。
「小原理」是 SlideSign 对某一特定种类幻灯片制作的“设计原理”的剖析,带你层层深入看懂幻灯片制作,让你这一次真正理解设计原理。
幻灯片设计 | Slide design
' 设计原理 '
面对一整份都是文字的幻灯片措手无措,这已经不是我们多数情况的痛点了,毕竟我们很多时候已经知道:
制作幻灯片之前需要先对内容进行梳理,对多项内容进行可视化就是要将大段内容分块处理。
比如上面这张幻灯片,文案分为三个方面,这就是典型的3项并列类幻灯片,我们可以将它调整为这样:
又或者填充底色、增加色块和图标:
添加背景图和小修饰,进一步设计为这样:
因此,本质上来说,如果一页幻灯片是这样,则是一段“大文本容量”幻灯片,需要进行梳理。
如果它能被梳理出多个项目、具有并列结构,那么这就是典型的“多项目并列类”幻灯片,要进行视觉化表达,就需要对整体内容进行:
1、整体内容分块:将文案拆解、删减,成为一块块分块内容
2、制造视觉焦点:整体内容分块是原理的核心,而制造视觉焦点则可以对整体锦上添花,如下图:
——
Design Principle
- 原理 01:整体内容分块 -
最普通的幻灯片,如果要制作多项内容的可视化,最少要做到整体内容分块(这是视觉化呈现的核心)。主要有三大技法:使用线段&线框、使用色块、使用图片。
(1)使用线段&线框分块
直接采用线框隔开分块,能制造留白效果,让画面整洁。
除了线段,还可以采用线框,这样整个区域的划分会更加清晰。
如果可以稍微调整一下线框的形状,能制造出不一样的感受。
(下一期「小惊艳」栏目会展开细说)
(2)使用色块分块****
色块可以用浅灰色衬托在整个背景上,作为整体内容的区隔,也可以用浅蓝和浅绿将大段内容划分出来,如下图:
色块交叠可以产生层次感,半透明色块带来轻盈感,渐变的色块能带来时尚感。
(3)使用图片**分块******
通过裁剪图片的大小能直接划分出区域,使用图片加上半透明色块是一个非常常用的方法。
图片和图片的堆叠,能让整个画面显得更为华丽。
直接用图片等比划分整个画面,无论是2项、3项、4项,还是10+项,一直都是非常经典大气的布局。
——
Design Principle
- 原理 02:制造视觉焦点 -
刚刚我们有提到,“制造视觉焦点”属于锦上添花,原因是“视觉焦点建立”是围绕着“内容分块”进行的。
很多时候我们会直接用“添加图标”的形式解决难题,其实“图标”是制造视觉焦点的其中一个方式,总的来说,我们可以通过:“****文字、色块、图片、图标”这四种方式制造视觉焦点。
(1)使用文字作为视觉焦点
a,放大关键词
直接放大关键词可以获得视线的注意,很多简约的设计都是由此得来。
通常这个关键词是:词语、数字、百分比。
b,加入序号
如果对内容有排序要求,可以用浅色的、较大字号的数字来作为视觉焦点。
c,线条前置修饰
在标题(关键词)的前方或下方添加线条,可以引起别人对这个内容的注意。
d,色块衬底
增加色块能对文字起到着重效果,让标题区别于正文,起到视觉焦点作用。
**(2)使用色块****作为视觉焦点******
色块也是同样道理,观众阅读时能直接秒懂内容数量(3项就3个色块),便于理解。
(3)使用图片****作为视觉焦点********
通常我们也可以添加和内容相关的图片,用于对应文案的解析,不用于衬底划分区域,则可以将图片放在显眼处,起到总领作用。
(4)使用图标****作为视觉焦点********
图标通常分为三种:色块衬底、边框围绕、无边框。
a,色块衬底
色块衬底的图标会更让人容易捕捉:
b,边框围绕
也可以用圆形、矩形、六边形的边框围绕图标,填充有差异的颜色制造视觉焦点。
c,无边框
无边框的图标由于需要放得更大所以容易显得更精致,也因为没有边框统一而边缘曲线不一,整体显得更有个性一些。
无论是色块衬底、边框围绕还是无边框,都是图标用于制造视觉焦点的方法,要确认的就是图标的类型需要统一、图标陈列的布局要有节奏感。
以上所聊到的都是“多项目并列类”的设计原理,下次的「小惊艳」栏目会进一步深入,展开聊聊设计上如何更出彩的问题。
——
- 总结一下 -
今天给大家分享的「多项目并列类」幻灯片设计的2大设计原理:
01 整体内容分块:视觉分块是视觉化呈现的核心。
(1)使用线段&线框分块
(2)使用色块分块
(3)使用图片分块
02 制造视觉焦点:进一步提高视觉度的手段。
(1)使用文字作为视觉焦点
a,放大关键词
b,加入序号
c,线条前置修饰
d,色块衬底
(2)使用色块作为视觉焦点
(3)使用图片作为视觉焦点
(4)使用图标作为视觉焦点
a,色块衬底
b,边框围绕
c,无边框