Basics | 排好版是及格線也是加分項
結構是否完整？
信息傳達是否準確？可讀性？層次感？……
工友認為這都可以靠排版質量來體現。
說起排版，好多人可能會想起 Microsoft Office 里常見的一些格式調整選項：左對齊、右對齊、居中對齊、兩端對齊等。可能 Coder 們會想起「縮進」，還會為 Tab 還是 Space 爭個面紅耳赤。
如果一個平面作品連起碼的對齊都沒做好，各種縮進都不統一那麼只能說不及格或者可以質疑一下你的辦事態度了。
那麼工友看排版會想到什麼呢？—— 一個系統 System。當然，以上說到的對齊方式、縮進方式必然是包含在內的要素，這些要素缺一不可，每一個細微要素的疏忽都會破壞系統的和諧。
這些細節本文暫不做過多敘述，本篇我們主要關注排版需要掌握的基本思考方法。方法和步驟對了，方向對了，系統結構搭對了，再往裡填充合適的精美的細節才能算作錦上添花，才能拿下附加分哦。
下面工友從 7 個方面來具體講。
1. 明確內容構件
通常一個網格系統里的主要構件包含：欄目、模塊、空白、空間區、流線和標誌。
這是你在真正排版前需要知道的最基礎的部分，並在接下來的 7 個操作步驟中充分考慮和安排這些構件的數量寬度和密度等。
欄目也可以說是主體部分，因為是容納文字和圖像的容器，欄目數和欄目寬度視內容而決定。
模塊指從連續空間中分離出來的單個區塊，能提供連續而有序的網格。相連的模塊可以建立不同尺寸的行列模塊。
空白也可用於展示注釋說明等二級信息。
空間區指可以為文章、廣告、圖像或其他信息構成特定區域的模塊組或欄目組。
流線不是一條實體線，而是一個抽象概念，可將空間分成橫條的線，是行的對齊方式。也是一種利用空間和構件元素引導讀者閱讀的方法。
標誌 幫助讀者尋找關鍵文件和信息。可以是頁碼、頁首標題、頁腳或圖標等。
2. 合理劃分基本結構
了解網格的幾種基本結構，並挑選適合自己使用場景的那一種作為版式的基本框架。
大家不要太緊張，也不要覺得這樣的篩選好複雜，一切都是熟能生巧的過程哈。當具有一定經驗後，往往不再需要那麼教條的去對照某種結構，便能下意識地想到最適合當下設計需求的版式，且能根據需求自由組合多種結構以達到最佳表現效果。我是覺得設計的過程和進階中很多時候就透著一種「悟」。
單列
雙列
多列
模塊
3. 充分評估素材，綜合考慮所有元素
內容決定了排版時所用的網格系統各個要素的安排和取捨，所以設計前拿到素材後，大家要對每一類信息每一份素材都進行嚴謹地評估和考慮才行哦。那麼具體怎麼去評估？以下給一些工友的經驗：
- 尋找適合素材的網格
- 在處理連續文本比如論文或書籍排版抑或是目錄等，選用單列文本比較好，這樣也顯得簡潔而華麗，不會因錯用多列網格而讓內容錯亂，讀者無從下眼。
- 對於信息量大的素材，如日曆或日程安排表，可採用模塊網格。把信息單位變成利於管理的小區塊。這種網格也可用於包含多種信息區域的報紙。
- 網頁中常採用雙列或多列網格布局，這樣便於處理複雜的素材和信息。
- 樹狀網格按照橫欄的方式把頁面或屏幕分開，在網頁設計里很常見，方便讀者閱讀。同時，方便翻動頁面。
- 規划出排布素材的統一秩序
- 排版需要設計師的感性和悟性更需要設計師的理性，拿到素材後需要充分理性地規劃和計算，建立一個理性地秩序，並在接下來的版式設計工作中遵照這一秩序，確保規劃所用的尺寸和數字都合情合理。
4. 要事在先 First Things First
要事在先設計原則先於網格設計誕生，1963.11.29 工業藝術家學會於倫敦當代藝術學院召開會議由平面設計師肯·加蘭提出。在版式設計里 First Things First 是同樣受用的，所以經常你會聽到別人在提設（zhi）計（dian）需（jiang）求（shan）時說道：
那個標題要一目了然！
主題搶眼一點！
小編認為與其說要事在先是在規定什麼元素放第一位放最顯眼的位置，倒不如說是在設計時要充分考慮各個素材的重要度優先順序並以此為參考給予各要素合理的先後秩序或者視覺輕重。
比如，頁面或屏幕尺寸給定後，就要考慮內容如何處置。如果僅僅處理文本，那麼就按照內容順序排布，或者至於指定頁碼或者指定的標題錨點下。
- 處理文本時考慮文本可讀性、功能性也要考慮美觀性
- 如果文本內容較長要考慮預留足夠大的空間，行與行段與端之間距離要足夠，以保證較長內容的閱讀體驗
- 如果內容是以圖片為主，或者希望以圖片來吸引讀者注意，文字僅是輔助說明作用，那麼圖片在視覺順序和空間佔比上都可以優先考慮
5. 選擇和控制閱讀順序
可以從文本排布方向上控制閱讀順序，也可以從內容元素的色彩、形狀以及密度等上來控制，閱讀的順序和節奏。
不懂文化背景，不同內容的閱讀順序和讀者閱讀習慣是不一樣的，同時根據要事在先的原則，排版前需要選擇一個適合的閱讀順序。
6. 巧妙利用空間傳達信息
不要吝嗇空間，也不必認為留白是浪費了讓讀者一眼看盡所有內容的機會。其實恰恰相反，合理的留白可以給讀者更多的呼吸空間，進而將目光和所有注意力都專註於最重要的內容上。同時使閱讀過程在感官上和心理上更加輕鬆自在。
7.* 有時也可以別那麼循規蹈矩
排版不出錯的保守做法通常是保持內容元素的基本對稱、對齊、平衡，使用最基本的網格對版式進行統一規劃。小編認為，通常情況下大家用保守方式保證排版的基本質量，保證「及格」也未嘗不可。畢竟打破常規代價高風險大。但往往版式的新意和精妙也展現在那些打破常規、打破平衡之處，畢竟早在 1928 年《新版面：當代設計師手冊》中就已提出了非對稱版式設計的必要性。但不對稱里依舊保持視覺上的和諧、內容上的主次分明才是最考驗能力的哦，也不妨多多練習和嘗試！
相關鏈接：
Grid System（網格系統）
Negative Space（負空間）
First Things First （要事在先）
——
「工棚設計研究所」所有文章歡迎大家的分享、討論與意見
並謝絕商用轉載，個人轉載需向作者授權並標明出處
想看更多工友關於設計的分享？
可以關注以下帳號
內容會跟專欄不太一樣的微信公眾號:
@workshed
Instagram: @hominthesky · @gingerbread0912
歡迎關注和反饋 ^ ^
推薦閱讀：
※射雞師的創意靈感來源，大師慎入！
※獨家教程 |神秘的「線與光」，康石石教你「4步」打造！
※不容錯過的筆刷網站
※你在中國是不是學了假的視覺傳達專業？