20個(gè)對比設計技巧，讓你的設計作品脫穎而出

對比度是一個(gè)重要的設計原則，應該成為每個(gè)項目的一部分。對比度有助于組織你的設計并建立層次結構，這只是簡(jiǎn)單地顯示你設計的哪些部分最重要（并指示觀(guān)眾關(guān)注那些部分）。但是，除了強調設計的重點(diǎn)外，良好的對比度使用增加了視覺(jué)趣味。一切都相同的大小，形狀或顏色的布局看起來(lái)很無(wú)聊。

然而，與大多數設計概念一樣，對比應該以平衡的方式應用; 太多的對比度可能與完全沒(méi)有對比一樣糟糕，并且可能導致令人困惑或視覺(jué)上不和諧的設計。如果你所有的設計元素形成對比，那么一切都不會(huì )突出。

那么，以一種能夠增強項目的方式設計對比的秘訣是什么？不幸的是，沒(méi)有神奇的公式。當你建立自己的設計技巧時(shí)，這個(gè)過(guò)程通常會(huì )在潛意識中開(kāi)始發(fā)生，這聽(tīng)起來(lái)像是設計師對自己的一些神秘技巧。但實(shí)際上，對比度是一種設計工具，任何人都可以使用它來(lái)組織和增加他們的設計項目的視覺(jué)興趣，接下來(lái)我們就來(lái)了解下如何為你的設計添加對比度？

01.深淺色的對比

色值只是一個(gè)術(shù)語(yǔ)，指的是顏色的亮度或暗度，純黑色和純白色是最終的對比值。但你肯定不必堅持使用黑白調色板來(lái)創(chuàng )建高對比度設計。較淺和較暗的顏色是增加對比度并使設計的某些部分更加清晰可見(jiàn)的最簡(jiǎn)單方法之一。

舉個(gè)簡(jiǎn)單的例子，想象一下淺色背景上的暗文本，反之亦然，就像這個(gè)設計一樣。雖然在照片上可能難以閱讀到文本，但這里的值對比（亮紫色和藍色的深色調排版）使其凸顯了出來(lái)。

02.色調的對比

色調是藝術(shù)家對特定顏色的術(shù)語(yǔ)，傳統上是色輪上的12種顏色之一。這種色彩理論也可以在圖形和網(wǎng)頁(yè)設計派上用場(chǎng)。我們可以從色彩輪中拉出一些經(jīng)典的調色板，這是畫(huà)家們已經(jīng)使用了幾個(gè)世紀，以創(chuàng )造出高對比度的成分。

互補：色輪上的對立面，如紅色綠色或藍色橙色; 互補色具有高對比度和高強度。

此徽章使用簡(jiǎn)單，互補的配色方案，將設計的各個(gè)部分分成幾部分，既有視覺(jué)上的醒目又實(shí)用。

分散互補：色輪上的任何顏色加上其兩側的兩個(gè)顏色; 這種色系仍然具有強烈的視覺(jué)對比度，但不如互補色組合那么戲劇化。

三色系：在色輪上均勻分布的任何三種顏色。

請記住，你不必以最純凈，最明亮的形式使用這些色調（如上面的色輪圖中所示，有時(shí)會(huì )發(fā)生沖突）。使你的顏色更亮，更暗或更柔和可能對于現實(shí)生活中的設計環(huán)境更實(shí)用，但仍然可以為你的設計帶來(lái)一些不錯的對比。

03.色溫的對比

所有顏色可以根據色溫分成幾個(gè)類(lèi)型：暖色、冷色和中性色。紅、橘、黃屬于暖色；藍、綠為冷色；黑、白、灰為中性色（根據它們的使用方式，米色和棕色也屬于這一類(lèi)別）。在設計中混合色溫，特別是冷色和暖色，可以產(chǎn)生戲劇性的對比。

