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

高手是如何運用對比設(shè)計手法?

 

作為設(shè)計師,我們在工作中時常會遇到這樣的情況:作品缺少層次感、畫面主次不分明、版式單調(diào)、呆板、太過常規(guī)化……這也是設(shè)計工作中的痛點。

 

高手是如何運用對比設(shè)計手法?

 

首先,什么是對比?

通俗一點來講,對比就是一個元素與另外其他元素相互比較的設(shè)計手法,通過營造視覺元素之間的差異化,從而制造視覺沖突。

高手是如何運用對比設(shè)計手法?

這里主要說下在使用對比手法時的誤區(qū):

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

高手是如何運用對比設(shè)計手法?

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

對比的重點在于:你想要強調(diào)的元素是什么,就通過對比的手法讓他跟其他元素形成視覺上的明顯差異化。

 

高手是如何運用對比設(shè)計手法?

 

你有沒有想過,在設(shè)計工作中,運營和老板常說的:放大、標(biāo)紅、加粗具體指的是什么?

答案是:對比!

對比是不可或缺的重要設(shè)計手法之一,可以說只要是設(shè)計師,就離不開對比。那么該有人問了:對比在設(shè)計中的作用有哪些?

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

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

第三:強烈的對比能提升視覺沖擊力,讓畫面更加生動、有趣。

第四:對比手法還可以提升作品的出彩度,更吸引用戶眼球。

 

高手是如何運用對比設(shè)計手法?

 

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

高手是如何運用對比設(shè)計手法?

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

 

高手是如何運用對比設(shè)計手法?

 

說到對比,最被人所熟知的作用就是突出主體,通俗點理解就是通過對比的手法讓用戶知道哪個是主角、哪些是配角。

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

高手是如何運用對比設(shè)計手法?

很顯然,紅色色塊更吸引人的眼球,也更容易引起注意,因為周圍黑色色塊都很雷同,沒有明顯的視覺沖突,而相反,紅色色塊與其他元素不同,差異化很強烈,所以這就是通過色彩對比的表現(xiàn)形式突出了主體。

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

下面看幾個類似的案例:

高手是如何運用對比設(shè)計手法?

高手是如何運用對比設(shè)計手法?

高手是如何運用對比設(shè)計手法?

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

 

高手是如何運用對比設(shè)計手法?

 

其實在設(shè)計中,只要恰當(dāng)?shù)氖褂脤Ρ仁址ǎ瑢τ谧髌氛w的層次感提升就有幫助,比如最簡單的大小對比:

高手是如何運用對比設(shè)計手法?

如圖所示,在層級上已經(jīng)算是有大有小、有主有次了,可以說是設(shè)計中最簡單的層次感體現(xiàn)方式了。

即使最簡單的對比,也能體現(xiàn)出視覺上的層級關(guān)系,如果是為了提升設(shè)計作品整體的層次感,那么對比可以做的更豐富一些,比如:結(jié)合大小、虛實的對比形式,對于層次感的提升會很有幫助。

高手是如何運用對比設(shè)計手法?

下面看兩個案例:

高手是如何運用對比設(shè)計手法?

高手是如何運用對比設(shè)計手法?

高手是如何運用對比設(shè)計手法?

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

再比如我們經(jīng)??吹降漠a(chǎn)品場景圖,也很喜歡使用這種虛實對比的形式展示:

高手是如何運用對比設(shè)計手法?

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

類似的案例還有:

高手是如何運用對比設(shè)計手法?

這里需要說一點:視覺層次感不單純指空間維度的變化,還可以通過提升整體視覺豐富度來體現(xiàn),比如下面這個案例:

高手是如何運用對比設(shè)計手法?

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

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

高手是如何運用對比設(shè)計手法?

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

首先簡單的理解下跳躍率:版面上“大塊的部分”與“小塊的部分”之間的比叫做“跳躍率”,通俗一點來說:就是大塊與小塊之間的對比強度。

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

