重復(fù)、對(duì)比、對(duì)齊以及親密性是版式設(shè)計(jì)中的四大原則，各種排版形式與規(guī)則都是基于這四大原則衍生而來(lái)，而掌握這些具有指導(dǎo)性的設(shè)計(jì)原則，能夠幫助我們?cè)诙虝r(shí)間內(nèi)，更快更好地達(dá)成設(shè)計(jì)目標(biāo)。本期給大家講解四大原則之 —— 對(duì)比原則。

什么是對(duì)比原則

「對(duì)比」強(qiáng)調(diào)事物之間的差異性，在設(shè)計(jì)時(shí)要避免頁(yè)面上的視覺(jué)元素太過(guò)相似，如果元素之間是為了有所不同，那么加大反差，確保對(duì)比明顯、頁(yè)面清晰是很有必要的。在生活中我們可以隨處發(fā)現(xiàn)對(duì)比的存在，對(duì)比形式也是多種多樣的：

人們習(xí)慣了生活中的對(duì)比，如果畫面沒(méi)有對(duì)比，會(huì)讓人覺(jué)得單調(diào)乏味。對(duì)比可以突出重點(diǎn)，使版面具有層次感，內(nèi)容要點(diǎn)展示更有條理，對(duì)比關(guān)系越清晰，視覺(jué)效果越強(qiáng)烈。有了對(duì)比，畫面才會(huì)生動(dòng)活潑、主次分明。

對(duì)比的作用

1. 突出重點(diǎn)

恰當(dāng)?shù)膶?duì)比可以很好的制造出焦點(diǎn)（畫面主體），在版式編排中，有效利用視覺(jué)差異，通過(guò)構(gòu)成要素之間的對(duì)比，把讀者的注意力吸引到畫面的主體部分上來(lái)，提高版面的注目效果，是版式設(shè)計(jì)的重中之重。

利用鮮明的對(duì)比，可以形成強(qiáng)有力的反差效果，能第一時(shí)間讓讀者捕捉到主體和重點(diǎn)。此案例主要采用了色彩對(duì)比，主體人物和文字在版面中都異常顯眼，因?yàn)樗啾戎車囊曈X(jué)元素產(chǎn)生了很強(qiáng)的差異性。

2. 豐富畫面層次

對(duì)比是版面建立有組織的層次結(jié)構(gòu)最有效的方法。強(qiáng)烈的對(duì)比可以形成視覺(jué)落差，建立良好的信息層次，增強(qiáng)版面的節(jié)奏和明快感。

3. 打破呆板、活潑生動(dòng)

通過(guò)對(duì)比的形式可以避免版面的單調(diào)與平淡，使版面更富趣味性，也使得版面更加鮮活、生動(dòng)，產(chǎn)生良好的視覺(jué)體驗(yàn)，激發(fā)讀者閱讀和觀看的興趣。

用方向、大小和色彩形成對(duì)比，使標(biāo)題與正文的層級(jí)更清晰明了，同時(shí)加入肌理對(duì)比為主體打造立體感，讓版面更活潑，更抓人眼球。

文字編排對(duì)比

理論上元素的一切可改變特征都是可以形成對(duì)比，本期只舉例了部分常用的文字編排對(duì)比形式。

1. 大小對(duì)比

通過(guò)視覺(jué)元素體量之間的差異，來(lái)達(dá)到制造視覺(jué)沖突的效果。視覺(jué)元素體量大小上形成了層級(jí)的劃分，體量越大則層級(jí)越高，也就越突出。

在版面需要呈現(xiàn)的信息里一般會(huì)有標(biāo)題、小標(biāo)題、內(nèi)文之分，也會(huì)有重點(diǎn)信息和非重點(diǎn)信息。把重要的信息放大，次要信息縮小，就形成了大小對(duì)比。這樣做的好處是可以減少次要信息對(duì)重要信息的干擾，使之更容易被接收，大小對(duì)比還能使版面的層次更豐富。

2. 粗細(xì)對(duì)比

粗的字體比較沉重，細(xì)的字體比較輕盈，字體粗細(xì)變化形成了輕重對(duì)比。主體信息可以用較粗的字體，次要信息使用較細(xì)的字體，利用這種手法制造視覺(jué)流線，引導(dǎo)受眾閱讀信息。

上面的案例中，只使用了思源黑體一種字體，但是采用不同的字體大小和粗細(xì)對(duì)比，也可以很好的區(qū)分信息主次層級(jí)。

