在日常的設(shè)計(jì)工作中,我們經(jīng)常會(huì)碰到:“因?yàn)樽髌分幸曈X元素過多,導(dǎo)致整體視覺主體不夠凸顯,使得畫面雜亂、缺少主次關(guān)系、甚至有些輕浮”。這種現(xiàn)象會(huì)極大的影響設(shè)計(jì)作品的視覺表達(dá)以及信息傳遞,使得用戶在閱讀作品時(shí)找不到所要表達(dá)的重點(diǎn),導(dǎo)致視覺最終沒有著落點(diǎn)以及畫面缺少層次感;視覺主體一般情況下可以是文案、產(chǎn)品、或者某一個(gè)畫面中的視覺元素等等,一旦我們明確畫面中的視覺主體,就要做到足夠明顯。那么凸顯視覺主體的常用設(shè)計(jì)手法有哪些?希望本期內(nèi)容能幫助到大家。
在日常設(shè)計(jì)工作中,我們需要結(jié)合整體視覺、品牌感、板式節(jié)奏感、產(chǎn)品屬性等等一系列的因素進(jìn)行創(chuàng)作,以至于很多時(shí)候會(huì)導(dǎo)致顧此失彼,兼顧整體而忽略局部等等;就會(huì)導(dǎo)致有些時(shí)候主體與背景顏色互相沖突但又要保持整體色調(diào)的情況出現(xiàn),但是隨之要面臨的問題就是很容易出現(xiàn)主體不夠明顯的現(xiàn)象;此時(shí)通過色塊進(jìn)行襯托是很好的處理形式之一,也就是之前說過的襯塊理論。合理的使用色塊就能起到很好的凸顯主體的作用,下面舉個(gè)兩個(gè)比較具有代表性的例子:
(案例一)
通過改前和改后對(duì)比我們不難發(fā)現(xiàn),很明顯改后的海報(bào)主體更加明顯,而且能形成很好的視覺焦點(diǎn),下面我們分析一下:
修改前:整體色調(diào)偏重,而產(chǎn)品也屬于重色調(diào)的一種,這就導(dǎo)致產(chǎn)品與背景色在視覺上有所沖突,也可以理解為產(chǎn)品與背景相融,這時(shí)產(chǎn)品主體在整個(gè)視覺上來看就沒有形成絕對(duì)的視覺焦點(diǎn),導(dǎo)致整體畫面缺少視覺著落點(diǎn),雖然是重色調(diào)的海報(bào),但給人的視覺感受比較輕浮。
修改后:這里只是在產(chǎn)品與文案處添加了一個(gè)白底的矩形色塊,目的是將原本產(chǎn)品與背景相沖突的現(xiàn)象進(jìn)行打破,因?yàn)楹?bào)整體偏重色調(diào),所以選擇使用與之對(duì)比強(qiáng)烈的白色矩形進(jìn)行襯托主體元素;雖然海報(bào)整體用到了很多點(diǎn)狀、線狀的元素進(jìn)行裝飾,但是因?yàn)榘椎咨珘K的使用,使得整體的視覺著落點(diǎn)更加明顯;盡管裝飾性的元素也會(huì)稍微分散用戶的一些視覺注意力,但是當(dāng)用戶信息捕捉完畢之后,最終還是會(huì)把注意力放在色塊范圍內(nèi),所以整體看起來并不會(huì)給人一種比較散亂、輕浮、缺少視覺焦點(diǎn)的感受。
下面我們?cè)倏匆唤M偏輕視覺的案例:
(案例二)
還是通過改前與改后進(jìn)行對(duì)比著看更加直觀,下面簡(jiǎn)單分析一下:
修改前:雖然畫面中能看到產(chǎn)品和文案,但是畫面中產(chǎn)品與文案所占整體視覺比重都很小,導(dǎo)致畫面整體比較輕浮、沒有形成強(qiáng)烈的視覺焦點(diǎn),由于背景色與產(chǎn)品存在著一定的視覺沖突,導(dǎo)致畫面主體不夠明顯;所以當(dāng)用戶瀏覽完結(jié)束之后會(huì)導(dǎo)致注意力一直在畫面中游離,沒有視覺著落點(diǎn)。
修改后:很明顯修改前作品不夠優(yōu)秀的原因是畫面缺少視覺著落點(diǎn)以及主體不夠明顯,那么我們就通過添加與整體色調(diào)對(duì)比強(qiáng)烈的重色塊進(jìn)行營(yíng)造視覺焦點(diǎn)、突出主體;這樣做的好處一方面讓用戶視覺有最終的著落點(diǎn);另一方面,也是我們常說的:不管一個(gè)畫面中的元素多或少,都要確保至少有一個(gè)視覺點(diǎn)是足夠吸引用戶眼球的,這樣才能體現(xiàn)出視覺以及信息的主次關(guān)系、層次感。
當(dāng)使用色塊的目的是為了打破主體與背景的視覺沖突或營(yíng)造視覺焦點(diǎn)時(shí):在保證符合整體視覺的前提下,要盡量做到讓色塊與主體、背景形成強(qiáng)烈的視覺反差。
突出所要重點(diǎn)表現(xiàn)的視覺元素,最常用的手法之一就是運(yùn)用對(duì)比,對(duì)比也是設(shè)計(jì)中很常用的手法,所謂視覺元素的強(qiáng)與弱都是需要通過對(duì)比的形式進(jìn)行體現(xiàn);對(duì)比的表現(xiàn)形式有很多,比如:粗細(xì)、大小、顏色、材質(zhì)、虛實(shí)等等,通過對(duì)比的形式也能起到很好的凸顯主體的作用,那么如何體現(xiàn)在設(shè)計(jì)作品中呢?下面我們舉個(gè)例子:
其實(shí)這兩種表現(xiàn)形式在設(shè)計(jì)上都是可取的,只不過所帶來的視覺感受有所不同:上側(cè)產(chǎn)品與背景顏色上相近,這種表現(xiàn)形式給人的視覺感受更加平緩、舒服;而下側(cè)產(chǎn)品與背景是對(duì)比色的搭配形式,在視覺上沖擊力更強(qiáng),主體的形象更加鮮明、突出;所以當(dāng)我們畫面元素較多時(shí),且又要將主體特別凸顯時(shí),我們不妨可以試試在顏色上進(jìn)行對(duì)比處理,通過營(yíng)造色彩上的視覺差異化突出主體,下面繼續(xù)結(jié)合案例來看:
同樣兩組表現(xiàn)形式都在可取的范圍之內(nèi),只不過相比較而言,上側(cè)的視覺沖擊力更加緩和、主體與背景結(jié)合度更高;而下側(cè)主體更加明顯,占有了絕對(duì)的視覺焦點(diǎn),通過配色形式改變也間接的突出了主體。
沒有一成不變的配色形式,只需要根據(jù)自己的需求進(jìn)行靈活的轉(zhuǎn)變,比如:想凸顯主體物,那么就可以選擇與主體色反差較大的背景色進(jìn)行搭配;而如果想讓整體視覺更加緩和、舒服,就可以選擇與主體色反差較小的背景色進(jìn)行搭配;設(shè)計(jì)的目的不一樣,側(cè)重點(diǎn)也就會(huì)有所改變。
對(duì)比的手法不僅僅體現(xiàn)在顏色上,還有虛實(shí)、大小、粗細(xì)等等,如果我們的目的是為了凸顯主體,那么我們就可以弱化一些視覺元素與主體形成對(duì)比反差,這也是很常用的一種通過對(duì)比凸顯主體的手法,比如我們平時(shí)拍照時(shí)常用的虛實(shí)結(jié)合的形式:
通過弱化周圍視覺元素,在視覺上形成了虛實(shí)對(duì)比的表現(xiàn)形式,也起到了很好的突出了主體的作用;通過對(duì)比手法凸顯主體,關(guān)鍵點(diǎn)就在于要讓主體成為畫面中的特殊視覺點(diǎn),也就是營(yíng)造視覺反差感。
合理的使用肌理也能起到一定的凸顯主體的作用,而使用肌理相較與前兩者處理手法而言表現(xiàn)形式更加柔和,能做到最大程度上的不破壞原作品的整體感,也可以把使用肌理突出主體的手法間接的理解為“使用色塊和對(duì)比手法”兩者的弱化表現(xiàn)形式,下面舉個(gè)例子:
通過案例對(duì)比我們發(fā)現(xiàn),肌理的使用相對(duì)使用色塊和對(duì)比手法而言,視覺效果更加緩和,并不是像前面兩種手法那樣有絕對(duì)的從弱到強(qiáng)的改變能力;這種手法一般多用在主體相對(duì)清晰但又不夠特別突出的時(shí)候,主要起到在原有的視覺基礎(chǔ)上進(jìn)一步加強(qiáng)鞏固的作用,可以理解為“錦上添花”。但是不排除與產(chǎn)品或者背景對(duì)比強(qiáng)烈的肌理,也能起到很明顯突出主體的作用,再工作中靈活運(yùn)用即可。
最后說下留白,合理的留白也能起到很好的凸顯主體的作用,留白能一定程度上減少其他視覺元素對(duì)主體的干擾,間接的提升主體在整個(gè)畫面中的主導(dǎo)地位,從而起到突出主體的作用,比如我們常說的“無印良品”的海報(bào):
在設(shè)計(jì)中有“少即是多”的說法,也是側(cè)面強(qiáng)調(diào)留白的作用。之前我也寫過留白的文章,如果大家想回顧的話,可以翻閱《“留白”是為了省事嗎?》這篇文章。
文章中提到的一些關(guān)于突出主體的設(shè)計(jì)手法并不是一成不變,比如:色塊的顏色選擇、肌理的清晰度、對(duì)比手法的對(duì)比強(qiáng)度、留白程度等等,要根據(jù)實(shí)際工作情況靈活使用;當(dāng)然,突出主體的手法并不能只局限于這些,比如:給主體添加光影、倒影、光效、還可以添加一些視覺效果等等。這里只是提供一些可以參考的思路,要學(xué)會(huì)舉一反三;最后切記:畫面中有強(qiáng)就要有弱,強(qiáng)弱應(yīng)該是并存的。試想一下,如果我們的平均身高是3米,誰還會(huì)說姚明是巨人?