下面看個案例:

高手是如何運用對比設(shè)計手法?

如上圖所示,左側(cè)和右側(cè)案例從設(shè)計的角度來說都很好,只是兩者給人的感覺有些不同,左側(cè)案例給人一種相對安靜、統(tǒng)一的視覺感受。

而右側(cè)案例則通過明顯的色塊分割,形成了很強烈的視覺沖突,使得作品整體給人的感覺更加活躍、富有跳躍性,也更有層次感。

類似的案例還有:

高手是如何運用對比設(shè)計手法?

大多數(shù)情況下可以這么理解:在視覺元素不變的情況下,對比強度越強,作品的活躍度就越大,再舉個很簡單的例子:

高手是如何運用對比設(shè)計手法?

雖然文案都一樣,但兩者給人的視覺感受卻天差地別,很顯然右側(cè)作品視覺上更富有跳躍性,文字信息更有層次感。這一切都要歸功于對比的手法,因為加強了對比,所以作品在視覺上給人的感受也更活躍。

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

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

 

高手是如何運用對比設(shè)計手法?

 

首先我們先來說下:設(shè)計感對于作品來說有用嗎?比如我們常說的點綴性的元素、英文、線條等等,其元素本身在作品中并沒有太大的含義,只是起到輔助、點綴的作用。

所以你可能會聽到甲方或者老板問你:為什么要加英文,誰能看懂?

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

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

但需要注意的是:不要一味的強調(diào)設(shè)計感而忽略了目的性,設(shè)計感也許可以讓你原本70分的作品向90分提升,但肯定不會將50分作品提升到70分,因為你最基本的都沒做好,談設(shè)計感就是本末倒置了。

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

高手是如何運用對比設(shè)計手法?

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

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

高手是如何運用對比設(shè)計手法?

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

類似的案例還有:

高手是如何運用對比設(shè)計手法?

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

多數(shù)情況下,形式感強的對比都會依附于常規(guī)對比形式之上,也就是說先要做好基礎(chǔ),再追求設(shè)計感。要切記:設(shè)計目的高于設(shè)計感!

 

高手是如何運用對比設(shè)計手法?

 

說到氛圍感大家并不陌生,比如:對抗、活潑、有趣、激烈等等,而常用的對比手法就有提升氛圍感的作用,比如:強烈的色彩對比,能體現(xiàn)出對抗、激烈、活潑的氛圍;空間位置對比能體現(xiàn)出有趣……

下面看幾個案例:

高手是如何運用對比設(shè)計手法?

高手是如何運用對比設(shè)計手法?

高手是如何運用對比設(shè)計手法?

如圖所示,案例通過顏色對比的形式,即冷暖色對比,加強了作品整體的氛圍感和視覺沖擊力,也正因如此,使得作品給人的視覺感受更加立體。

對比無處不在,往往一些很有意思的創(chuàng)意都來源于對比手法,只是呈現(xiàn)形式有所不同而已,比如:

高手是如何運用對比設(shè)計手法?

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

類似的案例還有:

高手是如何運用對比設(shè)計手法?

前面也說了,對比在一定程度上也能體現(xiàn)出對抗、激烈的氛圍,除了被大家所熟知的冷暖色對比外,還有哪些?

下面看幾個案例:

高手是如何運用對比設(shè)計手法?

高手是如何運用對比設(shè)計手法?

高手是如何運用對比設(shè)計手法?

高手是如何運用對比設(shè)計手法?

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

 

高手是如何運用對比設(shè)計手法?

 

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

所以在工作中,我們無需刻意強調(diào)哪種對比形式對應(yīng)哪種作用,因為很多都是互通的,根據(jù)自己的設(shè)計目的,做到靈活使用即可。

 

作者 | 張家彬
來源 | 美工美邦 (ID:laozhang-sj)

標(biāo)簽:對比設(shè)計手法

相關(guān)文章

隨機推薦