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

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

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

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

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

概要

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

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

1 并列關(guān)系

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

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

2 遞進(jìn)流程圖

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

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

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

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

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

3 點(diǎn)的指向

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

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

3.1.1 點(diǎn)的大與小，對并列項(xiàng)內(nèi)容進(jìn)行區(qū)分，另標(biāo)題大小也做了相應(yīng)的字號處理

3.1.2 點(diǎn)的空與實(shí)，突出當(dāng)前項(xiàng)

3.1.3 點(diǎn)的深與淺，突出當(dāng)前項(xiàng)

3.1.4 以點(diǎn)為載體的數(shù)字標(biāo)定，然后通過一個(gè)小三角用于指向當(dāng)前項(xiàng)

3.2 評價(jià)等級指向

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

3.3 版面頁碼指向

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

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

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

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

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

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

4 點(diǎn)的提醒

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

5 點(diǎn)的修飾

這個(gè)仁者見仁·智者見智，點(diǎn)只是個(gè)點(diǎn)綴的部分，不承載重要的內(nèi)容信息，起到一個(gè)補(bǔ)充說明的作用。同時(shí)也是因?yàn)榇笈c小，深與淺的視覺區(qū)分，還是很容易注意到點(diǎn)所補(bǔ)充的內(nèi)容信息。

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

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

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

因?yàn)橛幸恍╉撁嫔婕暗絼?dòng)態(tài)演示，所以源文件：幻燈片中的「點(diǎn)」

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