江陰平面設(shè)計(jì)培訓(xùn)版式設(shè)計(jì)到底應(yīng)該怎么排

版式設(shè)計(jì)從入門到精通

設(shè)計(jì)師總是不斷遇到這樣的問題：

如何賦予不同內(nèi)容以合適的外觀？

如何調(diào)動(dòng)視覺元素、外在形式傳達(dá)思維信息，與受眾溝通？

解決這些問題是設(shè)計(jì)的關(guān)鍵所在，

也是設(shè)計(jì)師必備的基本功。

基本構(gòu)圖樣式

版式設(shè)計(jì)的構(gòu)圖類型多樣，通常需要綜合運(yùn)用不同的版面形式來傳遞信息，常見的版式構(gòu)圖類型有標(biāo)準(zhǔn)式、滿版式、分散式、自由式等。

1.標(biāo)準(zhǔn)式

這是常見的簡單而規(guī)則的編排類型，一般從上至下的排列順序?yàn)閳D片、標(biāo)題、正文內(nèi)容、標(biāo)志圖形。首先利用圖片和標(biāo)題吸引讀者的注意，然后引導(dǎo)讀者閱讀正文內(nèi)容和標(biāo)志圖形，自上而下的順序符合人們認(rèn)識(shí)事物的心理順序和思維活動(dòng)的邏輯順序，能夠產(chǎn)生良好的閱讀效果。

▲該畫冊(cè)的內(nèi)頁版面設(shè)計(jì)中，內(nèi)容的排列順序從上至下依次是跨頁大圖、標(biāo)題、副標(biāo)題和正文內(nèi)容，屬于標(biāo)準(zhǔn)式構(gòu)圖類型，符合常規(guī)的閱讀流程。

▲該版面的設(shè)計(jì)運(yùn)用了標(biāo)準(zhǔn)式構(gòu)圖類型，自上而下安排標(biāo)題、圖片、正文內(nèi)容，條理清晰。

▲該版面的設(shè)計(jì)比較簡潔，采用標(biāo)準(zhǔn)式構(gòu)圖方式順序安排元素，內(nèi)容非常清晰，讀者閱讀流暢。

2.滿版式

滿版式構(gòu)圖的重點(diǎn)在于圖片傳達(dá)的信息，將圖片鋪滿整個(gè)版面，視覺沖擊力很強(qiáng)，非常直觀。根據(jù)版面的需求編排文字，整體感覺大方、直白、層次分明。

▲該家居雜志內(nèi)頁版面使用家居圖片作為整個(gè)版面的背景，仿佛將讀者帶入到該家居環(huán)境中，使讀者能夠非常清楚地理解該版面的主題。

▲該版面運(yùn)用滿版的模特圖片作為背景，將正文內(nèi)容放置在版面靠下的位置，并搭配半透明背景色，版面主題明確、清晰。

▲該版面運(yùn)用人物局部特寫圖片作為滿版背景，給人很強(qiáng)的視覺沖擊力，搭配簡潔的品牌名稱，整個(gè)版面直觀、視覺沖擊力強(qiáng)。

3.對(duì)角式

對(duì)角式構(gòu)圖是指版面中的主要元素分別位于左上角與右下角，或者右上角與左下角。主要視線處于對(duì)角線之間，版面有不穩(wěn)定感，視覺沖擊力較強(qiáng)，形成在變化中相互呼應(yīng)的視覺效果。

▲該畫冊(cè)內(nèi)頁版面，將不規(guī)則處理的圖片分別放置在對(duì)角線位置，為版面帶來強(qiáng)烈的不穩(wěn)定感和動(dòng)感，效果強(qiáng)烈。

▲該版面將圖片傾斜沿對(duì)角線放置，分別在左上角和右下角放置文字和品牌介紹內(nèi)容，整個(gè)版面時(shí)尚動(dòng)感。

▲該版面分別在左上角和右下角放置圖片，形成呼應(yīng), 中間的正文內(nèi)容旋轉(zhuǎn)90°放置，給人新奇的視覺感受。

4.定位式

定位式構(gòu)圖是以版面中的主體元素為中心進(jìn)行定位，其他的元素都圍繞這個(gè)中心對(duì)其進(jìn)行補(bǔ)充、說明和擴(kuò)展，力求深化、突出主題。這樣的構(gòu)圖能夠使讀者明確了解版面要傳達(dá)的主要信息，從而達(dá)到宣傳目的。

▲該畫冊(cè)內(nèi)頁運(yùn)用圓形將相關(guān)內(nèi)容組織在版面中心的周圍，有效突出版面中心的內(nèi)容，又使與中心相關(guān)的內(nèi)容形成一個(gè)有機(jī)整體。

▲該廣告版面的主體是右下角的產(chǎn)品，整個(gè)版面以此定位，所有的文字及背景圖片都圍繞該產(chǎn)品進(jìn)行說明，并起到烘托作用。

