幻燈片中的點-君陵的PPT小院雜談2

寫上一篇文字之前，已有個想法寫一寫幻燈片中的「構圖」，就是怎么去給一個空白頁去添加表達的文字以及構思表現(xiàn)的形式。因此，現(xiàn)在就按照最簡單的空間結(jié)構：點線面體，這四個維度去試著寫一些見解和認識。試著去認識「點」現(xiàn)實生活大大小小的事物，或大或小的既視感，是因為有各種各樣的參考系。點，是構成事物的基本點，它可以是原子夸克，亦可以是一粒沙塵。無論宏觀或者微觀，它一直都在。對于這種微小事物，人的心理視覺感官都很微妙。不同于線條的延伸，點所帶來的更多是預示變化的形態(tài)。

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

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

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

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

概要

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

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

1 并列關系

幻燈片中，使用小圓點來進行并列項的標定，比使用數(shù)字1234或一二三次等方式相比，一定程度上增加了內(nèi)容的分隔。

將數(shù)字和點結(jié)合起，數(shù)字以點作為載體，一面清晰一面視覺。

2 遞進流程圖

在日常匯報中，會大量使用流程圖。這里說明的是時間流程和簡易事件過程兩種。

時間流程或者簡易事件過程這兩種并列關系，會包含若干個節(jié)點，通常每個節(jié)點對應的會有一定篇幅的文字說明或者圖片展示。因而，對每個節(jié)點進行視覺化分隔，即使用「點」在主軸線的脈絡上進行標定。和線條協(xié)調(diào)起來，各自發(fā)揮本身的展示作用。

上圖中，使用傾斜直線作為時間主軸線，流程主要包括四個時間節(jié)點，用圓點等橫距分布，加上每個節(jié)點對應的時間和文字信息，如果能力允許，可以使用過程顯示動畫，使得觀眾更易接受每個節(jié)點的信息展示。

圖中，四段等長線段，y軸錯落分布。四個節(jié)點，加入文字或圖片信息均可。

不同于前面均是水平主軸線，此處使用縱向軸線。兩種軸線的區(qū)別不大，只要表達內(nèi)容的脈絡清晰就可。

3 點的指向

3.1 詳敘內(nèi)容指向

這種并列項的詳敘方式，在實際制作幻燈片中使用比較多。將并列項標題和內(nèi)容放在同一個頁面中，可以讓觀眾知道目前演示的進度。下面介紹幾種常用的展示方式。

3.1.1 點的大與小，對并列項內(nèi)容進行區(qū)分，另標題大小也做了相應的字號處理

3.1.2 點的空與實，突出當前項

3.1.3 點的深與淺，突出當前項

3.1.4 以點為載體的數(shù)字標定，然后通過一個小三角用于指向當前項

3.2 評價等級指向

許多的應用評價或者簡歷中能力的展示，都使用這種星級展示。許多幻燈片關于員工技能的頁面，其中較多使用這種展現(xiàn)方式。好處就是直觀明了，一個形狀代表2分，總分10分。要說7.2怎么去做，先確定好大致位置，然后借助PowerPoint圖形運算中的布爾運算進行處理。

3.3 版面頁碼指向

這種方式的使用場景，可以用作多個界面對同一主題的說明或者多個界面照片的展示，通過這種方法對展示的slide實時顯示，間接中告知觀眾演示進度，做到心中有底。

3.3.1 長流程對于節(jié)點過多的事件/時間流程，可以使用左右切換的方式用于流程的徐徐展開，另外使用三段指向的頁碼標識來給相應的每個界面做標示。

3.3.2 多個同質(zhì)內(nèi)容展示

在幻燈片制作中，會遇到許多同質(zhì)內(nèi)容的展示，觀眾可不想去猜測這種頁面展示了幾張還有幾張，于是加入這種頁碼顯示的標識，一定程度讓觀眾心里不會太排斥。

3.4 環(huán)形數(shù)據(jù)指向

動態(tài)的展示數(shù)據(jù)，小圓點從開始轉(zhuǎn)動到最終的指向，這個展示的過程，會給人一種很酷的視覺感，并且從內(nèi)心感受上來說，數(shù)據(jù)的展示本身也是信息圖展示的關鍵，這種交互會增加演示中的樂趣。

4 點的提醒

對于這一塊內(nèi)容是不是屬于提醒的范疇，我也不太很確定。因為這種true or false的簡易邏輯，使用兩個不同的圓形元素體現(xiàn)出來，也是有點提醒和警示的作用

5 點的修飾

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

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

最后，第二篇專欄到此結(jié)束

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

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