「把這個(gè)logo放大!再放大!」「把這個(gè)活動內(nèi)容給我改成亮眼的顏色,我要一眼就能看到的那種!」
「把這個(gè)logo放大!再放大!」「把這個(gè)活動內(nèi)容給我改成亮眼的顏色,我要一眼就能看到的那種!」聽到這些話大家是不是覺得很熟悉呢?大家在收到甲方改稿意見,抱怨的同時(shí)有沒有想過一個(gè)問題,為什么他們總想要放大呢?是因?yàn)樗麄兿胍獋鬟f的信息不夠醒目,也就是說,對于他們來說,畫面里沒有一個(gè)能抓住人眼球的焦點(diǎn),或者是焦點(diǎn)不夠突出,這種問題該怎么解決呢?下面就帶大家來了解視覺焦點(diǎn)。
一張白紙,上面沒有任何痕跡,我們視線沒有著力點(diǎn),會胡亂地游走。
我們用筆勾勒一條線出來,那現(xiàn)在我們的視線就集中在這條線上了,這條線就是我們的視覺焦點(diǎn)。
夜晚的建筑,沒有任何光亮,暗黑一片。
但是當(dāng)其中一戶亮起燈,就會抓住我們的注意力,讓整棟樓有了視覺焦點(diǎn)。
這個(gè)案例,如果只是單純的黑白灰色調(diào),視覺上美觀統(tǒng)一,但是這里的橙汁產(chǎn)品難以突出,視線焦點(diǎn)不夠明顯。
但是我們改變產(chǎn)品的顏色,就可以讓畫面富有變化性,同時(shí)強(qiáng)化了視覺焦點(diǎn)。
兩個(gè)放一起對比下,左邊是美觀統(tǒng)一的畫面,右邊是富有變化的畫面,我們不能評價(jià)誰好誰差,這要看實(shí)際應(yīng)用時(shí)項(xiàng)目屬性和場景環(huán)境而決定。
美觀統(tǒng)一的版面和有視覺焦點(diǎn)的版面相比較,有哪些優(yōu)缺點(diǎn)呢?
美觀統(tǒng)一的版面,優(yōu)點(diǎn)是穩(wěn)定、統(tǒng)一,畫面中的元素和諧相處,誰也不會過于搶眼;缺點(diǎn)是缺少變化,會顯得單調(diào)無趣,容易讓人審美疲勞。有視覺焦點(diǎn)的版面,優(yōu)點(diǎn)就是富有變化性,活化版面氛圍,吸引人的目光;缺點(diǎn),就是不夠穩(wěn)定。它倆是相對的,所以就看實(shí)際應(yīng)用的項(xiàng)目屬性和環(huán)境,來選擇什么類型的版面。
為什么有的畫面需要有視覺焦點(diǎn)呢?
這是因?yàn)槿说囊曈蚴怯邢薜?,只有觀看的聚焦位置會清晰,而周圍的畫面會相應(yīng)地虛化。
就像下面這個(gè)海報(bào),我們盯著視覺焦點(diǎn)看(畫面中的眼睛),就發(fā)現(xiàn),周圍變得模糊了。
什么是焦點(diǎn)
焦點(diǎn),比喻事情的關(guān)鍵所在。──《百度百科》
在設(shè)計(jì)中,那個(gè)最不一樣的存在就是焦點(diǎn)。
焦點(diǎn)的分類
焦點(diǎn)總共可以分為三類:突出型焦點(diǎn)、引導(dǎo)型焦點(diǎn)、視角焦點(diǎn)。
1. 突出型焦點(diǎn)
我們先來了解最常用的焦點(diǎn)類型,突出型焦點(diǎn),也是對比型焦點(diǎn),這類焦點(diǎn)就是靠對比產(chǎn)生。
當(dāng)畫面元素都一樣的時(shí)候,我們的視線沒有焦點(diǎn)。
色彩對比
改變其中一個(gè)顏色,讓它和周圍元素形成反差,就可以創(chuàng)造焦點(diǎn)。
大小對比
縮小或放大元素讓它形成焦點(diǎn)
位置對比
距離可以產(chǎn)生美,也可以突出焦點(diǎn)。
形狀對比
改變元素形狀也是突出焦點(diǎn)的方式。
肌理對比
附加肌理材質(zhì)也可以突出焦點(diǎn)。
疏密對比
疏密對比可以突出焦點(diǎn)。
虛實(shí)對比
用虛實(shí)對比可以突出焦點(diǎn)。
角度對比
利用角度的對比可以突出焦點(diǎn)。
方向?qū)Ρ?/p>
利用方向的對比可以突出焦點(diǎn)。
色彩對比,大小對比、形狀對比、肌理對比,角度對比、疏密對比,位置對比、虛實(shí)對比,方向?qū)Ρ取?/p>
大家都說沒有對比就沒有傷害,在設(shè)計(jì)中沒有對比就沒有焦點(diǎn),用對比的手法突出焦點(diǎn),是最簡單也最常用的。這其中,放大,是突出焦點(diǎn)最直接的一個(gè)手段。以上方法不僅可以單獨(dú)使用,也可以疊加使用強(qiáng)化焦點(diǎn)。比如,放大的同時(shí)添加一個(gè)肌理材質(zhì),或者改變顏色的同時(shí)轉(zhuǎn)換一個(gè)角度等等,相信大家都能很輕松理解這些理論知識。
當(dāng)畫面元素大小差不多時(shí),放大其中一個(gè)元素能讓它成為焦點(diǎn),當(dāng)然,大小對比的同時(shí),加上顏色對比,會更加強(qiáng)化焦點(diǎn)。
用一個(gè)案例來簡單地說明一下,根據(jù)文案和圖片做一個(gè)畢加索畫展的海報(bào)。
首先,把圖片放大,相信大家的視覺焦點(diǎn)是圖中紅圈的位置。
這里我們用色塊與文字疊壓的形式設(shè)計(jì),當(dāng)然最大的色塊就是焦點(diǎn)所在,這部分要放重要的內(nèi)容,也就是畢加索的名字。
其他文字按照層級關(guān)系放到色塊中,當(dāng)然,這里如果你想突出一位天才的誕生這句話,也可以放大它,同時(shí)縮小畢加索的英文名字,這就要看你想突出哪個(gè)文字了。
為了有一些呼應(yīng),在背景中加入漢字底紋,這樣就完成了,這個(gè)畫面我們可以視為兩個(gè)焦點(diǎn),一個(gè)是圖像的焦點(diǎn),一個(gè)是畢加索英文名的焦點(diǎn),它倆在一畫面中是不矛盾的。
除了放大主題突出焦點(diǎn)外,我們還能利用大面積留白突出焦點(diǎn)。還記得之前我們在留白那篇文章提到過,留白也是面積,所以當(dāng)畫面中文字信息較少時(shí),通過大面積留白與文字形成鮮明的對比,也能突出和強(qiáng)化焦點(diǎn),我們來看一些例子:
攝影師為了突顯畫面的意境,會選擇周圍大面積留白,而突出主體形象,傳遞雅致安靜的氣質(zhì)。
廣闊無垠的雪地,加入一個(gè)很小的人物,即使他在這世界是如此渺小,但他依然是不一樣的存在。
一張很漂亮的空中圖片,我們?nèi)羰翘砑颖容^大的文字信息,雖然它成為了視覺焦點(diǎn),但是很破壞畫面的意境。若我們將文字組縮小,這樣同樣會突出焦點(diǎn),并且更符合畫面?zhèn)鬟f的氣質(zhì)。
2. 引導(dǎo)型焦點(diǎn)
引導(dǎo)型就是通過在畫面中添加明確的設(shè)計(jì)路徑或是通過帶有指向性的設(shè)計(jì)元素,來指引出視覺焦點(diǎn)所在,甚至可以強(qiáng)化焦點(diǎn),這種方法相對來說也是比較簡單的。
第一種,就是添加一個(gè)明確的路徑來指引出焦點(diǎn),這個(gè)焦點(diǎn)可以是路徑最終點(diǎn)的元素,也可以是路徑連接的所有元素。
這張海報(bào),路徑呈一個(gè) S 型,把各個(gè)手的圖片連接起來,在這個(gè)路徑上的手,我們可以視為一個(gè)整體,也就是視覺焦點(diǎn)。
這個(gè)案例,手上的絲帶垂落下來到女人頭部,這個(gè)絲帶我們可以視為路徑,它最終的指引是女人的頭部,也就是視覺焦點(diǎn)。
我們知道漸變色,是顏色之間的過渡,這種過渡也是帶有指向性的,就像舞臺的聚光燈一樣,會突出主角的位置。
舞臺的聚光燈打到人物身上,我們的視線被牢牢鎖住。
除了顏色的漸變,圖形的漸變同樣可以指引出焦點(diǎn),由大到小的圖形會給人很強(qiáng)的縱深感和凝聚感。
比如飛鏢盤,圓形加向心的線條,會把我們目光集聚在中心的位置。
帶有透視感的跑道,目光會順著地上標(biāo)志線的指引而找到焦點(diǎn)。
向下旋轉(zhuǎn)的樓梯,同樣會指引出焦點(diǎn)所在。
電影海報(bào)中,就常用這種帶有指向性的設(shè)計(jì)形式來突出焦點(diǎn)。
在海報(bào)設(shè)計(jì)中也是同樣適用,添加帶有指向性的線條來突出和強(qiáng)化焦點(diǎn)所在。
就拿這個(gè)案例來說,我們把線條去掉,主體依然是突出的,因?yàn)楸旧硭妥銐虼?,而我們添加這種向中心匯聚的線條,會強(qiáng)化焦點(diǎn),并且會給人一種熱烈,急劇的心理感受,從而也就加強(qiáng)了信息的傳遞。
利用汽車圖形的重復(fù)構(gòu)成,我們來設(shè)計(jì)一個(gè)指引型焦點(diǎn)案例。
放到版面中,放大其中一個(gè)汽車元素,添加文字信息,最后給跑出來的汽車加一個(gè)指引路徑,強(qiáng)化焦點(diǎn)。
3. 視角焦點(diǎn)
視角焦點(diǎn)是通過主體所呈現(xiàn)的特殊視角而吸引人的目光,從而找到視覺焦點(diǎn)。通常來說,特殊視角指的是比較大的仰視或俯視,或者第一人稱使用的視角,這個(gè)類型視角給人較強(qiáng)的視覺沖擊力,會讓人的視線不自覺的集中在圖像上,深深牽引你的目光,讓你很難移開視線。當(dāng)然,特殊視角的實(shí)現(xiàn)還得需要攝影師的配合才可以,我們來看一些照片。
這些照片都屬于特殊視角,會讓人產(chǎn)生比較強(qiáng)的心理感受。
這三個(gè)海報(bào)中的人物,也都屬于特殊視角,也是視覺焦點(diǎn)所在。
就拿這個(gè)設(shè)計(jì)來說,第一眼聚焦的位置被安排的明明白白的。
根據(jù)文案內(nèi)容,設(shè)計(jì)一款海報(bào)。
先把主題文字放到畫面里,然后在它對角線的位置要有一個(gè)同等重量的文字,來平衡版面。
這里我們選擇標(biāo)題的英文翻譯和時(shí)間的組合。
左邊空白區(qū)域,我們就加入其它文字信息,然后現(xiàn)在我想在這個(gè)紅色區(qū)域加入一個(gè)特殊視角的人物作為視覺焦點(diǎn)。
我選擇了這張符合主題感覺的照片,但是圖像主角是一個(gè)外國人,契合度還是不夠,所以我們來給它改成線描的感覺。
把圖片放到 AI 里,然后在圖片上用畫筆進(jìn)行描摹,不需要很細(xì)致,保留手繪的笨拙感會更好。
這樣就設(shè)計(jì)完成了。
再來做一個(gè)特殊視角的案例。
放入主題文字,剛才我們是在對角線位置放入相應(yīng)重量的文字,這次我們可以換個(gè)形式,上下結(jié)構(gòu),比較重要的文字信息,英文翻譯和策展人,我們給放到上方。
為了平衡上面的版式重量,下面文字可以設(shè)計(jì)成通欄形式。
同樣我們手繪一個(gè)特殊視角的人物(也是避免侵權(quán)的好辦法),來作為畫面的視覺焦點(diǎn),這個(gè)設(shè)計(jì)就完成了。
焦點(diǎn)所在的位置
焦點(diǎn)所在的位置有什么依據(jù)呢?
1. 利用黃金比
在自然界中存在很多黃金比,這是渾然天成的比例關(guān)系,以至于人們在看到事物時(shí),視線會不由自主的被它所創(chuàng)造的空間關(guān)系和外貌形態(tài)所吸引。
并且黃金比例原理也廣泛出現(xiàn)在繪畫和建筑領(lǐng)域。
將線條按照這樣的比例分割,較短的部分與較長的部分比為 1 : 1.618,而較長的部分與整體比,也是 1 : 1.618,按照這種比例關(guān)系我們就畫出無數(shù)個(gè)黃金比矩形。
簡單來說,就是黃金矩形減掉正方形可以無限生成等比的黃金矩形,以這些等比減小的正方形的邊長為半徑畫出四分之一圓,連接起來可以構(gòu)成一條完美的螺旋線,就是我們所說的黃金螺旋線。
也可以在這里的任何的比例當(dāng)中,放入元素,成為焦點(diǎn)。
比如之前我們做的這個(gè)案例,在這里主標(biāo)題人物的名字,我是放在一個(gè)黃金比的位置上的,而上方的文字我同樣也放在一個(gè)黃金比的位置上,所以說可以依據(jù)比例位置擺放焦點(diǎn),但是,不是說所有放在這個(gè)位置的都能成為焦點(diǎn),這句話希望大家能記住。
2. 利用三等分法
利用三等分法放置焦點(diǎn)。
三分法是一種在攝影、繪畫、設(shè)計(jì)等藝術(shù)領(lǐng)域中經(jīng)常使用的構(gòu)圖手段,有時(shí)也稱作井字構(gòu)圖法。三分法構(gòu)圖是指把畫面橫縱向各分三份,然后將需要表現(xiàn)的重點(diǎn)放置在四個(gè)交叉點(diǎn)中的一個(gè)即可。
下面這張照片主體也就是視覺焦點(diǎn),在兩條線的交叉處。
這張照片的帽子也是一樣,在兩條線的交叉處:
這個(gè)畫面的視覺焦點(diǎn),占據(jù)了兩個(gè)交叉點(diǎn):
四個(gè)字母在四個(gè)交叉處:
主體呈現(xiàn)對?線的形式,正好也占據(jù)了兩個(gè)交叉點(diǎn):
黃金比例和三等分法,是焦點(diǎn)擺放位置應(yīng)用較多的比例依據(jù),其他還有 1 : 1.414,1 : 1.732,1 : 1.333等比例關(guān)系,這些就不給大家一一舉例了,希望大家在套用這些比例關(guān)系時(shí)要符合設(shè)計(jì)邏輯,不要生搬硬套。
好了,這節(jié)課到這里就結(jié)束了。我們梳理一下這節(jié)課所講的內(nèi)容,美觀統(tǒng)一的版面和有視覺焦點(diǎn)的版面之間有什么區(qū)別,還有焦點(diǎn)的類型,突出型焦點(diǎn),也是對比型,屬于最常用的類型。而放大主體是使用最多的突出焦點(diǎn)的方式,當(dāng)然如果畫面元素都放大的話,就等于沒有焦點(diǎn)了。然后還有指引型焦點(diǎn),還有一個(gè)特殊視角焦點(diǎn)。那焦點(diǎn)擺放的位置有什么依據(jù)呢?我們講了兩個(gè)比例,一個(gè)是黃金比,一個(gè)是三等分法,比例可以作為放置焦點(diǎn)的依據(jù),但不是放在比例位置的都是焦點(diǎn)。相信大家通過這次學(xué)習(xí)已經(jīng)能掌握視覺焦點(diǎn)的一些基本理論以及實(shí)踐應(yīng)用了。
0
喜歡他,就推薦他上首頁吧^_^
0371-86068866
4008887269
cndesign@163.com
CND設(shè)計(jì)網(wǎng)(CNDESIGN)會員所發(fā)布展示的 “原創(chuàng)作品/文章” 版權(quán)歸原作者所有,任何商業(yè)用途均需聯(lián)系作者。如未經(jīng)授權(quán)用作他處,作者將保留追究侵權(quán)者法律責(zé)任的權(quán)利。
Copyright ©2006-2019 CND設(shè)計(jì)網(wǎng)