例如，此網(wǎng)頁(yè)布局具有鮮明的藍色和黃色色調的對比色溫。這有助于號召性用語(yǔ)按鈕和主要圖像突出顯示。另外，因為兩種顏色都傾向于較冷的方向（帶有綠色調），即使它具有非常高的對比度，該組合也具有銜接性。

04.顏色強度的對比

顏色的強度也稱(chēng)為飽和度。最純凈，最明亮的顏色是100％飽和的; 越接近灰色就越不飽和。使用明亮或柔和的顏色可以是在設計中創(chuàng )建高對比度或低對比度的地方的戰略方法。鮮艷的色彩總是引起人們的注意，尤其是黑色。謹慎使用它們以突出顯示設計的重要部分。

下面的網(wǎng)頁(yè)設計就是這樣，在柔和的森林綠色上放置飽和的橙色紅色字樣。這其中不僅僅使用了醒目的互補色，還加入不同級別的飽和度來(lái)增強對比效果。

05.形狀的對比：有機與幾何

大多數形狀可以分為幾何形狀（矩形，三角形，圓形等）或有機形狀（流體，自然靈感）。幾何形狀的角度均勻性可以很好地與有機形狀的彎曲、不對稱(chēng)形成鮮明對比。

下面商標設計采用有機的，幾乎抽象的形狀，以補充和增強文字排版產(chǎn)生。

06.形狀的對比：邊緣和角

在設計中巧妙地使用形狀的另一種方法是在設計元素的邊緣和角落，無(wú)論是排版，框或按鈕，還是其他功能。更圓潤的形狀通常具有更柔軟，休閑或友好的外觀(guān)，而更清晰的形狀看起來(lái)更有序和清晰。下面的設計以其字體排版的方式進(jìn)行。

07.紋理的對比

像形狀一樣，具有不同特性的質(zhì)感也可以用來(lái)創(chuàng )造對比，比如粗糙和光滑、堅硬和柔軟、立體和平面等。任何質(zhì)感都是具有視覺(jué)性的（除非運用了特殊的印刷效果或其他物理手段），只要你把在網(wǎng)上找到的各種素材與不同的設計主題相結合，就能創(chuàng )造出許多對比效果。

在下圖案例中，磨砂質(zhì)感為整潔的logo加入了一點(diǎn)復古的感覺(jué)。紋理或破壞處理是使設計添加一些質(zhì)樸或復古品質(zhì)的好方法。

08.層次和尺寸的對比

對比不僅可以增加視覺(jué)趣味，也可以幫助我們展現相關(guān)聯(lián)的設計要素的優(yōu)先級。如果設計要素的尺寸相同，就無(wú)法表現出他們的層級關(guān)系。不管是怎樣的讀者，我們都需要將重要的東西優(yōu)先傳達給他們。有效的利用比例，在實(shí)踐中不僅非常重要，在添加動(dòng)態(tài)布局設計中，也是非常簡(jiǎn)單的一種技術(shù)。

這本雜志的封面有一張巨大的照片，以強調這個(gè)問(wèn)題的主題，但它并沒(méi)有壓倒其他設計元素。事實(shí)上，排版的大小，形狀和顏色增強了攝影焦點(diǎn)。

09.視覺(jué)重量的對比

就像層次對比一樣，視覺(jué)重量也是強調設計元素重要性的另一辦法。視覺(jué)重量指的是讓某一元素突出于其他元素的設計手法，換句話(huà)說(shuō)就是高對比。設計中具有最多視覺(jué)重量的元素（通常為設計的主要焦點(diǎn)）不一定要是頁(yè)面上最大的元素，你可以運用色彩、質(zhì)感、形狀等特性來(lái)區分或突出某個(gè)元素。

舉個(gè)例子，看看這一系列的明信片，以宣傳辛辛那提市的文化場(chǎng)所。建筑插圖肯定是每張卡片上最大的元素，但“享受更多”標語(yǔ)吸引了你的眼球，因為它是頁(yè)面上最暗的元素。

10.間距和空白的對比