5.坐標(biāo)式

坐標(biāo)式構(gòu)圖是指版面中的文字或圖片以類似坐標(biāo)線的形式，垂直與水平交叉排列。這樣的編排方式比較特殊，能夠給讀者留下較深刻的印象，適合相對(duì)輕松、活潑的主題，文字量不宜過多。

▲該畫冊(cè)版面將圖片與坐標(biāo)圖形巧妙地結(jié)合在一起，配合文字介紹，使內(nèi)容的表達(dá)更加具有條理。

▲使用對(duì)比色調(diào)將版面分為上下兩個(gè)部分，在兩部分分隔的位置形成坐標(biāo)軸，運(yùn)用坐標(biāo)式編排，分別在上下兩部分放置相應(yīng)的內(nèi)容，內(nèi)容表達(dá)得非常清晰。

6.重疊式

重疊式構(gòu)圖是指版面中的主要元素以相同或類似的形式反復(fù)出現(xiàn)，排列時(shí)表現(xiàn)為層層疊疊的樣式。這樣的構(gòu)圖可以使版面呈現(xiàn)出較強(qiáng)的整體感和豐富感，能夠制作出十分活潑、動(dòng)感的版面，并且增強(qiáng)圖形的可識(shí)別性。適合用于時(shí)尚、年輕的主題。

▲該畫冊(cè)內(nèi)頁反復(fù)運(yùn)用圓形和矩形半透明色塊進(jìn)行排列，形成很強(qiáng)的整體感，通過調(diào)整圖形的大小和色彩形成變化，給人活潑的印象。

▲該雜志內(nèi)頁的版式設(shè)計(jì)中，圖片以不同的大小和角度進(jìn)行疊加排列，給人一種輕松、隨意、自由的感覺。

7.聚集式

版面中的大部分元素按照一定的規(guī)律向同一個(gè)中心點(diǎn)聚集，這樣的構(gòu)圖被稱為聚集式構(gòu)圖。聚集式構(gòu)圖能夠強(qiáng)化版面的重點(diǎn)元素，同時(shí)具有向內(nèi)的聚攏感和向外的發(fā)散感，視覺沖擊力較強(qiáng)。

▲該版面的所有說明文字都是從視覺中心的人物向外發(fā)散的，形成視覺上的爆發(fā)感，強(qiáng)烈而有趣。

▲該版面中的所有內(nèi)容都圍繞著主題進(jìn)行放置，并且主題文字有鮮艷的背景色，版面中心主題非常突出。

▲該雜志內(nèi)頁用圓環(huán)圍繞版面的主題，將所有圖片都放置在圓環(huán)上，整齊有規(guī)律，所有圖片都指向版面的主題。

8.分散式

所謂的分散式構(gòu)圖是指版面中的主要元素按照一定的規(guī)律，分散地排列在版面中。這種構(gòu)圖中的元素通常分布較為平均，元素之間的空間較大，給人規(guī)律感和輕松感。

▲該雜志內(nèi)頁采用了兩種處理方式來間隔排列各欄目內(nèi)容，使版面規(guī)律中富有變化，帶給讀者輕松、愜意的感受。

▲該雜志內(nèi)頁的版式設(shè)計(jì)中，圖片的大小、位置不同，但通過圖片與背景色相結(jié)合，很容易分辨版面中的內(nèi)容，使版面的表現(xiàn)有規(guī)律而不會(huì)令人覺得呆板。

9.導(dǎo)引式

導(dǎo)引式構(gòu)圖是指版面中的某些圖形或文字可以引導(dǎo)讀者的視線按照設(shè)計(jì)者安排的順序依次閱讀版面中的內(nèi)容，或者通過引導(dǎo)指向版面中的重點(diǎn)內(nèi)容，對(duì)其進(jìn)行強(qiáng)調(diào)。

▲該雜志內(nèi)頁使用圓形構(gòu)成版面，大的圓形為版面的重心，曲線引導(dǎo)讀者的視線從大圓至各小圖片，使版面中各元素的關(guān)系明確，重點(diǎn)突出。

▲該版面中的主要圖形是人物剪影，通過人物剪影引導(dǎo)讀者注意到版面的主題。

▲該版面通過左下角人物視線的方向，將讀者引導(dǎo)至版面右上角，運(yùn)用輔助圖形環(huán)繞襯托中間的廣告主題。

10.組合式

組合式構(gòu)圖是指將一個(gè)版面分成左右或上下兩個(gè)部分，分別放置兩張從中間裁切的不同圖片，再將兩張圖片重新組合到一起，形成一幅新的圖片。左右兩邊的圖片雖然不同，但卻有較強(qiáng)的聯(lián)系，形成趣味性極強(qiáng)的版式效果。

