做設計的都知道，

版式設計需要充分認識畫面元素之間的關系，

并在有限空間內合理布局，

將圖形與文字有機結合。

這次，小美給你們來點實在的！

版式設計方法雙手奉上。

▼

1如何在畫面中擺放大量圖片

• 倒三角構圖▼

　　在版面上半部分放置視覺沖擊力較強的大圖，并自上而下沿著畫面中線，逐漸減少圖片數量、降低圖片尺寸，從而呈現出倒三角形的構圖形式。

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

• 對角線構圖▼

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

　　2如何使版面富有節奏感

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

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

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

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

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

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

• 配置色塊以強調軸線▼

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

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

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

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

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

　　5如何營造版面的穩定感

　　想要營造出版面的穩定感，重點在于重心的設計。不論是圖片、標題和內文等元素的色調及尺寸，或是字里行間的間隙比例，都會造成不同的重量感。而頁面中這些主要元素的分配方式，將決定版面整體的穩定感。

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

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

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

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

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

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

• 突顯單張圖片▼

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

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

　　利用寬松的版式設計為商品營造豪華氛圍時，偶爾會因留白不當而破壞掉版面平衡。此時，可讓圖片以帶狀形式擺放在版面下方，以穩定版面的重心。

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

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

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

• 利用對角線實現版面平衡▼

• 用留白活躍版面▼

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

　　8如何避免版面過于單調

　　在圖片較多的版面里，圖片的擺放很容易顯得凌亂。此時只要為頁面創造節奏感。不管是讓圖片彼此間產生尺寸上的差異，還是通過圖片的上下左右關系以編排出節奏感，并盡可能呈現出輕盈的感覺，都是很有效的手法。

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

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

• 巧妙運用不同的比例▼

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

　　將能分區處理或能對應至軸線的內容，用流程表表現。雖然要讓版面顯得簡單易懂，整齊排列內容比什么都重要，但如果只強調整齊性，很容易造成枯燥乏味的版面。

• 將內容融入年代表中▼

• 將版面編排成流程圖▼

腫么樣？

這么棒的干貨趕緊收藏吧，

勤勞的小伙伴可以試起來，

證明一下效果如何。

小美等著你們的成果哦！

更多干貨分享、創意活動

盡在美行思遠~