作為設(shè)計(jì)師，我們?cè)诠ぷ髦袝r(shí)常會(huì)遇到這樣的情況：作品缺少層次感、畫面主次不分明、版式單調(diào)、呆板、太過(guò)常規(guī)化……這也是設(shè)計(jì)工作中的痛點(diǎn)。

做設(shè)計(jì)的同學(xué)都知道這句話，叫做：無(wú)對(duì)比不設(shè)計(jì)。雖然很多人都知道對(duì)比在設(shè)計(jì)中的重要程度，但在工作中卻還是會(huì)出現(xiàn)前面所說(shuō)的那些問(wèn)題。所以本期的內(nèi)容就以對(duì)比作為切入點(diǎn)，解決上面所說(shuō)的問(wèn)題。

首先，什么是對(duì)比？

通俗一點(diǎn)來(lái)講，對(duì)比就是一個(gè)元素與另外其他元素相互比較的設(shè)計(jì)手法，通過(guò)營(yíng)造視覺元素之間的差異化，從而制造視覺沖突。

這里主要說(shuō)下在使用對(duì)比手法時(shí)的誤區(qū)：

1. 對(duì)比不夠明朗：這也是很多新手設(shè)計(jì)師會(huì)犯的失誤，明明使用了對(duì)比，但差異化的體現(xiàn)總是似有非有，不夠直觀。下面看個(gè)錯(cuò)誤的案例：

2. 對(duì)比缺少目的性：尤其是當(dāng)畫面元素多時(shí)，這也想強(qiáng)調(diào)那也想強(qiáng)調(diào)，結(jié)果導(dǎo)致畫面缺少主次關(guān)系、元素與元素之間相互搶。

對(duì)比的重點(diǎn)在于：你想要強(qiáng)調(diào)的元素是什么，就通過(guò)對(duì)比的手法讓他跟其他元素形成視覺上的明顯差異化。

你有沒有想過(guò)，在設(shè)計(jì)工作中，運(yùn)營(yíng)和老板常說(shuō)的：放大、標(biāo)紅、加粗具體指的是什么？

答案是：對(duì)比！

對(duì)比是不可或缺的重要設(shè)計(jì)手法之一，可以說(shuō)只要是設(shè)計(jì)師，就離不開對(duì)比。那么該有人問(wèn)了：對(duì)比在設(shè)計(jì)中的作用有哪些？

第一：對(duì)比是信息整理的好手段，他能讓用戶快速分別出哪些是主要信息，哪些是次要信息，提高閱讀效率。

第二：改變作品呆板、單調(diào)的視覺感受，提升畫面整體的跳躍率以及層次感。

第三：強(qiáng)烈的對(duì)比能提升視覺沖擊力，讓畫面更加生動(dòng)、有趣。

第四：對(duì)比手法還可以提升作品的出彩度，更吸引用戶眼球。

對(duì)比手法在設(shè)計(jì)中的具體表現(xiàn)形式有很多種，比如：大小、長(zhǎng)短、粗細(xì)、顏色、材質(zhì)、形態(tài)、留白、虛實(shí)、方向、透視、圖文、文字、表情、年齡等等。

雖然說(shuō)對(duì)比手法在設(shè)計(jì)中的表現(xiàn)形式多種多樣，但在作用及目的性上，很多也都是有共通性的，下面我們就以對(duì)比目的作為分類，逐一來(lái)說(shuō)。

說(shuō)到對(duì)比，最被人所熟知的作用就是突出主體，通俗點(diǎn)理解就是通過(guò)對(duì)比的手法讓用戶知道哪個(gè)是主角、哪些是配角。

不管是通過(guò)大小、長(zhǎng)短、粗細(xì)、形態(tài)、色彩、形態(tài)等等不同的表現(xiàn)手法，都要確保能形成明顯的視覺差異化，讓元素之間互為參照物，舉個(gè)簡(jiǎn)單的例子：

很顯然，紅色色塊更吸引人的眼球，也更容易引起注意，因?yàn)橹車谏珘K都很雷同，沒有明顯的視覺沖突，而相反，紅色色塊與其他元素不同，差異化很強(qiáng)烈，所以這就是通過(guò)色彩對(duì)比的表現(xiàn)形式突出了主體。

這里不得不提格式塔原理：人類會(huì)無(wú)意識(shí)之中，把相同形狀或形狀、形態(tài)相似的物品看做一個(gè)整體。對(duì)比就是利用了這個(gè)原理，制造視覺差異化，突出你想突出的視覺元素。 

下面看幾個(gè)類似的案例：

通過(guò)色彩對(duì)比，重點(diǎn)主體得到了凸顯，其他視覺元素保持了相對(duì)統(tǒng)一，這就是對(duì)比最基本的作用。同樣適用于其他表現(xiàn)形式：大小、促銷、長(zhǎng)短、虛實(shí)……

