在同一窗口能显示多个幻灯片_幻灯片:点之初

204fb0722a2008eb951b6ae9845d75ca.png

#002 view

写上一篇文字之前,已有个想法写一写幻灯片中的「构图」,就是怎么去给一个空白页去添加表达的文字以及构思表现的形式。因此,现在就按照最简单的空间结构:点线面体,这四个维度去试着写一些见解和认识。

试着去认识「点」

现实生活大大小小的事物,或大或小的既视感,是因为有各种各样的参考系。点,是构成事物的基本点,它可以是原子夸克,亦可以是一粒沙尘。无论宏观或者微观,它一直都在。对于这种微小事物,人的心理视觉感官都很微妙。不同于线条的延伸,点所带来的更多是预示变化的形态。

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

593e4ceaa5fa4aa4c18379c833ab8743.png

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

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

「点」的抽象化

84b8a259ee00581d5d73d321ea931817.png

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

概要

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

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

1 并列关系

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

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

50de9149a1caab59d71b84bc3a639c46.png

2 递进流程图

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

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

ec163b725fd084aa512e18320319e4aa.png

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

fbb78bd59d2d7a51aad3e006369f0706.png

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

8f7768b5dec6845c613d73c1b3acceec.png

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

3 点的指向

3.1 详叙内容指向

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

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

ed9a9b2f549666b795d33750c6988bfc.png


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

ce9e8ac80147c40826d47324f8039526.png

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

ad8ecc948d1659a9c0e3a8732c2666b3.png

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

c86846285c5d7b44384253bb4f7bb812.png

3.2 评价等级指向

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

a33f8119c540240465ab6e8bc44a2753.png

3.3 版面页码指向

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

179e773cd42f13220ff396b249fd2171.png

3.3.1 长流程

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

bda582508a61490397b36df47c97ff2b.png

3.3.2 多个同质内容展示

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

b441aca81550f746be74ca916134c9bf.png

7b4acdba7b7e44627601836caea1a7c0.png

3.4 环形数据指向

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

84b12990e3fc499797e1ed3c4d3c9a56.png

4 点的提醒

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

d7024c10ea51affcc87bc3c5fbd8508c.png

5 点的修饰

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

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

5dac4fb36464d870ed8b2442f2724734.png

d099dfe0e6a345220728e9f7e1a7512c.png

0b803dbdc7143770164b8cb11f4f5e6f.png

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

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

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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值