作為設(shè)計(jì)師，我們在工作中時(shí)常會遇到這樣的情況：作品缺少層次感、畫面主次不分明、版式單調(diào)、呆板、太過常規(guī)化……這也是設(shè)計(jì)工作中的痛點(diǎn)。
做設(shè)計(jì)的同學(xué)都知道這句話，叫做：無對比不設(shè)計(jì)。雖然很多人都知道對比在設(shè)計(jì)中的重要程度，但在工作中卻還是會出現(xiàn)前面所說的那些問題。所以本期的內(nèi)容就以對比作為切入點(diǎn)，解決上面所說的問題。
首先，什么是對比？
通俗一點(diǎn)來講，對比就是一個元素與另外其他元素相互比較的設(shè)計(jì)手法，通過營造視覺元素之間的差異化，從而制造視覺沖突。
這里主要說下在使用對比手法時(shí)的誤區(qū)：
1. 對比不夠明朗：這也是很多新手設(shè)計(jì)師會犯的失誤，明明使用了對比，但差異化的體現(xiàn)總是似有非有，不夠直觀。下面看個錯誤的案例：
2. 對比缺少目的性：尤其是當(dāng)畫面元素多時(shí)，這也想強(qiáng)調(diào)那也想強(qiáng)調(diào)，結(jié)果導(dǎo)致畫面缺少主次關(guān)系、元素與元素之間相互搶。
對比的重點(diǎn)在于：你想要強(qiáng)調(diào)的元素是什么，就通過對比的手法讓他跟其他元素形成視覺上的明顯差異化。
你有沒有想過，在設(shè)計(jì)工作中，運(yùn)營和老板常說的：放大、標(biāo)紅、加粗具體指的是什么？
答案是：對比！
對比是不可或缺的重要設(shè)計(jì)手法之一，可以說只要是設(shè)計(jì)師，就離不開對比。那么該有人問了：對比在設(shè)計(jì)中的作用有哪些？
第一：對比是信息整理的好手段，他能讓用戶快速分別出哪些是主要信息，哪些是次要信息，提高閱讀效率。
第二：改變作品呆板、單調(diào)的視覺感受，提升畫面整體的跳躍率以及層次感。
第三：強(qiáng)烈的對比能提升視覺沖擊力，讓畫面更加生動、有趣。
第四：對比手法還可以提升作品的出彩度，更吸引用戶眼球。
對比手法在設(shè)計(jì)中的具體表現(xiàn)形式有很多種，比如：大小、長短、粗細(xì)、顏色、材質(zhì)、形態(tài)、留白、虛實(shí)、方向、透視、圖文、文字、表情、年齡等等。
雖然說對比手法在設(shè)計(jì)中的表現(xiàn)形式多種多樣，但在作用及目的性上，很多也都是有共通性的，下面我們就以對比目的作為分類，逐一來說。
說到對比，最被人所熟知的作用就是突出主體，通俗點(diǎn)理解就是通過對比的手法讓用戶知道哪個是主角、哪些是配角。
不管是通過大小、長短、粗細(xì)、形態(tài)、色彩、形態(tài)等等不同的表現(xiàn)手法，都要確保能形成明顯的視覺差異化，讓元素之間互為參照物，舉個簡單的例子：
很顯然，紅色色塊更吸引人的眼球，也更容易引起注意，因?yàn)橹車谏珘K都很雷同，沒有明顯的視覺沖突，而相反，紅色色塊與其他元素不同，差異化很強(qiáng)烈，所以這就是通過色彩對比的表現(xiàn)形式突出了主體。
這里不得不提格式塔原理：人類會無意識之中，把相同形狀或形狀、形態(tài)相似的物品看做一個整體。對比就是利用了這個原理，制造視覺差異化，突出你想突出的視覺元素。
下面看幾個類似的案例：
通過色彩對比，重點(diǎn)主體得到了凸顯，其他視覺元素保持了相對統(tǒng)一，這就是對比最基本的作用。同樣適用于其他表現(xiàn)形式：大小、促銷、長短、虛實(shí)……
其實(shí)在設(shè)計(jì)中，只要恰當(dāng)?shù)氖褂脤Ρ仁址ǎ瑢τ谧髌氛w的層次感提升就有幫助，比如最簡單的大小對比：
如圖所示，在層級上已經(jīng)算是有大有小、有主有次了，可以說是設(shè)計(jì)中最簡單的層次感體現(xiàn)方式了。即使最簡單的對比，也能體現(xiàn)出視覺上的層級關(guān)系，如果是為了提升設(shè)計(jì)作品整體的層次感，那么對比可以做的更豐富一些，比如：結(jié)合大小、虛實(shí)的對比形式，對于層次感的提升會很有幫助。
下面看兩個案例：
如圖所示，虛實(shí)對比的手法讓作品具備了一定空間上的前后遮擋關(guān)系，視覺層次上給人的感覺更加豐富、立體。
再比如我們經(jīng)常看到的產(chǎn)品場景圖，也很喜歡使用這種虛實(shí)對比的形式展示：
虛化的視覺元素是為了體現(xiàn)整體的層次，實(shí)物是主體，為了突出強(qiáng)調(diào)的，這樣就形成了虛實(shí)對比。
類似的案例還有：
這里需要說一點(diǎn)：視覺層次感不單純指空間維度的變化，還可以通過提升整體視覺豐富度來體現(xiàn)，比如下面這個案例：
如上圖案例所示，單純的看左側(cè)黑白稿，僅僅通過大小、粗細(xì)對比就讓整體在視覺上很有層次感。再看右側(cè)案例，在左側(cè)基礎(chǔ)上結(jié)合色彩對比的形式，使得整體層次感受更加豐富，而這種層次感就是通過視覺豐富度進(jìn)行體現(xiàn)的。
強(qiáng)調(diào)：對比的形式不要拘泥于某一種，可以相互結(jié)合使用，這樣不管對于信息整理還是主次關(guān)系、層次感，都會起到很好的加強(qiáng)、輔助的作用。
有些時(shí)候，作品會給人感覺很平淡、枯燥，這讓很多設(shè)計(jì)師頭疼，而通過對比手法就可以改善以上問題。
首先簡單的理解下跳躍率：版面上“大塊的部分”與“小塊的部分”之間的比叫做“跳躍率”，通俗一點(diǎn)來說：就是大塊與小塊之間的對比強(qiáng)度。
而對比強(qiáng)度的體現(xiàn)可以是一種或者多種。
下面看個案例：
如上圖所示，左側(cè)和右側(cè)案例從設(shè)計(jì)的角度來說都很好，只是兩者給人的感覺有些不同，左側(cè)案例給人一種相對安靜、統(tǒng)一的視覺感受。而右側(cè)案例則通過明顯的色塊分割，形成了很強(qiáng)烈的視覺沖突，使得作品整體給人的感覺更加活躍、富有跳躍性，也更有層次感。類似的案例還有：
大多數(shù)情況下可以這么理解：在視覺元素不變的情況下，對比強(qiáng)度越強(qiáng)，作品的活躍度就越大，再舉個很簡單的例子：
雖然文案都一樣，但兩者給人的視覺感受卻天差地別，很顯然右側(cè)作品視覺上更富有跳躍性，文字信息更有層次感。這一切都要?dú)w功于對比的手法，因?yàn)榧訌?qiáng)了對比，所以作品在視覺上給人的感受也更活躍。
當(dāng)你的作品總是給人很單調(diào)、呆板、平淡、缺少亮點(diǎn)時(shí)，不妨仔細(xì)審查一遍作品有沒有做好對比？
但也要強(qiáng)調(diào)：作品并不是越跳躍就越好，比如一些作品本身就是想營造一種安靜、統(tǒng)一的感覺。而像兒童節(jié)海報(bào)，整體感覺活躍一些會更好。所以一定要結(jié)合最終目的進(jìn)行設(shè)計(jì)。
首先我們先來說下：設(shè)計(jì)感對于作品來說有用嗎？比如我們常說的點(diǎn)綴性的元素、英文、線條等等，其元素本身在作品中并沒有太大的含義，只是起到輔助、點(diǎn)綴的作用。
所以你可能會聽到甲方或者老板問你：為什么要加英文，誰能看懂？
除了填充空白的作用，還有個目的就是提升作品的設(shè)計(jì)感。舉個現(xiàn)實(shí)中的例子：同時(shí)有兩女生站在男生面前，一位普普通通，另一位膚白貌美大長腿，你會看誰多一眼？
人向往美好事物是天性！延伸到設(shè)計(jì)中一樣如此。
但需要注意的是：不要一味的強(qiáng)調(diào)設(shè)計(jì)感而忽略了目的性，設(shè)計(jì)感也許可以讓你原本70分的作品向90分提升，但肯定不會將50分作品提升到70分，因?yàn)槟阕罨镜亩紱]做好，談設(shè)計(jì)感就是本末倒置了。
如何更直觀的理解呢？看下面這張示例：
同樣都是以設(shè)計(jì)二字為主體，下面兩個案例就屬于過分強(qiáng)調(diào)設(shè)計(jì)感而忽略了目的性，關(guān)鍵文字的識別性高于一切設(shè)計(jì)感。而上側(cè)兩個案例，相比而言，右側(cè)在兼顧文字識別性的前提下，給人的感覺更新穎、富有層次感和設(shè)計(jì)感。
所以當(dāng)標(biāo)題性關(guān)鍵文案經(jīng)特殊處理后，與常規(guī)文字就形成了對比，可以理解為對比手法中的形態(tài)對比，下面看個案例：
如圖所示，案例就用到了文字之間肌理和大小的對比形式，不僅豐富了主次文案的層次，還間接的提升了作品整體的設(shè)計(jì)感。
類似的案例還有：
綜上所述：尤其是形態(tài)、虛實(shí)、空間、圖文、角度、位置此類的對比形式，對作品設(shè)計(jì)感的提升有很大幫助。
多數(shù)情況下，形式感強(qiáng)的對比都會依附于常規(guī)對比形式之上，也就是說先要做好基礎(chǔ)，再追求設(shè)計(jì)感。要切記：設(shè)計(jì)目的高于設(shè)計(jì)感！
說到氛圍感大家并不陌生，比如：對抗、活潑、有趣、激烈等等，而常用的對比手法就有提升氛圍感的作用，比如：強(qiáng)烈的色彩對比，能體現(xiàn)出對抗、激烈、活潑的氛圍；空間位置對比能體現(xiàn)出有趣……
下面看幾個案例：
如圖所示，案例通過顏色對比的形式，即冷暖色對比，加強(qiáng)了作品整體的氛圍感和視覺沖擊力，也正因如此，使得作品給人的視覺感受更加立體。對比無處不在，往往一些很有意思的創(chuàng)意都來源于對比手法，只是呈現(xiàn)形式有所不同而已，比如：
貓與虎在形態(tài)上形成了強(qiáng)烈的對比，作品給人的感受有趣、新穎，這就是對比所帶來的氛圍感受。
類似的案例還有：
前面也說了，對比在一定程度上也能體現(xiàn)出對抗、激烈的氛圍，除了被大家所熟知的冷暖色對比外，還有哪些？下面看幾個案例：
通過位置、表情、形態(tài)的對比，也可以體現(xiàn)出激烈、對抗的氛圍感受。
通過整篇文章你會發(fā)現(xiàn)，即使同樣的對比手法，有時(shí)候所帶給我們的視覺感受也各不相同，往往在強(qiáng)調(diào)某一作用時(shí)，無形之中也兼顧了另外其他的作用，比如：當(dāng)對比是強(qiáng)調(diào)突出主體時(shí)，也兼顧了整體層次感……
所以在工作中，我們無需刻意強(qiáng)調(diào)哪種對比形式對應(yīng)哪種作用，因?yàn)楹芏喽际腔ネǖ模鶕?jù)自己的設(shè)計(jì)目的，做到靈活使用即可。
原文地址：美工美邦（公眾號）
作者：美工美邦