其實(shí)在設(shè)計(jì)中，只要恰當(dāng)?shù)氖褂脤?duì)比手法，對(duì)于作品整體的層次感提升就有幫助，比如最簡(jiǎn)單的大小對(duì)比：

如圖所示，在層級(jí)上已經(jīng)算是有大有小、有主有次了，可以說(shuō)是設(shè)計(jì)中最簡(jiǎn)單的層次感體現(xiàn)方式了。即使最簡(jiǎn)單的對(duì)比，也能體現(xiàn)出視覺上的層級(jí)關(guān)系，如果是為了提升設(shè)計(jì)作品整體的層次感，那么對(duì)比可以做的更豐富一些，比如：結(jié)合大小、虛實(shí)的對(duì)比形式，對(duì)于層次感的提升會(huì)很有幫助。

下面看兩個(gè)案例：

如圖所示，虛實(shí)對(duì)比的手法讓作品具備了一定空間上的前后遮擋關(guān)系，視覺層次上給人的感覺更加豐富、立體。

再比如我們經(jīng)常看到的產(chǎn)品場(chǎng)景圖，也很喜歡使用這種虛實(shí)對(duì)比的形式展示：

虛化的視覺元素是為了體現(xiàn)整體的層次，實(shí)物是主體，為了突出強(qiáng)調(diào)的，這樣就形成了虛實(shí)對(duì)比。

類似的案例還有：

這里需要說(shuō)一點(diǎn)：視覺層次感不單純指空間維度的變化，還可以通過(guò)提升整體視覺豐富度來(lái)體現(xiàn)，比如下面這個(gè)案例：

如上圖案例所示，單純的看左側(cè)黑白稿，僅僅通過(guò)大小、粗細(xì)對(duì)比就讓整體在視覺上很有層次感。再看右側(cè)案例，在左側(cè)基礎(chǔ)上結(jié)合色彩對(duì)比的形式，使得整體層次感受更加豐富，而這種層次感就是通過(guò)視覺豐富度進(jìn)行體現(xiàn)的。

強(qiáng)調(diào)：對(duì)比的形式不要拘泥于某一種，可以相互結(jié)合使用，這樣不管對(duì)于信息整理還是主次關(guān)系、層次感，都會(huì)起到很好的加強(qiáng)、輔助的作用。

有些時(shí)候，作品會(huì)給人感覺很平淡、枯燥，這讓很多設(shè)計(jì)師頭疼，而通過(guò)對(duì)比手法就可以改善以上問(wèn)題。

首先簡(jiǎn)單的理解下跳躍率：版面上“大塊的部分”與“小塊的部分”之間的比叫做“跳躍率”，通俗一點(diǎn)來(lái)說(shuō)：就是大塊與小塊之間的對(duì)比強(qiáng)度。

而對(duì)比強(qiáng)度的體現(xiàn)可以是一種或者多種。

下面看個(gè)案例：

如上圖所示，左側(cè)和右側(cè)案例從設(shè)計(jì)的角度來(lái)說(shuō)都很好，只是兩者給人的感覺有些不同，左側(cè)案例給人一種相對(duì)安靜、統(tǒng)一的視覺感受。而右側(cè)案例則通過(guò)明顯的色塊分割，形成了很強(qiáng)烈的視覺沖突，使得作品整體給人的感覺更加活躍、富有跳躍性，也更有層次感。類似的案例還有：

大多數(shù)情況下可以這么理解：在視覺元素不變的情況下，對(duì)比強(qiáng)度越強(qiáng)，作品的活躍度就越大，再舉個(gè)很簡(jiǎn)單的例子：

雖然文案都一樣，但兩者給人的視覺感受卻天差地別，很顯然右側(cè)作品視覺上更富有跳躍性，文字信息更有層次感。這一切都要?dú)w功于對(duì)比的手法，因?yàn)榧訌?qiáng)了對(duì)比，所以作品在視覺上給人的感受也更活躍。

當(dāng)你的作品總是給人很單調(diào)、呆板、平淡、缺少亮點(diǎn)時(shí)，不妨仔細(xì)審查一遍作品有沒有做好對(duì)比？

但也要強(qiáng)調(diào)：作品并不是越跳躍就越好，比如一些作品本身就是想營(yíng)造一種安靜、統(tǒng)一的感覺。而像兒童節(jié)海報(bào)，整體感覺活躍一些會(huì)更好。所以一定要結(jié)合最終目的進(jìn)行設(shè)計(jì)。

