CJCNO.116

排版的學問

為什麼要訓練你的表達能力

視覺排版一直以來，都是設計師必備的重要技術之一，也是最常被人拿來討論、批評的話題，雖然不管是客戶或是一般民眾，大家通常都會覺得排版很簡單，自己來也可以，但其實如何把排版跟美感以及成效，一起發揮到極致，並不是人人都可以做得到的，因為視覺排版的技術當中，隱藏了非常多的學問，而這些正確又重要的排版思考方式，有時可能連設計師自己也傻傻搞不清楚。

所以現在我們先思考一下，你為什麼需要排版？是為了讓視覺看起來比較好看嗎？當然不是！答案應該是：「把訊息正確、有效的傳遞出去，讓大眾可以快速接收、理解訊息，進而使目標群眾產生行動。」

「排版的思考方式」=「表達能力」

如果你的排版無法正確的把訊息傳遞出去，那麼就算畫面再好看，也沒有任何的意義，就像經營事業或行銷活動一樣，你必須要先掌握住目標，正確的傳遞訊息，然後再融入視覺美感，這樣的排版才會有意義，因此排版的思考方式，跟一個人的表達能力，以及傳達訊息的思考邏輯和溝通技巧，都有著非常大的關聯性。

接著讓我們一起來看看，排版的思考方式，到底有哪些重要的技巧：

● 佈局

佈局就跟畫圖的結構一樣，要用「幾何構圖思考法」，運用幾何圖形的排列組合，創造出易讀又美觀的版面佈局。

1. 置中，所有圖案、文字通通都置中的結構佈局。

2. 上下/左右，分成2個區塊，像表格一樣的結構佈局。

3. 對角線，左上配右下的結構佈局。

接下來我們要介紹如何運用「留白」、「對比」、「對齊」，讓排版想表達的訊息可以更加清楚。

● 留白

留白就像音樂裡的休止符，透過留白的空間，我們可以表達出視覺上的區分或連接、強調與突出，甚至還可以讓視覺稍微休息，增加持續閱讀的意願。

1. 區分或連接 - 透過大塊的留白，可以區分出這些是不同的區塊，透過小塊的留白，可以讓內容連接起來，判斷成同一個區塊。

2. 強調與突出 - 透過大塊的留白，可以創造出凸顯重點的效果。

● 對比

運用對比的方式，不僅可以讓人快速知道重點，也能讓版面更易於閱讀，更可以在視覺上增加張力，吸引大眾目光。

1. 大小對比 - 運用面積大小的差距，凸顯重點。

2. 顏色對比 - 運用顏色的差異，凸顯重點。

3. 材質對比 - 運用材質的差異，凸顯重點。

4. 字型對比 - 運用字型的差異，凸顯重點。

● 對齊

對齊就是創造視覺的秩序感，讓版面整齊美觀，易於閱讀。

1. 左對齊 - 版面中的元素以左為基準對齊，是最常見的對齊方式，簡潔大方，利於閱讀。

2. 右對齊 - 版面中的元素以右為基準對齊，相對於左對齊來說不太常見，會讓閱讀的速度變慢。

3. 中對齊 - 版面中的元素以中線為基準對齊，會給人一種嚴肅與正式感。

4. 兩端對齊 - 版面中的元素拉伸或縮放與同一元素兩端對齊，通常用於大段落的文字編排，利於閱讀。

5. 頂對齊 - 與左對齊相似，版面中的元素以頂部為基準對齊。

6. 底對齊 - 版面中的元素以底部為基準對齊。

7. 軸線對齊 - 軸線對齊是以版面中心線為基準對齊，可以給人正式感，同時又富有變化，比較靈活。

學到這邊，就應該要來介紹一下，「馬科斯」先生在20世紀初，所提出的「格式塔理論」，或稱「完形心理學」，格式塔是德文Gestalt的譯音，意即「模式、形狀、形式」等，意思是指「動態的整體」，這種心理學包含了感知、感知經驗和相關刺激模式。

格式塔理論所討論的內容非常的深，其中所衍生出來的視覺原則，更是跟現代設計習習相關，可以說是現代認知心理學的基礎，唯一貫徹的概念就是「整體大於部分的總和」，當人類的視覺感知遇到複雜元素時，我們會先看整體，再去看裡面各部份的組成元素。所以當你能夠了解「格式塔」的基本原理之後，在設計版面時，就能更容易的掌握整體視覺佈局。

