精華 |康石石淺談藝術作品集中的版式設計方法與原則

02-11

寫在前面的話

石石曾經反覆而且嚴肅地強調過：藝術作品集（PORTFOLIO）本身就是一個設計作品。因此，在同學們的創作過程中，不僅需要聚焦於那些框架性與結構性的設計程序、方法和技巧，即使是纖毫之處，也需要投入完美主義的創作態度與熱情。

每年都翻閱幾百多份工作室同學們創作的藝術作品集，也對比過那些自己做完設計，沒有報名作品集版式設計課程的同學們的作品，發現在細節層面的區別，還是相當明顯的。

上周，康石石已就字體設計與大家詳細介紹經驗↓

精華 | 如何在藝術作品集中的圖像上添加文字

本周，康石石將就作品集的版式設計，從版式設計方法和版式設計原則與大家繼續展開討論。

版式設計方法

1.如何在作品集中擺放大量圖片

倒三角構圖

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

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

對角線構圖

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

2.如何使版面富有節奏感

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

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

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

3.如何將雜亂煩瑣的信息整理得清楚易懂？

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

圖片與內文區域也能成為軸線

配置色塊以強調軸線

用圖片創造出對角線方向的版面軸線

4.如何讓版面閱讀起來更加有趣

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

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

沿著S型放置圖片，讓讀者越讀越有趣

5.如何營造版面的穩定感？

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

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

亮色系的圖片以及留白較多的文欄位落，都是較為輕盈的版面元素，而暗色系的圖片以及粗體的文字，或是行距很緊湊的段落，則是較穩的元素。如果將重的元素集中在版面某個位置里，而讓其他較輕的元素散落在版面各處，版面的重心就會不均衡，給不穩定感。

均勻擺放圖片，由文字產生版面重心

大而輕以及小而重的圖片

大而重的圖片以及小而輕的圖片

6.如何整理易顯雜亂的圖片信息，營造出有條不紊的氛圍？

不要輕易使用自由式版面編排設計

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

突顯單張圖片

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

在頁面下部以帶狀形式編排圖片

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

7.如何運用元素來構造版面？

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

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

利用不同大小的圖片，為版面增添變化

利用對角線實現版面平衡

用留白活躍版面

當圖片元素較少，或是手邊沒有能夠與版面風格搭配的圖片時，除了用倒三角的構圖避免方式版面元素擠在一起，還可以通過適當的留白來解決問題。只有儘可能平衡配置元素，才能明確地傳達想呈現的概念。

8.如何避免版面過於單調？

在圖片較多的版面里，圖片的擺放很容易顯得凌亂。如果將相近色調以及類似風格的圖片集中在一起，則會使單調的問題更加嚴重。此時只要為頁面創造節奏感，便可有效改善上述問題。不管是讓圖片彼此間產生尺寸上的差異，還是通過圖片的上下左右關係以編排出節奏感，並儘可能呈現出輕盈的感覺，都是很有效的手法。

將圖片編排在對角線上以創造對比效果

利用不同尺寸的圖片展現出輕盈感

巧妙運用不同的比例

9.如何將內容編排得更有邏輯性

將能分區處理或能對應至軸線的內容，用流程表表現

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

此時，若能將流程圖或是圖案加入編排，效果往往相當不錯。通過這樣的手法，就算是大量的內容，也能以視覺化的方式來引導閱讀。而這樣的編排方式特別適用於有時間順序或是步驟說明的內容，還有分類眾多或是需整理多種信息加以呈現的情況。

將內容融入年代表中

將版面編排成流程圖

———————————————————分割線———————————————————

版式設計原則

在進行版面設計的時候，總結以下5點原則，希望可以幫助同學們在布置版面過程中能夠駕馭版式設計方法，拿捏其中方寸。

1.單純與秩序

單純的版式，通過簡練的布局、明朗的板式結構，為畫面營造秩序感，突出重點信息，提升信息傳達的通暢性。

2.對比與調和

在版式設計的過程中，各個元素之間通過存在著的大小、主次、強弱、疏密、動靜、虛實、色彩等對比關係傳遞意圖、情感與邏輯。同時，如果畫面中的對比不經調和，就會使畫面失去平衡，所以在運用對比關係進行版式設計的時候，需要結合元素之間的關係進行調和。

3.對稱與均衡

對稱與均衡在版式設計中最為常用，在使用對稱構圖的時候，會在營造穩定性與秩序感的同時，容易產生單調與呆板的視覺感受。而相對對稱均衡的構圖，則可通過略有變化的版面結構安排，使畫面整體更為靈活，富於變化，也不失對稱的穩定感。另外，非對稱均衡構圖，則可通過既有聯繫又不相同的元素，使畫面既具有相對的對稱感，同時令畫面更加靈活生動，富有變化，同時更具現代設計感。

相對對稱均衡構圖