首先我們先來(lái)說(shuō)下：設(shè)計(jì)感對(duì)于作品來(lái)說(shuō)有用嗎？比如我們常說(shuō)的點(diǎn)綴性的元素、英文、線條等等，其元素本身在作品中并沒有太大的含義，只是起到輔助、點(diǎn)綴的作用。

所以你可能會(huì)聽到甲方或者老板問(wèn)你：為什么要加英文，誰(shuí)能看懂？

除了填充空白的作用，還有個(gè)目的就是提升作品的設(shè)計(jì)感。舉個(gè)現(xiàn)實(shí)中的例子：同時(shí)有兩女生站在男生面前，一位普普通通，另一位膚白貌美大長(zhǎng)腿，你會(huì)看誰(shuí)多一眼？

人向往美好事物是天性！延伸到設(shè)計(jì)中一樣如此。

但需要注意的是：不要一味的強(qiáng)調(diào)設(shè)計(jì)感而忽略了目的性，設(shè)計(jì)感也許可以讓你原本70分的作品向90分提升，但肯定不會(huì)將50分作品提升到70分，因?yàn)槟阕罨镜亩紱]做好，談設(shè)計(jì)感就是本末倒置了。

如何更直觀的理解呢？看下面這張示例：

同樣都是以設(shè)計(jì)二字為主體，下面兩個(gè)案例就屬于過(guò)分強(qiáng)調(diào)設(shè)計(jì)感而忽略了目的性，關(guān)鍵文字的識(shí)別性高于一切設(shè)計(jì)感。而上側(cè)兩個(gè)案例，相比而言，右側(cè)在兼顧文字識(shí)別性的前提下，給人的感覺更新穎、富有層次感和設(shè)計(jì)感。

所以當(dāng)標(biāo)題性關(guān)鍵文案經(jīng)特殊處理后，與常規(guī)文字就形成了對(duì)比，可以理解為對(duì)比手法中的形態(tài)對(duì)比，下面看個(gè)案例：

如圖所示，案例就用到了文字之間肌理和大小的對(duì)比形式，不僅豐富了主次文案的層次，還間接的提升了作品整體的設(shè)計(jì)感。

類似的案例還有：

綜上所述：尤其是形態(tài)、虛實(shí)、空間、圖文、角度、位置此類的對(duì)比形式，對(duì)作品設(shè)計(jì)感的提升有很大幫助。

多數(shù)情況下，形式感強(qiáng)的對(duì)比都會(huì)依附于常規(guī)對(duì)比形式之上，也就是說(shuō)先要做好基礎(chǔ)，再追求設(shè)計(jì)感。要切記：設(shè)計(jì)目的高于設(shè)計(jì)感！

說(shuō)到氛圍感大家并不陌生，比如：對(duì)抗、活潑、有趣、激烈等等，而常用的對(duì)比手法就有提升氛圍感的作用，比如：強(qiáng)烈的色彩對(duì)比，能體現(xiàn)出對(duì)抗、激烈、活潑的氛圍；空間位置對(duì)比能體現(xiàn)出有趣……

下面看幾個(gè)案例：

如圖所示，案例通過(guò)顏色對(duì)比的形式，即冷暖色對(duì)比，加強(qiáng)了作品整體的氛圍感和視覺沖擊力，也正因如此，使得作品給人的視覺感受更加立體。對(duì)比無(wú)處不在，往往一些很有意思的創(chuàng)意都來(lái)源于對(duì)比手法，只是呈現(xiàn)形式有所不同而已，比如：

貓與虎在形態(tài)上形成了強(qiáng)烈的對(duì)比，作品給人的感受有趣、新穎，這就是對(duì)比所帶來(lái)的氛圍感受。

類似的案例還有：

前面也說(shuō)了，對(duì)比在一定程度上也能體現(xiàn)出對(duì)抗、激烈的氛圍，除了被大家所熟知的冷暖色對(duì)比外，還有哪些？下面看幾個(gè)案例：

通過(guò)位置、表情、形態(tài)的對(duì)比，也可以體現(xiàn)出激烈、對(duì)抗的氛圍感受。

通過(guò)整篇文章你會(huì)發(fā)現(xiàn)，即使同樣的對(duì)比手法，有時(shí)候所帶給我們的視覺感受也各不相同，往往在強(qiáng)調(diào)某一作用時(shí)，無(wú)形之中也兼顧了另外其他的作用，比如：當(dāng)對(duì)比是強(qiáng)調(diào)突出主體時(shí)，也兼顧了整體層次感……

所以在工作中，我們無(wú)需刻意強(qiáng)調(diào)哪種對(duì)比形式對(duì)應(yīng)哪種作用，因?yàn)楹芏喽际腔ネǖ?，根?jù)自己的設(shè)計(jì)目的，做到靈活使用即可。

原文地址：美工美邦（公眾號(hào)）

作者：美工美邦