做設(shè)計的都知道，

版式設(shè)計需要充分認(rèn)識畫面元素之間的關(guān)系，

并在有限空間內(nèi)合理布局，

將圖形與文字有機(jī)結(jié)合。

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

版式設(shè)計方法雙手奉上。

▼

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

• 倒三角構(gòu)圖▼

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

　　倒三角構(gòu)圖，符合讀者自上而下的閱讀習(xí)慣，在增添圖像表現(xiàn)力的同時，為讀者創(chuàng)造沉靜的閱讀氛圍，提升文字的可讀性。

• 對角線構(gòu)圖▼

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

　　2如何使版面富有節(jié)奏感

• 將圖像有機(jī)分離，為圖像創(chuàng)造動感▼

• 將圖像交錯放置，為圖像創(chuàng)造節(jié)奏感、體現(xiàn)親和力▼

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

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

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

• 圖片與內(nèi)文區(qū)域也能成為軸線▼

• 配置色塊以強(qiáng)調(diào)軸線▼

• 用圖片創(chuàng)造出對角線方向的版面軸線▼

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

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

• 利用對角線放置的圖片創(chuàng)造閱讀順序▼

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

　　5如何營造版面的穩(wěn)定感

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

• 均勻擺放圖片，由文字產(chǎn)生版面重心▼

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

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

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

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

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

• 突顯單張圖片▼

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

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

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

　　7如何運用元素來構(gòu)造版面

　　利用三角形構(gòu)圖的方式來穩(wěn)定圖文信息，是編排設(shè)計中較為基本的手法。利用大小不同的圖片創(chuàng)造節(jié)奏感，同時仔細(xì)擺放圖片的位置，則能通過頁面整體印象，傳達(dá)版式設(shè)計內(nèi)在的概念。

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

• 利用對角線實現(xiàn)版面平衡▼

• 用留白活躍版面▼

　　當(dāng)圖片元素較少，或是手邊沒有能夠與版面風(fēng)格搭配的圖片時，除了用倒三角的構(gòu)圖避免方式版面元素擠在一起，還可以通過適當(dāng)?shù)牧舭讈斫鉀Q問題。只有盡可能平衡配置元素，才能明確地傳達(dá)想呈現(xiàn)的概念。

　　8如何避免版面過于單調(diào)

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

• 將圖片編排在對角線上以創(chuàng)造對比效果▼

• 利用不同尺寸的圖片展現(xiàn)出輕盈感▼

• 巧妙運用不同的比例▼

　　9如何將內(nèi)容編排得更有邏輯性

　　將能分區(qū)處理或能對應(yīng)至軸線的內(nèi)容，用流程表表現(xiàn)。雖然要讓版面顯得簡單易懂，整齊排列內(nèi)容比什么都重要，但如果只強(qiáng)調(diào)整齊性，很容易造成枯燥乏味的版面。

• 將內(nèi)容融入年代表中▼

• 將版面編排成流程圖▼

腫么樣？

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

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

證明一下效果如何。

小美等著你們的成果哦！

更多干貨分享、創(chuàng)意活動

盡在美行思遠(yuǎn)~