3. 字型對(duì)比

如果版面里的信息比較多，而只使用一種字體的話，也許會(huì)顯得單調(diào)，用字型進(jìn)行對(duì)比，既能把不同的信息區(qū)別開來(lái)，也能豐富版面。

不同的字體有不同的氣質(zhì)，而字型的對(duì)比就是不同氣質(zhì)的碰撞。在進(jìn)行字型對(duì)比的時(shí)候也要深層次考慮：字型的選擇是否和主體內(nèi)容相匹配，字體的風(fēng)格能形成多大反差等。

4. 色彩對(duì)比

運(yùn)用色彩對(duì)比可以有效地突出重點(diǎn)、區(qū)分信息，還可以起到裝飾畫面的作用。

大面積的背景色與少量的主體色形成了很強(qiáng)烈的對(duì)比效果，能夠第一時(shí)間把讀者視覺(jué)引導(dǎo)到文字信息和主角上。

高明度、高飽和度的黃色主體文字和低明度、高冷的黑色背景形成強(qiáng)烈反差，使版面充滿活力，也有效突出了文字信息。

5. 方向?qū)Ρ?/p>

把版面中的文字信息分別朝不同的方向排列，可以有效增加版面的動(dòng)感和空間感。

6. 疏密對(duì)比

將大段的文字密集排版，可以讓文字形成塊狀、視覺(jué)上更緊湊。剩下來(lái)的大面積可以用來(lái)展示畫面主題，通過(guò)這樣的疏密變化不但可以形成好的閱讀節(jié)奏，也能更強(qiáng)化主題。

7. 肌理對(duì)比

肌理是指物體表面的組織紋理結(jié)構(gòu)，不同的材質(zhì)具有不同的觸感和視覺(jué)體現(xiàn)。文字或背景添加肌理，運(yùn)用粗糙與細(xì)膩、質(zhì)樸與華麗、厚重與輕薄等對(duì)比，可以增添畫面的豐富度和表現(xiàn)力。

主體「葉」書法字有著手寫的動(dòng)感，本身就具有質(zhì)感，置入水墨的紋理進(jìn)一步強(qiáng)調(diào)了效果?？梢院芎玫膮^(qū)分文字信息的主次關(guān)系，也增加了畫面的視覺(jué)美感和藝術(shù)表現(xiàn)力。

8. 動(dòng)靜對(duì)比

在版式設(shè)計(jì)中常把有擴(kuò)散感或具有流動(dòng)性的圖形或文字的編排稱為「動(dòng)」；而把水平或垂直性強(qiáng)、具有穩(wěn)定性的圖形或文字的編排稱為「靜」?！竸?dòng)」使整個(gè)版面充滿活力，獲得更高的注目度，而「靜」使版面具有穩(wěn)定的效果，將兩者相結(jié)合可以產(chǎn)生一定的空間層次感。

電影海報(bào)《影》恣意狂放的反白書法字作為背景具有強(qiáng)烈動(dòng)感，和主角的靜形成鮮明的對(duì)比，陰陽(yáng)與剛?cè)岵?jì)，反映出濃濃的古典中式美學(xué)。

9. 空間對(duì)比

版式設(shè)計(jì)并不局限于一個(gè)平面上的層次，也可以讓元素有一些前后關(guān)系。文字與形象之間疊壓或前后錯(cuò)落編排，使版面出現(xiàn)層次關(guān)系，讓版面更生動(dòng)活潑。

虛實(shí)對(duì)比也可以營(yíng)造出空間層次，使用虛化的背景來(lái)突出前景，不僅能突出重點(diǎn)信息，而且能夠較好營(yíng)造氛圍感、場(chǎng)景感和立體感。

使用遠(yuǎn)近對(duì)比體現(xiàn)空間關(guān)系，根據(jù)透視原理，近則大，遠(yuǎn)則小，可以營(yíng)造出近景、中景、遠(yuǎn)景的畫面層次感。

案例演示一

為了讓大家加深對(duì)「對(duì)比原則」的理解，提取本期文章的主要內(nèi)容作為原始資料，運(yùn)用「對(duì)比原則」進(jìn)行設(shè)計(jì)示范。