● 格式塔理論

1. 相近 - 距離相近的各部分趨於組成整體。

人們通常把位置相對靠近的事物當成一個整體。同樣都是16個圓形，你會把左圖的16個圓形當成一個整體；但是右邊那張圖，上面8個圓形和下面8個圓形分別靠近，所以你會把上面8個圓形當成一個整體，下面8個當成另外一個整體。

這裡要特別注意，「相近」作為第一條原則，是因為它的「權重」非常大，大到可以抵消其他原則，比如為圓形添加不同的顏色，甚至改變其形狀，人們也會把相近的事物當成一個整體。

2. 相似 - 在某一方面相似的各部分趨於組成整體。

人們會把那些明顯具有共同特性，例如：形狀、大小、共同運動、方向、顏色等，當成一個整體。例如左圖同行的正方形，會被當成一個整體，其他圓形當成一個整體。右圖就是大正方形被當成一個整體，小正方形當成另一個整體。

這裡要特別注意，人們對形狀、大小、共同運動、方向、顏色的「感受權重」是不一樣的，在這裡「顏色屬性」會覆蓋其他屬性的影響，例如左圖，大家會把橫排的正方形當成一個整體，加了顏色之後的右圖，就變成直排的圓形加方形是個整體了。

3. 封閉 - 彼此相屬、構成封閉實體的各部分趨於組成整體。

人會將不完全封閉的東西當成一個統一的整體，所以有些時候完全閉合是沒有必要的。中間白色的部份，雖然沒有明顯的封閉界線，但我們依然會判斷成是一個方形。

4. 連續 - 我們傾向於完整地連接一個圖形，而不是觀察殘缺的線條或形狀。

視覺會忽略中間的空白間格，自動將左右區塊連結成一隻熊的圖案。

5. 簡單 - 具有對稱、規則、平滑的簡單圖形特徵的各部分趨於組成整體。

左圖是個對稱的畫面，所以我們會覺得左圖的每個方形是一個整體，下方還有一個新的方形。但是右圖的方形，因為整個頁面不是對稱的，所以人們可能就會疑惑，畫面右邊是不是還有方形。

學過這麼多排版的原理之後，最後我們再介紹一個可以控制人類視線的特別技巧，就是「導引線」。

● 導引線

運用畫面中的潛在線條，可能是一排樓梯扶手、一個箭頭，或是人物的視線...等，去引導眼球的視覺軌跡。因為任何可以形成線段的東西，大腦都會自動將它們假想成線條，讓視線在上面移動，使版面重點更加引人注意。

1. 單向線條

在簡單的構圖畫面上，一旦出現線條，人們的視覺就會跟著這個線條，從起點看到終點，由內而外、由近到遠。

2. 線條匯集

若在畫面中形成多個線條，那麼交集點就會是視覺的落點，運用這個方式，可以讓視覺集中注意到畫面的某處。

3. 配角視線引導

當視覺重點被多個配角元素包圍時，可以透過配角的視線引導，讓人注意到誰才是畫面的重點，同時增加故事性。

「畢卡索」先生曾說過：「像專家般學會規則，好讓你像藝術家般打破它。」

許多初學者最常犯的錯誤，就是不先學習正確的排版規則，還沒融會貫通，就先開始天馬行空，追求自我的獨特，讓文字和內容，隨意的在版面上亂飄、亂飛，自以為很厲害，但卻沒有人看得懂，也不知道想表達的重點在何處，所以當你在進行排版設計時，一定要先練習好所有的規則與方式，才能開始添加自己的創意、風格和想法，在正確的結構當中去產生出更多有創意的變化，並且「讓訊息可以正確的傳遞出去」，這樣才是最棒的版面設計。

---

專業講師 - ROCKER
瘋狂的搖滾怪咖，在視覺傳達這個領域，擁有豐富多元的經驗，是專業級的設計講師以及品牌策略行銷顧問。創辦過文創設計品牌，並舉辦過多場設計交流講座及展覽。教學經驗豐富，風格幽默有趣、是你學習設計思考的最佳指導夥伴。