編按:在節奏飛快的職場中,經常會面臨資訊過載、會議沒有共識,或是千言萬語也說不清的溝通困境。
或許你也曾想過走到白板前,用畫圖來輔助說明,但往往第一時間就被「我不會畫畫」、「我畫得很醜、畫太慢」的恐懼感給勸退。
無論是想提升個人筆記的效率,還是希望在會議中成為那個能迅速統整大家意見、畫出清晰架構的人,職場上的圖像溝通,重點不是畫得漂亮,而是讓資訊結構化且容易理解。只要將圖像視為一種溝通語言,會發現其中有著非常明確的邏輯與文法!
八大版面編排原則
在繪圖的時候,不只是把資訊畫出來,還要分配空間。在視覺圖像中編排資訊的方式應該要有意義。
從下圖的例子可以看得出來,以不同的方式編排同樣的元素(不同的角色和它們之間的關係),會產生截然不同的效果。
你應該根據能夠傳達資訊意義的視覺結構進行編排。舉例來說,要呈現兩則資訊的先後順序,最好把它們畫在同一條水平線上,把第一則資訊畫在左側,第二則畫在右側,因為西方國家往往用一條由左向右延伸的水平線來呈現時間順序。
以上說明的是版面編排的基本原則之一。遵循這八大原則,有助於以清晰易懂的方式,畫出資訊之間的關係。
存在或自主原則
存在或自主原則是一項預設原則,用於畫出系統中和其他元素關係還不明確的元素,並且把這個元素和其他互有關聯的資訊區隔開來。大量運用這項原則,會產生所謂的「爆米花結構」。 以下是一些具體的例子:
隸屬原則
隸屬原則用於集中表示性質相似的元素,主要是把它們畫在同一個區塊和相鄰之處,表達融入或排除。 以下是一些具體的例子:
線性原則
線性原則用於表示過程,包括不同的階段、順序或安排,同時也表達時間。 以下是一些具體的例子:
水平原則
水平原則(可能是最常用的原則)主要用於表達時間或平等關係。 以下是一些具體的例子:
垂直原則
至於垂直原則,箭頭向上表示演變或建構,箭頭向下則表示結果或「導致」某事發生。本原則用於表達「控制」、從屬關係或重要性。 以下是一些具體的例子:
對稱原則
對稱原則用於進行比較和對照。對稱軸兩側的元素不必完全相同,甚至連對稱軸也不必畫出來。把不同的元素並列在一起,可以凸顯兩者的差異。 以下是一些具體的例子:
放射原則
放射原則用於表示聚合或發散狀態,以及部署原則,因此也可以表達組成元素和隸屬關係。 以下是一些具體的例子:
迴圈原則
迴圈原則用於表示系統或互相依存、交互作用。請注意,不一定要畫成圓形。 以下是一些具體的例子:
以上是一些基本原則,我們可以混合運用,呈現錯綜複雜的關係。
本文授權轉載自《【圖解】邊畫邊解決的視覺化溝通術:MIT、米其林、歐洲太空總署、世界經濟論壇⋯⋯全球頂尖團隊都在用的圖像工作法》,Nicolas Gros著,采實文化出版
責任編輯:蘇柔瑋
