幻灯片中的点-君陵的PPT小院杂谈2

写上一篇文字之前，已有个想法写一写幻灯片中的「构图」，就是怎么去给一个空白页去添加表达的文字以及构思表现的形式。因此，现在就按照最简单的空间结构：点线面体，这四个维度去试着写一些见解和认识。试着去认识「点」现实生活大大小小的事物，或大或小的既视感，是因为有各种各样的参考系。点，是构成事物的基本点，它可以是原子夸克，亦可以是一粒沙尘。无论宏观或者微观，它一直都在。对于这种微小事物，人的心理视觉感官都很微妙。不同于线条的延伸，点所带来的更多是预示变化的形态。

从一张图来开始今天的文字：来源于微信和云音乐截图。

现在的应用之中，存有各种各样的小圆点，作用是用于提醒或指示用户去进行操作，它的交互逻辑可以理解成：哦，此地有银子。同时这种交互的多了，也让人心累，尤其是处女座中的颜狗，不能忍。

回归到幻灯片，这其中亦存在各种各样的点的应用。不同于手机应用的交互感，幻灯片中的点更多是一种视觉以及视觉传达的幻灯片叙述逻辑。
「点」的抽象化

这里所说的点不仅是一个小圆点，而是和整个界面比较，这时候可以将圆角矩形，圆环，三角等均看做点。之所以这么抽象视觉感官，为了在幻灯片页面设计中，突破一些条条框框所带来的约束，寻得一种界面版面上平衡和协调。

概要

幻灯片中的点，按照基本的使用场景，简要分为以下五种：并列、递进、指向、提醒和修饰。

其中递进、指向至为重要，会用比较多的文字篇幅去进行说明。

1 并列关系

幻灯片中，使用小圆点来进行并列项的标定，比使用数字1234或一二三次等方式相比，一定程度上增加了内容的分隔。

将数字和点结合起，数字以点作为载体，一面清晰一面视觉。

2 递进流程图

在日常汇报中，会大量使用流程图。这里说明的是时间流程和简易事件过程两种。

时间流程或者简易事件过程这两种并列关系，会包含若干个节点，通常每个节点对应的会有一定篇幅的文字说明或者图片展示。因而，对每个节点进行视觉化分隔，即使用「点」在主轴线的脉络上进行标定。和线条协调起来，各自发挥本身的展示作用。

上图中，使用倾斜直线作为时间主轴线，流程主要包括四个时间节点，用圆点等横距分布，加上每个节点对应的时间和文字信息，如果能力允许，可以使用过程显示动画，使得观众更易接受每个节点的信息展示。

图中，四段等长线段，y轴错落分布。四个节点，加入文字或图片信息均可。

不同于前面均是水平主轴线，此处使用纵向轴线。两种轴线的区别不大，只要表达内容的脉络清晰就可。

3 点的指向

3.1 详叙内容指向

这种并列项的详叙方式，在实际制作幻灯片中使用比较多。将并列项标题和内容放在同一个页面中，可以让观众知道目前演示的进度。下面介绍几种常用的展示方式。

3.1.1 点的大与小，对并列项内容进行区分，另标题大小也做了相应的字号处理

3.1.2 点的空与实，突出当前项

3.1.3 点的深与浅，突出当前项

3.1.4 以点为载体的数字标定，然后通过一个小三角用于指向当前项

3.2 评价等级指向

许多的应用评价或者简历中能力的展示，都使用这种星级展示。许多幻灯片关于员工技能的页面，其中较多使用这种展现方式。好处就是直观明了，一个形状代表2分，总分10分。要说7.2怎么去做，先确定好大致位置，然后借助PowerPoint图形运算中的布尔运算进行处理。

3.3 版面页码指向

这种方式的使用场景，可以用作多个界面对同一主题的说明或者多个界面照片的展示，通过这种方法对展示的slide实时显示，间接中告知观众演示进度，做到心中有底。

3.3.1 长流程对于节点过多的事件/时间流程，可以使用左右切换的方式用于流程的徐徐展开，另外使用三段指向的页码标识来给相应的每个界面做标示。

3.3.2 多个同质内容展示

在幻灯片制作中，会遇到许多同质内容的展示，观众可不想去猜测这种页面展示了几张还有几张，于是加入这种页码显示的标识，一定程度让观众心里不会太排斥。

3.4 环形数据指向

动态的展示数据，小圆点从开始转动到最终的指向，这个展示的过程，会给人一种很酷的视觉感，并且从内心感受上来说，数据的展示本身也是信息图展示的关键，这种交互会增加演示中的乐趣。

4 点的提醒

对于这一块内容是不是属于提醒的范畴，我也不太很确定。因为这种true or false的简易逻辑，使用两个不同的圆形元素体现出来，也是有点提醒和警示的作用

5 点的修饰

这个仁者见仁·智者见智，点只是个点缀的部分，不承载重要的内容信息，起到一个补充说明的作用。同时也是因为大与小，深与浅的视觉区分，还是很容易注意到点所补充的内容信息。

可以给颜色块、图片修饰处理，其位置处于被修饰对象的右上角或者右下角区域位置，这个也符合视觉阅读：上到下、左到右的习惯。

最后，第二篇专栏到此结束

交流可以私信或者评论留言

因为有一些页面涉及到动态演示，所以源文件：幻灯片中的「点」

作者：JunLing
来源：https://zhuanlan.zhihu.com/p/24812079