18600436798
18600436798
Grid System in Graphic Design
平面設計中的網格系統
Grid System in Graphic Design
有一個規則是：插圖在尺寸上的差別越小，設計就越能創造出一種平和感。作為一種控制系統，網格系統提供了一種更為簡單的方式來理性地組織二維與三維空間。
---
譯者注：以往把 Point 譯為「磅數」都是直譯，正確的中文譯名應為「點」或「點數」。
---
如今大多數的印刷品都是遵循 DIN （德意志標準化協會）系統標準，設計師也建議使用這個標準中常用的紙張尺寸。
---
現代排版度量系統是建立在點制的基礎上，該系統是以巴黎字體商菲爾曼 · 迪多（Firmin Didot，1712 — 1768）命名的。
---
一般來說，8 至 12 點的字號最適用于書籍的正文、小冊子或圖錄。
---
通常小字號的細體用于旁注和圖注，而半粗體和斜體用于副標題字體，更大的字號用作于主標題字體。
---
對于正常的印刷品來說，我們的眼睛與它的閱讀距離一般為 30 — 35 cm，字號的大小也應該按這個距離來計算。字號太大或太小都會讓讀者讀起來很費力，也容易產生疲勞感。
-
根據已被普遍認可的經驗值，大約每行 7 個單詞是一個比較合適的長度。
---
版面編排最重要的問題之一就是如何選擇一個合適的欄寬來讓閱讀變得更加容易。
-
太長或太短的欄寬都會降低閱讀的記憶力，因為讀者的注意力是十分有限的。
-
有一個經驗可以參考，那就是在一個版面中每行大約平均 10 個單詞左右是比較容易閱讀的。
-
合適的行距是決定易讀性的首要因素。如果行距太窄，那么眼睛就容易被相鄰的行干擾，導致閱讀時容易串行。
---
行距太窄就會削弱閱讀的速度，因為讀者會通過眼睛同時接收上下兩行的文本信息，而眼睛又無法精確地對焦在過分接近的兩行之上，所有每一行文本周圍都應該預留一定的視覺區域。如果讀者的視覺焦點無法集中，那么他們的注意力就會浪費在錯誤的地方，閱讀起來也更容易產生疲勞感。
-
過寬的行距會讓讀者很難把文本中的上下兩行聯系起來，并讓人產生不確定性和疲勞感。
-
版面通常是由 3 到 4 種或更多不同的字號所組成。所以為了確保能呈現出一個既規范又靈活的編排設計，就必須針對各個字號的行距進行分別調整。
---
相對來說 ，大段的文本不僅需要有較寬的行距，還需要利用段落來區分。在視覺上，段落可以通過在段落之間空行，或者在首行縮進，或者利用首字母和小型大寫字母來區分。
---
詩集的行距也特別重要，甚至會對讀者造成一定的心理影響。在對詩歌進行排版時，特別需要注意在文本行的長度、字號、行距和書籍頁面尺度之間創造出一種張弛有度的關系。按照一般規劃，詩集的行距要設置得比一般文本大一些。這樣可以使每行的文字都顯得更加肯定。
---
圖 4 有著一個比例合適的頁邊距，它看起來很舒服。而且很明顯這是一本書對頁中的左半部分，因為頁面中的右邊頁邊距預留出的寬度足以應付裝訂時需要損耗的寬度。
---
為了保證字體風格的統一，標題盡量采用與正文一樣的字體。不論在什么環境下，不同字體在進行混合使用時，千萬不要使用風格近似的兩種字體。比如說 Helvetica 不能與 Univers 進行混合使用，Garamond 不能與 Bodoni 進行混合使用。
---
不同字號的字體也能提供清晰的層級關系，例如 9 號點的字號就容易與 6 號點的字號區分。
---
字重和字號上的清晰對比，可以讓讀者的閱讀過程變得高效和簡單。
---
寬欄字號必須比窄欄的字號大一些，只有這樣才能保證版心的平衡以及版面中統一的節奏感。
---
在閱讀宣傳冊、書籍以及報紙時，眼睛的正常閱讀距離大約在 30 到 35cm 之間。
---
在一個成熟的網格系統中，不僅正文字體需要與圖片對齊，同樣版面中的圖注、正文標題、標題與副標題都需要與圖片對齊。為了顯示圖注與正文之間的層級關系，圖注字體通常會用斜體或者小字號的字體來區分。如果需要圖注字體與正文的文本對齊，那么就必須同時考慮它們的行距，并確保它們高度相同。
---
如果圖注在圖片下方，那么在圖注與圖片之間應保持間隔一行的距離。
-
在進行這類計算時，必須保證正文字體的字號和行距值與標題字體的字號和行距值之間具備一定的倍率關系。例如，我們選擇一個 20 點的字號、24 點的行距作為標題（=24點），就能與兩行 10 點字號、12 點行距的正文字體對齊（=24點）。
---
在網格系統中，圖片的頂邊應該與文本行中大寫字母的頂端對齊，圖片的底邊應該與文本行中小寫字母的降部線對齊。
---
標題與正文之間的大量留白表示一種停頓，同時還強調標題的重要性。
---
留白在版面中有著十分重要的視覺和美學作用，只要適當地利用它，就可以使整個版面變得輕盈、通透甚至更易讀。
---
豎圖給人一種力量感，并充滿活力。
---
總之，豐富的版面變化離不開優質的圖片和字體的款式、字號的大小和粗細、羅馬正體或斜體，同時這些元素也給設計師提供了一個發揮才能的空間。
---
如果想要使被裁切的圖片增添視覺穩定性，不妨可以用一張有色膠片做襯底。這樣照片就被牢牢地固定在網格中了，它的高度和寬度也與網格完全吻合。
-
還有一種可行的方法，那就是利用兩條與網格比例一致的邊框（頂邊和底邊）來裁切圖片。
---
通常，在一個精確的網格系統里，每個文本行距必須要與某張圖片的頂邊和底邊對齊。
---
版面四周的頁邊距留得比較寬裕，這樣就可以使在黑色背景中的攝影插圖顯得更加穩定。
---
當代編排設計要求設計師邏輯、系統地組織版面中的文本與圖片：
在版面中，標題的字號和位置保持一致，從始至終都應使用同一款字體。
副標題的字號一致，并在頁面中與上下文保持相同的距離。
圖注中的字號一致，并與插圖保持相同的編排關系。
所有版面中的文本和插圖應使用統一的網格系統。
標題的字號一致，并與段落文本保持相同的編排關系。
旁注的設計同上。
所有插圖元素（如圖片、圖表、統計數據等等）都應按單元網格的大小來編排。
所有照片的拍攝風格都應一致。
插圖的立場應該是客觀的，并保持他們的風格一致。
統計數據的表現形式也應保持一致。
同類型的文本的字體和顏色應保持一致。
字號相同的文本的行距
分割文本段落時應使用一行、兩行或者更多的整行空行，千萬不要使用半行，否則下一欄的文本行將與前一欄的文本行錯位不齊。
---
在放置文本和圖片時，一定要注意視平線的高度，即觀眾看到它們的高度，通常情況下，離地 170cm 是比較合理的視平線高度。
---
這張透視圖向我們展示了三維空間是如何借助網格來組織和表達各種平面和立體元素的。
-
單色的地板可以很好的襯托出其他形式的元素。
---
在自然界里，秩序系統主導著生命和物質的生長和構造。對秩序的不斷探尋，使得人類與其他物種區別開來，就連最原始的人類也曾創造出令人嘆為觀止的幾何式裝飾圖案。這種通過秩序來統治混亂的欲望反映了人類的深層次精神需求。
引自 摘選
掃描二維碼分享到微信