雖然用盡可能多的信息填充設計可能很誘人，但白色（又稱(chēng)空白或負片）空間在分離和組織設計元素以實(shí)現平衡布局方面起著(zhù)重要作用。使用繁忙或復雜的布局時(shí)，周?chē)闹匾匾约耙恍╊~外的空白區域（不一定是白色）會(huì )引起對這些位置的注意，并幫助它們與設計的其余部分進(jìn)行更有效的對比。

此網(wǎng)頁(yè)模型有效地結合使用空白區域和細分割線(xiàn)來(lái)組織信息。頁(yè)面左側和右側的兩列都被大量的空間所包圍; 產(chǎn)品照片更是如此，使其成為關(guān)注的焦點(diǎn)并吸引買(mǎi)家。

11.比例分割的對比

從某種程度上說(shuō)，每一項設計都需要達到一種平衡。如何讓你的設計和諧而不無(wú)聊，活潑卻不浮躁？在兩者之間找到一個(gè)平衡點(diǎn)的好辦法就是比例的分割。通過(guò)學(xué)習藝術(shù)家作品中經(jīng)典的比例分割是掌握這種技巧的好辦法。

三分法：想象一下將布局劃分為三維，縱向和橫向。將焦點(diǎn)放在這些虛線(xiàn)相交的四個(gè)點(diǎn)之一上。將所有元素不假思索地堆在頁(yè)面中央造就的只能是十分乏味的設計。

在以下網(wǎng)站設計的第一個(gè)標題圖像中，玫瑰和標題都大致居中于三分規則網(wǎng)格的上兩個(gè)交叉點(diǎn)的位置，從而形成平衡，引人入勝的構圖。三個(gè)一組（另一種常見(jiàn)的組合技術(shù)）也出現在整個(gè)頁(yè)面中。

對角線(xiàn)：對角線(xiàn)或S形布局可以為你的設計帶來(lái)一些動(dòng)作，有助于引導觀(guān)眾的眼睛穿過(guò)頁(yè)面。與僅使用水平和垂直方向的傳統基于網(wǎng)格的設計相比，它通常更具視覺(jué)趣味性。

12.與意外事物形成的對比

之前提到的比例分割法發(fā)揮效用的一部分原因在于它是出人意料的，它達到的不是整齊劃一的典型效果。驚喜的元素使用是創(chuàng )造對比的好方法，比如在一個(gè)平淡的設計中加入明亮的顏色就能打破整齊劃一的感覺(jué)，從而吸引觀(guān)眾的興趣。

在這個(gè)登錄頁(yè)面中文本與圖像的互動(dòng)方式與眾不同，為原本簡(jiǎn)單直接的設計加入了一點(diǎn)活力。

13.重復和圖案的對比

戰略性地應用重復的設計元素或圖案可以像比例分割法一樣創(chuàng )建焦點(diǎn)或視覺(jué)興趣?；蛘咧貜鸵曈X(jué)主題可以幫助它在設計中產(chǎn)生更大的影響。

這個(gè)平面設計師的名片設計使用一種模式來(lái)平衡和構建排版，這是焦點(diǎn)。該圖案設計也巧妙地為該品牌結合了一些個(gè)性化元素。

14.位置和方向的對比

每個(gè)設計都需要某種組織結構：文本以某種方式對齊，元素分配到布局中的某些位置，間距設置。雖然一致性是有序設計的關(guān)鍵，但以有目的，有限的方式混合可以增加一些有趣的對比。

下面的徽標使用傾斜的方向來(lái)幫助其關(guān)鍵的排版突出顯示圍繞它的筆直，有序的文本。通過(guò)配對腳本和無(wú)襯線(xiàn)字體樣式實(shí)現了額外的對比。

15.間距的對比

有目的地組織元素可以向觀(guān)眾展現各個(gè)元素之間的關(guān)系，也可以為設計分出內容層次，使其更容易理解。此外，還可以通過(guò)數量來(lái)形成對比，比如在幾組元素之間加入一個(gè)單獨元素或在幾個(gè)單獨元素中加入一組元素，就會(huì )使這個(gè)或這組元素成為焦點(diǎn)。

