這里我總結(jié)了文字排列中的三大對比原則，是最基礎(chǔ)也是最容易掌握的幾種類型。
為什么使用對比？因為在設(shè)計的過程中，不同文本本身具有不同的重要程度，所以依次劃分層級，然后使用對比手法，強化重要的，弱化次要的。高效的到達宣傳需求。
那么我這里先舉一個極端案例，如下圖是高田唯的設(shè)計作品，暫且不看具體的信息內(nèi)容，從文本的排列來看，我們并沒有很強烈的感受到“對比”，這幾乎是違背了設(shè)計常識，所以許多同學(xué)會說看不懂，不懂到底要表現(xiàn)什么。
看不懂是正常的，因為這確實是在常識之外的一次設(shè)計嘗試，甚至作者連字號的大小沒有調(diào)整，就是這樣赤裸裸明晃晃的將文字依次排列下來。
我們再來看另一個案例，這個案例在某種程度上來說，也是在常識之外的。
我們僅看它的文本排列，你會發(fā)現(xiàn)，作者將中英文的粗細搭配做了很高的匹配度，也就是近乎達到了“粗細一致”，這是很見細節(jié)的地方。
另外，說這個作品在某種程度上的文本排列極端，是因為對于文本排版上的技法用的非?？酥?。
也就是文本上只用了“字號對比”，字號對比是很常見了，但是不常見的是“只使用字號對比”。
在廣煜的作品中，這種手法已經(jīng)不作為一個簡單的技法，而是一種通用的風(fēng)格來使用。我們看下面的作品都是用了“字號對比”的手法來完成的。
首先我們來看一下第一個案例。
第一個案例我們將用字號對比來進行劃分文本的層級關(guān)系，那么首先第一步，我們需要將文本全部排成等大等粗。
即字號一致，字重保持一致。
如下圖，這個是我分類好的信息，使用的是思源黑體，中英文未做匹配。
那么接下來我們要解決四個問題。
第一，選擇字體，我這里中文選擇了一個日本的字庫-A-OTF リュウミン，英文選擇的是Garamond。
第二，英文和中文同字號的情況下，英文要略小，所以給英文增加字號。
第三，調(diào)整字距行距組距，確保統(tǒng)一關(guān)系。
第四，特別要注意的是，中英文選擇字庫時，觀察英文的粗細比例變化是否和中文保持了一致關(guān)系。
下面是我調(diào)整過后的效果。
然后分析文本，劃分一下層級關(guān)系，然后做字號的大小對比。
一般如果想要徹底拉開對比，字號應(yīng)為2-3倍關(guān)系。
上面的文本排列效果是有一定的構(gòu)圖規(guī)律，我個人喜歡用六欄網(wǎng)格，變化較多，排列時自由度也要更高一些。
字號對比這招非常好用，許多同學(xué)把握不了多字重的變化，經(jīng)常陷入文本排列混亂，那么這一招可以非常高效的完成層級的劃分。
最后一步，我們按照主體去加入主體元素，修改色彩，這個方案就完成了。
第二個方法，字體對比。
字體對比的難度相對更高一些，常規(guī)我們會更比較建議盡量少使用不同的字體，使用字體種類數(shù)量越少越好，這是因為不同的字體，能夠融洽的放在一般版面當(dāng)中而不讓人覺得突兀，需要對字體本身有一定的了解。
那么在這個案例當(dāng)中，我將會使用兩種中文字庫，兩種英文字庫。
首先我將標題做了一個簡單的處理。
我這里簡單說一下這種效果如何來處理，只是一個非常簡單的小技巧。
01.在ps中將字打出來。
02.選擇高斯模糊，注意不要太大。
03.選擇“閾值”，調(diào)整參數(shù)。
04.在ai當(dāng)中進行圖像描摹。
05.在ai中使用變形工具進行微調(diào)細節(jié)。
標題的英文我給它搭配的是無襯線體-Helvetica，因為楷體的粗細比例已經(jīng)傾向于一致，選擇無襯線體是非常適合的。
剩余的文字依次排列下來，處理好層級關(guān)系。
我們來看一下最終的文本排列效果。同樣使用六欄網(wǎng)格，處理好構(gòu)圖關(guān)系。
最后一步，添加畫面主題，修改顏色，這樣就完成了最后的海報效果。
我們看一下，這個方案在文本上要比第一個方案變化性更強，靈活性更高。
其實這個方法在純英文的排版中更加好用一些，因為英文字母造型簡單，可以有更靈活的變化性。我們來看一下國外的這類設(shè)計方案。
第三個方法，字重對比。
這估計是許多同學(xué)最愛用的一招了，粗細對比會給人非常直觀的視覺對比效果，從而達到畫面的視覺張力。
雖然客戶最喜歡的建議是“這個放大這個放小”，但是如果用字重控制也是一個不錯的方法。
這個案例我們將使用一個黑體搭配無襯線體。第一步，先將文字簡單排列出來，這一步，可以先不加粗某個部分。
可以先將粗細控制在同一粗細范圍內(nèi)，第二步再進行加粗某個需要強調(diào)的部分。
然后再次進行加粗，注意加粗的部分需要有一定的側(cè)重，比如這里的標紅部分，我都是選擇了重要的信息去進行加粗，這樣版面就會具有一定的準確性。
最后一步，添加色彩與畫面主體，完成。
原文：胡曉波工作室
作者： 王猛奇
什么是對比原則
「對比」強調(diào)事物之間的差異性，在設(shè)計時要避免頁面上的視覺元素太過相似，如果元素之間是為了有所不同，那么加大反差，確保對比明顯、頁面清晰是很有必要的。在生活中我們可以隨處發(fā)現(xiàn)對比的存在，對比形式也是多種多樣的：
人們習(xí)慣了生活中的對比，如果畫面沒有對比，會讓人覺得單調(diào)乏味。對比可以突出重點，使版面具有層次感，內(nèi)容要點展示更有條理，對比關(guān)系越清晰，視覺效果越強烈。有了對比，畫面才會生動活潑、主次分明。
對比的作用
1. 突出重點
恰當(dāng)?shù)膶Ρ瓤梢院芎玫闹圃斐鼋裹c（畫面主體），在版式編排中，有效利用視覺差異，通過構(gòu)成要素之間的對比，把讀者的注意力吸引到畫面的主體部分上來，提高版面的注目效果，是版式設(shè)計的重中之重。
利用鮮明的對比，可以形成強有力的反差效果，能第一時間讓讀者捕捉到主體和重點。此案例主要采用了色彩對比，主體人物和文字在版面中都異常顯眼，因為它相比周圍的視覺元素產(chǎn)生了很強的差異性。
2. 豐富畫面層次
對比是版面建立有組織的層次結(jié)構(gòu)最有效的方法。強烈的對比可以形成視覺落差，建立良好的信息層次，增強版面的節(jié)奏和明快感。
3. 打破呆板、活潑生動
通過對比的形式可以避免版面的單調(diào)與平淡，使版面更富趣味性，也使得版面更加鮮活、生動，產(chǎn)生良好的視覺體驗，激發(fā)讀者閱讀和觀看的興趣。
用方向、大小和色彩形成對比，使標題與正文的層級更清晰明了，同時加入肌理對比為主體打造立體感，讓版面更活潑，更抓人眼球。
文字編排對比
理論上元素的一切可改變特征都是可以形成對比，本期只舉例了部分常用的文字編排對比形式。
1. 大小對比
通過視覺元素體量之間的差異，來達到制造視覺沖突的效果。視覺元素體量大小上形成了層級的劃分，體量越大則層級越高，也就越突出。
在版面需要呈現(xiàn)的信息里一般會有標題、小標題、內(nèi)文之分，也會有重點信息和非重點信息。把重要的信息放大，次要信息縮小，就形成了大小對比。這樣做的好處是可以減少次要信息對重要信息的干擾，使之更容易被接收，大小對比還能使版面的層次更豐富。
2. 粗細對比
粗的字體比較沉重，細的字體比較輕盈，字體粗細變化形成了輕重對比。主體信息可以用較粗的字體，次要信息使用較細的字體，利用這種手法制造視覺流線，引導(dǎo)受眾閱讀信息。
上面的案例中，只使用了思源黑體一種字體，但是采用不同的字體大小和粗細對比，也可以很好的區(qū)分信息主次層級。
3. 字型對比
如果版面里的信息比較多，而只使用一種字體的話，也許會顯得單調(diào)，用字型進行對比，既能把不同的信息區(qū)別開來，也能豐富版面。
不同的字體有不同的氣質(zhì)，而字型的對比就是不同氣質(zhì)的碰撞。在進行字型對比的時候也要深層次考慮：字型的選擇是否和主體內(nèi)容相匹配，字體的風(fēng)格能形成多大反差等。
4. 色彩對比
運用色彩對比可以有效地突出重點、區(qū)分信息，還可以起到裝飾畫面的作用。
大面積的背景色與少量的主體色形成了很強烈的對比效果，能夠第一時間把讀者視覺引導(dǎo)到文字信息和主角上。
高明度、高飽和度的黃色主體文字和低明度、高冷的黑色背景形成強烈反差，使版面充滿活力，也有效突出了文字信息。
5. 方向?qū)Ρ?/p>
把版面中的文字信息分別朝不同的方向排列，可以有效增加版面的動感和空間感。
6. 疏密對比
將大段的文字密集排版，可以讓文字形成塊狀、視覺上更緊湊。剩下來的大面積可以用來展示畫面主題，通過這樣的疏密變化不但可以形成好的閱讀節(jié)奏，也能更強化主題。
7. 肌理對比
肌理是指物體表面的組織紋理結(jié)構(gòu)，不同的材質(zhì)具有不同的觸感和視覺體現(xiàn)。文字或背景添加肌理，運用粗糙與細膩、質(zhì)樸與華麗、厚重與輕薄等對比，可以增添畫面的豐富度和表現(xiàn)力。
主體「葉」書法字有著手寫的動感，本身就具有質(zhì)感，置入水墨的紋理進一步強調(diào)了效果?？梢院芎玫膮^(qū)分文字信息的主次關(guān)系，也增加了畫面的視覺美感和藝術(shù)表現(xiàn)力。
8. 動靜對比
在版式設(shè)計中常把有擴散感或具有流動性的圖形或文字的編排稱為「動」；而把水平或垂直性強、具有穩(wěn)定性的圖形或文字的編排稱為「靜」?！竸印故拐麄€版面充滿活力，獲得更高的注目度，而「靜」使版面具有穩(wěn)定的效果，將兩者相結(jié)合可以產(chǎn)生一定的空間層次感。
電影海報《影》恣意狂放的反白書法字作為背景具有強烈動感，和主角的靜形成鮮明的對比，陰陽與剛?cè)岵?，反映出濃濃的古典中式美學(xué)。
9. 空間對比
版式設(shè)計并不局限于一個平面上的層次，也可以讓元素有一些前后關(guān)系。文字與形象之間疊壓或前后錯落編排，使版面出現(xiàn)層次關(guān)系，讓版面更生動活潑。
虛實對比也可以營造出空間層次，使用虛化的背景來突出前景，不僅能突出重點信息，而且能夠較好營造氛圍感、場景感和立體感。
使用遠近對比體現(xiàn)空間關(guān)系，根據(jù)透視原理，近則大，遠則小，可以營造出近景、中景、遠景的畫面層次感。
案例演示一
為了讓大家加深對「對比原則」的理解，提取本期文章的主要內(nèi)容作為原始資料，運用「對比原則」進行設(shè)計示范。
運用「親密性原則」進行信息的分組和距離的調(diào)整；排版時要遵循「對齊原則」；運用「對比原則」進行信息層級主次的劃分，加入文字大小、粗細對比；運用「重復(fù)原則」把同一級別的文字設(shè)置為相同的文字樣式，增加條理性，加強統(tǒng)一性。
為了使對比更豐富，可以加入字型和色彩對比，加強層級關(guān)系，使重點內(nèi)容強調(diào)突出。
現(xiàn)在畫面文字信息已經(jīng)清晰而有序地排列好，但是缺少主體。把標題內(nèi)容「對比原則」作為主體元素的進行設(shè)計。
1. 打開AI軟件，畫出一個正方形；
2. 執(zhí)行「效果-3D-凸出和斜角」。勾選「預(yù)覽」，「位置」使用「等角-左方」，「凸出厚度」可以自己調(diào)整使正方形變?yōu)檎襟w。
6. 分別給四個字執(zhí)行「效果-3D-凸出和斜角」，把「位置」改為「等角-上方」，厚度改為 0：
7. 把文字填充色改為白色，描邊改為背景色綠色，按照參考線去擺放文字的位置，把「原則」兩字逆時針旋轉(zhuǎn) 90 度放置；
8. 選擇四個字，右鍵選擇「編組」，復(fù)制兩組新的文字，一組備用，一組放置到下方。
9. 選擇上方的文字組，右鍵「排列-置于頂層」；
在工具欄選擇「混合工具」，分別點擊兩個文字組，再雙擊「混合工具」調(diào)出「混合選項」，間距選擇「指定的步數(shù)」、「30」；
10. 把之前復(fù)制出來備用的文字組填充綠色，右鍵選擇「排列-置于頂層」，再移動到原文字組位置；
11. 英文按照同樣的方法設(shè)計好放在下方，主體就刻畫好了；
12. 按「Ctrl+Alt+2」鍵解鎖全部對象，刪除參考線。
把之前刻畫好的文字信息排列在畫面下方，嚴格按照對齊原則進行排列，主體圖形與文字信息形成了方向?qū)Ρ群图±韺Ρ龋曈X效果也更豐富。
觀察畫面整體效果，發(fā)現(xiàn)宋體字與版面中的風(fēng)格不統(tǒng)一，所以去掉字型對比，把所有文字統(tǒng)一修改為思源黑體；嘗試把色彩對比也取消，版面視覺效果更簡潔純粹。設(shè)計完成：
案例演示二
重新嘗試使用其它對比手法設(shè)計新方案。把「對比原則」四字放大并錯落地放置在版面中，形成位置上的對比。
把之前刻畫好的文字信息放置在畫面中，整體文字排版采取兩端對齊的形式，但在局部采用左對齊和右對齊形式，形成排版方向上的對比。
加入英文豐富畫面，排版方向改為縱向排列，這樣增加了方向?qū)Ρ?；給背景加入點狀肌理，形成肌理對比。
為使對比效果更豐富，把「對比原則」四字執(zhí)行「效果-模糊-徑向模糊」，形成動靜對比和空間對比，設(shè)計完成：
總結(jié)
- 對比可以突出重點，使版面具有層次感，內(nèi)容要點展示更有條理，有了對比，畫面才會生動活潑、主次分明；
- 理論上元素的一切可改變特征都是可以形成對比，本期只舉例了部分常用的文字編排對比形式；
- 通常一個作品中不會只使用一種對比，而是多種對比方式組合使用。對比關(guān)系越清晰，視覺效果越強烈。但要根據(jù)版面內(nèi)容選擇合適的對比手法，強調(diào)對比時，要注意畫面的和諧統(tǒng)一。
原文：藝海拾貝Design
