幻燈片中的點

本篇文字屬本欄第二篇文字。

寫上一篇文字之前，已有個想法寫一寫幻燈片中的「構圖」，就是怎麼去給一個空白頁去添加表達的文字以及構思表現的形式。因此，現在就按照最簡單的空間結構：點線面體，這四個維度去試著寫一些見解和認識。

試著去認識「點」

現實生活大大小小的事物，或大或小的既視感，是因為有各種各樣的參考系。點，是構成事物的基本點，它可以是原子夸克，亦可以是一粒沙塵。無論宏觀或者微觀，它一直都在。對於這種微小事物，人的心理視覺感官都很微妙。不同於線條的延伸，點所帶來的更多是預示變化的形態。

從一張圖來開始今天的文字：來源於微信和雲音樂截圖。

現在的應用之中，存有各種各樣的小圓點，作用是用於提醒或指示用戶去進行操作，它的交互邏輯可以理解成：哦，此地有銀子。同時這種交互的多了，也讓人心累，尤其是處女座中的顏狗，不能忍。

回歸到幻燈片，這其中亦存在各種各樣的點的應用。不同於手機應用的交互感，幻燈片中的點更多是一種視覺以及視覺傳達的幻燈片敘述邏輯。

「點」的抽象化

這裡所說的點不僅是一個小圓點，而是和整個界面比較，這時候可以將圓角矩形，圓環，三角等均看做點。之所以這麼抽象視覺感官，為了在幻燈片頁面設計中，突破一些條條框框所帶來的約束，尋得一種界面版面上平衡和協調。

概要

幻燈片中的點，按照基本的使用場景，簡要分為以下五種：並列、遞進、指向、提醒和修飾。

其中遞進、指向至為重要，會用比較多的文字篇幅去進行說明。

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 點的修飾

這個仁者見仁·智者見智，點只是個點綴的部分，不承載重要的內容信息，起到一個補充說明的作用。同時也是因為大與小，深與淺的視覺區分，還是很容易注意到點所補充的內容信息。

可以給顏色塊、圖片修飾處理，其位置處於被修飾對象的右上角或者右下角區域位置，這個也符合視覺閱讀：上到下、左到右的習慣。

最後，第二篇專欄到此結束

交流可以私信或者評論留言

因為有一些頁面涉及到動態演示，所以源文件：幻燈片中的「點」

推薦閱讀：