搞懂這些原理，你的排版將邁上一個新的台階

很多做設計的小夥伴們

在排版中

通常都會遇到這樣的一個問題

心裡想法滿滿

但看著一個空白的畫面

卻無從下手

這是源於你的排版基本功

還不夠踏實

今天小智就帶大家搞懂

8大類排版技巧吧

Part

1

在畫面中擺放多張圖片

· 倒三角構圖 ·

在版面上半部分放置視覺衝擊力較強的大圖，並自上而下沿著作品集裝訂線方向，逐漸減少圖片數量、降低圖片尺寸，從而呈現出倒三角形的構圖形式。

倒三角構圖，符合讀者自上而下的閱讀習慣，在增添圖像表現力的同時，為讀者創造沉靜的閱讀氛圍，提升文字的可讀性。

· 對角線構圖 ·

在版面對角線的兩端放置大小統一的圖片，使畫面對仗工整、斟酌穩重，富有安定感，不會由於圖片較多而令畫面紛雜錯亂。

Part

2

版面富有節奏感

將圖像有機分離，為圖像創造動感；

將圖像交錯放置，為圖像創造節奏感、體現親和力。

將圖像排列於頁面底端，將文字有節奏的放置於圖像之上，在增添節奏感的同時，為畫面補充適度的秩序感。

Part

3

整理清楚易懂的信息

在編排有關聯的大量元素時，通常會利用年表、時間軸、地圖和路線圖等橫長形的對象來作為頁面主軸。除了能沿著軸線清楚地引導讀者的閱讀順序外，還能整理文本信息。另外，這樣的技巧同時也能分割版面區域，並賦予含有多張圖片的頁面穩定感與整體性。

Part

4

添加趣味性

如果讓圖片跳出網格，以沿著圓形、S型或是切割頁面的對角線來放置，就能讓版面變得更生動幽默。這樣的配置方式，讓版面呈現出開心、愉快的感覺。大膽的構圖，除了能增強頁面印象，也能起到畫龍點睛的作用。

利用對角線放置的圖片創造閱讀順序

Part

5

造版面的穩定感

想要營造出版面的穩定感，重點在於重心的設計。不論是圖片、標題和內文等元素的色調及尺寸，或是字裡行間的間隙比例，都會造成不同的重量感。

而頁面中這些主要元素的分配方式，將決定版面整體的穩定感。

Part

6

營造出有條不紊的氛圍

圖片數量較多時，很容易導致過度統一，因此自然會想採用自由式的版式設計。但若未經設計而盲目擺放，往往會給人凌亂散漫的感覺。這樣的方式也經常會造成過度統一而缺乏變化的問題，應適度縮放圖片尺寸，以增添其強弱對比。

· 突顯單張圖片 ·

如果有需要重點突出的圖片，且圖片尺寸都夠大的話，則可在單頁里放置一張大圖片。此時必須先在跨頁中規划出標題頁面與相鄰的內容頁面，這樣才能確保整個版面的平衡。

· 部以帶狀形式編排圖片 ·

為了讓作品集中圖片與文字的排放整齊有序，不因留白不當而破壞版面平衡。此時，可讓圖片以帶狀形式擺放在版面下方，以穩定版面重心。

Part

1

運用元素

利用三角形構圖的方式來穩定圖文信息，是編排設計中較為基本的手法。利用大小不同的圖片創造節奏感，同時仔細擺放圖片的位置，則能通過頁面整體印象，傳達版式設計內在的概念。

如果圖片的數量不多，或是內文字數較少時，元素間的平衡比版面的節奏感更為重要，並可通過運用留白的方式，避免編排出過於牽強的版面。

· 利用對角線實現版面平衡 ·

· 用留白活躍版面 ·

Part

8

將內容編排得更有邏輯性

雖然要讓版面顯得簡單易懂，整齊排列內容比什麼都重要，但如果只強調整齊性，很容易造成枯燥乏味的版面。

此時，若能將流程圖或是圖案加入編排，效果往往相當不錯。通過這樣的手法，就算是大量的內容，也能以視覺化的方式來引導閱讀。

而這樣的編排方式特別適用於有時間順序或是步驟說明的內容，還有分類眾多或是需整理多種信息加以呈現的情況。

（以上知識點來源於知乎大神：@康石石，感謝分享）

此外，小智還給大家找來了一套

國外極簡風方案文本排版PSD

- 共32頁PSD，約622M -

獲取方式

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！