運(yùn)用「親密性原則」進(jìn)行信息的分組和距離的調(diào)整；排版時(shí)要遵循「對(duì)齊原則」；運(yùn)用「對(duì)比原則」進(jìn)行信息層級(jí)主次的劃分，加入文字大小、粗細(xì)對(duì)比；運(yùn)用「重復(fù)原則」把同一級(jí)別的文字設(shè)置為相同的文字樣式，增加條理性，加強(qiáng)統(tǒng)一性。

為了使對(duì)比更豐富，可以加入字型和色彩對(duì)比，加強(qiáng)層級(jí)關(guān)系，使重點(diǎn)內(nèi)容強(qiáng)調(diào)突出。

現(xiàn)在畫面文字信息已經(jīng)清晰而有序地排列好，但是缺少主體。把標(biāo)題內(nèi)容「對(duì)比原則」作為主體元素的進(jìn)行設(shè)計(jì)。

1. 打開AI軟件，畫出一個(gè)正方形；

2. 執(zhí)行「效果-3D-凸出和斜角」。勾選「預(yù)覽」，「位置」使用「等角-左方」，「凸出厚度」可以自己調(diào)整使正方形變?yōu)檎襟w。

6. 分別給四個(gè)字執(zhí)行「效果-3D-凸出和斜角」，把「位置」改為「等角-上方」，厚度改為 0：

7. 把文字填充色改為白色，描邊改為背景色綠色，按照參考線去擺放文字的位置，把「原則」兩字逆時(shí)針旋轉(zhuǎn) 90 度放置；

8. 選擇四個(gè)字，右鍵選擇「編組」，復(fù)制兩組新的文字，一組備用，一組放置到下方。

9. 選擇上方的文字組，右鍵「排列-置于頂層」；

在工具欄選擇「混合工具」，分別點(diǎn)擊兩個(gè)文字組，再雙擊「混合工具」調(diào)出「混合選項(xiàng)」，間距選擇「指定的步數(shù)」、「30」；

10. 把之前復(fù)制出來(lái)備用的文字組填充綠色，右鍵選擇「排列-置于頂層」，再移動(dòng)到原文字組位置；

11. 英文按照同樣的方法設(shè)計(jì)好放在下方，主體就刻畫好了；

12. 按「Ctrl+Alt+2」鍵解鎖全部對(duì)象，刪除參考線。

把之前刻畫好的文字信息排列在畫面下方，嚴(yán)格按照對(duì)齊原則進(jìn)行排列，主體圖形與文字信息形成了方向?qū)Ρ群图±韺?duì)比，視覺(jué)效果也更豐富。

觀察畫面整體效果，發(fā)現(xiàn)宋體字與版面中的風(fēng)格不統(tǒng)一，所以去掉字型對(duì)比，把所有文字統(tǒng)一修改為思源黑體；嘗試把色彩對(duì)比也取消，版面視覺(jué)效果更簡(jiǎn)潔純粹。設(shè)計(jì)完成：

案例演示二

重新嘗試使用其它對(duì)比手法設(shè)計(jì)新方案。把「對(duì)比原則」四字放大并錯(cuò)落地放置在版面中，形成位置上的對(duì)比。

把之前刻畫好的文字信息放置在畫面中，整體文字排版采取兩端對(duì)齊的形式，但在局部采用左對(duì)齊和右對(duì)齊形式，形成排版方向上的對(duì)比。

加入英文豐富畫面，排版方向改為縱向排列，這樣增加了方向?qū)Ρ?；給背景加入點(diǎn)狀肌理，形成肌理對(duì)比。

為使對(duì)比效果更豐富，把「對(duì)比原則」四字執(zhí)行「效果-模糊-徑向模糊」，形成動(dòng)靜對(duì)比和空間對(duì)比，設(shè)計(jì)完成：

總結(jié)

• 對(duì)比可以突出重點(diǎn)，使版面具有層次感，內(nèi)容要點(diǎn)展示更有條理，有了對(duì)比，畫面才會(huì)生動(dòng)活潑、主次分明；
• 理論上元素的一切可改變特征都是可以形成對(duì)比，本期只舉例了部分常用的文字編排對(duì)比形式；
• 通常一個(gè)作品中不會(huì)只使用一種對(duì)比，而是多種對(duì)比方式組合使用。對(duì)比關(guān)系越清晰，視覺(jué)效果越強(qiáng)烈。但要根據(jù)版面內(nèi)容選擇合適的對(duì)比手法，強(qiáng)調(diào)對(duì)比時(shí)，要注意畫面的和諧統(tǒng)一。

原文：藝海拾貝Design