▲該海報(bào)將小鳥與金魚巧妙結(jié)合在一起，使版面具有趣味性，引發(fā)讀者的聯(lián)想。

▲該版面將人物按中軸線進(jìn)行左右拼接，形成非常有趣的視覺效果，從而給讀者留下深刻印象。

11.立體式

立體式構(gòu)圖是指通過調(diào)整版面中的元素形成立體效果，或者通過對(duì)角度的調(diào)整，將版面中的二維元素組合起來，形成具有三維空間感的視覺效果，這種處理方式會(huì)帶來很強(qiáng)的視覺沖擊力。

▲該招貼版面，通過對(duì)文字內(nèi)容的傾斜排版處理，使文字表現(xiàn)出強(qiáng)烈的空間感，具有很強(qiáng)的表現(xiàn)力。

▲該海報(bào)將主題文字處理成三維立體效果，立體感很強(qiáng)，結(jié)合版面中的圖形，給人帶來震撼效果。

12.自由式

自由式構(gòu)圖是指版面結(jié)構(gòu)沒有任何規(guī)律，設(shè)計(jì)者隨意編排構(gòu)成，因此版面具有活潑、多變的輕快感，是能夠施展創(chuàng)意的構(gòu)圖形式。自由式構(gòu)圖并不代表亂排，需要把握版面整體的協(xié)調(diào)性。

▲該雜志內(nèi)頁將退底處理后的產(chǎn)品圖形在版面中自由放置，從而表現(xiàn)出自由、個(gè)性的感覺。

▲該雜志內(nèi)頁將不同大小的圖片以不同的傾斜角度放置在版面中，表現(xiàn)出輕松、活躍的氛圍。

美食雜志的版式設(shè)計(jì)

雜志內(nèi)頁版式設(shè)計(jì)的好壞直接影響到讀者閱讀過程中的心情，人們常常忽視內(nèi)文版式的存在，認(rèn)為只需要有出色的雜志封面就可以了，這是錯(cuò)誤的。美食雜志的重點(diǎn)在于突出食物的誘人和精致，給讀者帶來愉悅的閱讀感受。

? 項(xiàng)目背景與文案

項(xiàng)目名稱

美食雜志內(nèi)頁版式設(shè)計(jì)

目標(biāo)定位

向廣大讀者介紹幾種國外美食的制作方法，使讀者對(duì)國外美食有所了解，并掌握簡單的制作方法

項(xiàng)目資料

投放載體：美食雜志

版面尺寸：210mm×285mm

投放時(shí)間：短期使用

廣告形式：雜志發(fā)售

版面主題

“餐桌上的異國風(fēng)情”為該美食雜志內(nèi)頁的主題，內(nèi)文通過圖片與文字結(jié)合的形式介紹了幾款簡單的國外美食制作方法，內(nèi)容緊扣版面主題

? 素材分析

該美食雜志內(nèi)頁的版面設(shè)計(jì)使用多張精美的食物素材圖片。在選擇食物素材圖片時(shí)需要注意，一定要選擇清晰度高、色彩亮麗、構(gòu)圖精美的食物圖片，這樣才能夠有效吸引讀者。

? 案例設(shè)計(jì)

（01）美食雜志內(nèi)頁設(shè)計(jì)主要通過精美的美食圖片帶給讀者一種誘人、美味的感覺，從而有效吸引讀者去閱讀版面中的文字內(nèi)容。

（02）該美食雜志內(nèi)頁使用白色作為背景主色調(diào)，充分突出美食的誘人，使用紅色作為點(diǎn)綴色，使版面給人一種熱情、歡樂的印象。

（03）該美食雜志內(nèi)頁使用常規(guī)的構(gòu)圖方式，在左側(cè)使用滿版圖片來突出表現(xiàn)

? 案例分析

設(shè)計(jì)初稿: 該美食雜志內(nèi)頁中，左側(cè)版面將美食圖片放置在下方，版面主題及介紹內(nèi)容放置在上方，視覺重心在下方，讓人感覺很沉重。

修改后的效果: 修改后的版面用滿版圖片鋪滿整個(gè)左側(cè)版面，將主題文字放置在版面的中間位置，介紹說明放置在上方，版面效果非常突出，但右側(cè)版面的排版還是會(huì)使讀者感覺比較混亂，沒有特點(diǎn)。

終效果：在終的版面設(shè)計(jì)中，設(shè)計(jì)者重點(diǎn)對(duì)右側(cè)版面的排版進(jìn)行了調(diào)整，將美食圖片放置在版面的上方，而正文內(nèi)容放置在版面的下方，以三欄的方式進(jìn)行排列，并且將美食圖片放置在中間欄，使得圖片與文字內(nèi)容非常清晰、直觀，整個(gè)版面層次表現(xiàn)更加豐富。