好的結構對于簡(jiǎn)歷之類(lèi)以文本為主的設計來(lái)說(shuō)尤為關(guān)鍵，適當的間距、排列和顏色使用都能夠使其變得層次分明、一目了然。

16.視覺(jué)提示的對比

研究表明，人們記住他們所看到的80％，這也是設計成為如此強大工具的原因之一。但注意力的跨度可能很短，有時(shí)觀(guān)眾需要在正確的方向上稍微輕推一下才能知道設計中的重點(diǎn)。這就是視覺(jué)線(xiàn)索可以派上用場(chǎng)的地方。你可以用箭頭指出一個(gè)帶有箭頭的設計元素，或者用圓形或其他形狀圍繞它來(lái)突出顯示它?；蛘咴谖谋緣K中，可能以下劃線(xiàn)，項目符號或圖標的形式顯示正在討論的概念（如下所示）。

17.復雜和簡(jiǎn)單元素的對比

設計可以混合簡(jiǎn)單和復雜的樣式或單獨的功能，以提高對比度。這是使用對立面相互增強的另一個(gè)例子。這個(gè)想法用于以下一組貼紙中的良好效果，其吉印通麗的花卉圖案和干凈簡(jiǎn)單的文字排版，兩種強烈對比的元素創(chuàng )造出戲劇化的效果。

18.字體組合的對比

首先就是選擇不同的字體。如果你在設計中選擇一種以上的字體，那么就要確保這幾種字體能夠形成有效對比，所謂有效就是這些字體首先能夠通過(guò)視覺(jué)相互區別，而且它們之間的各種差異能具備不同的功能。比如一種字體可能用作標題，另一種字體作為文本。但切記不要選擇類(lèi)似的字體，因為這會(huì )給人一種印刷錯誤的印象。

根據經(jīng)驗，最好選擇一種襯線(xiàn)字體和一種非襯線(xiàn)字體來(lái)設置對比，因為通常來(lái)說(shuō)，互補的兩種元素會(huì )產(chǎn)生很好的對比效果。

下面的印刷標識將無(wú)襯線(xiàn)字體與平板襯線(xiàn)字體配對，實(shí)現完美平衡的設計。

19.文字對比的注意事項

當你選擇使用不同字體的時(shí)候，肯定是為了創(chuàng )造對比效果而不是沖突。除非你刻意追求一種個(gè)性風(fēng)格，否則大多數沖突看起來(lái)效果都不好。然而并沒(méi)有固定的標準來(lái)評判對比效果的好壞，這往往取決于人的直覺(jué)，你要相信自己的判斷，借鑒一些出色的字體搭配，然后堅持練習，直到你把這項技能變成一種習慣。

下面的信息圖表有幾種不同的字體，有趣，不拘一格的外觀(guān)（適合其幽默的風(fēng)格），與此同時(shí)，沒(méi)有任何過(guò)于花哨的元素來(lái)引起沖突，所有的元素都相互合作，服務(wù)于設計目的。

20.字體風(fēng)格和重量的對比

許多字體都有各種版本，如淺色，粗體，斜體，濃縮，擴展或小型版本。這使你的工作變得更容易，即使你在設計中僅使用一種字體，這些替代方案可以組織你的文本并在不同的印刷功能之間創(chuàng )建對比。嘗試添加點(diǎn)大小或顏色的變化以獲得額外的對比度。

這種設計使用相同無(wú)襯線(xiàn)字體的輕型和重型兩種重量來(lái)創(chuàng )造一種亮面的效果。襯線(xiàn)字體也使得外觀(guān)具有額外的對比度。

現在你已經(jīng)有了一些經(jīng)過(guò)驗證的方法來(lái)為你的設計添加對比度，藝術(shù)留學(xué)的小伙伴們，是時(shí)候讓它們?yōu)槟愕淖髌芳谱魈泶u加瓦了。

-END-