甲方說(shuō):放大!再放大!我該怎么辦?

作者:研習(xí)設(shè)K先生
2019-05-13
14833

「把這個(gè)logo放大!再放大!」「把這個(gè)活動(dòng)內(nèi)容給我改成亮眼的顏色,我要一眼就能看到的那種!」

「把這個(gè)logo放大!再放大!」「把這個(gè)活動(dòng)內(nèi)容給我改成亮眼的顏色,我要一眼就能看到的那種!」聽(tīng)到這些話大家是不是覺(jué)得很熟悉呢?大家在收到甲方改稿意見(jiàn),抱怨的同時(shí)有沒(méi)有想過(guò)一個(gè)問(wèn)題,為什么他們總想要放大呢?是因?yàn)樗麄兿胍獋鬟f的信息不夠醒目,也就是說(shuō),對(duì)于他們來(lái)說(shuō),畫面里沒(méi)有一個(gè)能抓住人眼球的焦點(diǎn),或者是焦點(diǎn)不夠突出,這種問(wèn)題該怎么解決呢?下面就帶大家來(lái)了解視覺(jué)焦點(diǎn)。

1.gif

一張白紙,上面沒(méi)有任何痕跡,我們視線沒(méi)有著力點(diǎn),會(huì)胡亂地游走。

2.jpeg

我們用筆勾勒一條線出來(lái),那現(xiàn)在我們的視線就集中在這條線上了,這條線就是我們的視覺(jué)焦點(diǎn)。

3.jpeg

夜晚的建筑,沒(méi)有任何光亮,暗黑一片。

4.jpeg

但是當(dāng)其中一戶亮起燈,就會(huì)抓住我們的注意力,讓整棟樓有了視覺(jué)焦點(diǎn)。

5.jpeg

這個(gè)案例,如果只是單純的黑白灰色調(diào),視覺(jué)上美觀統(tǒng)一,但是這里的橙汁產(chǎn)品難以突出,視線焦點(diǎn)不夠明顯。

6.jpeg

但是我們改變產(chǎn)品的顏色,就可以讓畫面富有變化性,同時(shí)強(qiáng)化了視覺(jué)焦點(diǎn)。

7.jpeg

兩個(gè)放一起對(duì)比下,左邊是美觀統(tǒng)一的畫面,右邊是富有變化的畫面,我們不能評(píng)價(jià)誰(shuí)好誰(shuí)差,這要看實(shí)際應(yīng)用時(shí)項(xiàng)目屬性和場(chǎng)景環(huán)境而決定。

美觀統(tǒng)一的版面和有視覺(jué)焦點(diǎn)的版面相比較,有哪些優(yōu)缺點(diǎn)呢?

8.jpeg

美觀統(tǒng)一的版面,優(yōu)點(diǎn)是穩(wěn)定、統(tǒng)一,畫面中的元素和諧相處,誰(shuí)也不會(huì)過(guò)于搶眼;缺點(diǎn)是缺少變化,會(huì)顯得單調(diào)無(wú)趣,容易讓人審美疲勞。有視覺(jué)焦點(diǎn)的版面,優(yōu)點(diǎn)就是富有變化性,活化版面氛圍,吸引人的目光;缺點(diǎn),就是不夠穩(wěn)定。它倆是相對(duì)的,所以就看實(shí)際應(yīng)用的項(xiàng)目屬性和環(huán)境,來(lái)選擇什么類型的版面。

為什么有的畫面需要有視覺(jué)焦點(diǎn)呢?

這是因?yàn)槿说囊曈蚴怯邢薜?,只有觀看的聚焦位置會(huì)清晰,而周圍的畫面會(huì)相應(yīng)地虛化。

9.jpeg

就像下面這個(gè)海報(bào),我們盯著視覺(jué)焦點(diǎn)看(畫面中的眼睛),就發(fā)現(xiàn),周圍變得模糊了。

10.jpeg

什么是焦點(diǎn)

焦點(diǎn),比喻事情的關(guān)鍵所在。──《百度百科》

在設(shè)計(jì)中,那個(gè)最不一樣的存在就是焦點(diǎn)。

11.jpeg

焦點(diǎn)的分類

焦點(diǎn)總共可以分為三類:突出型焦點(diǎn)、引導(dǎo)型焦點(diǎn)、視角焦點(diǎn)。

1. 突出型焦點(diǎn)

我們先來(lái)了解最常用的焦點(diǎn)類型,突出型焦點(diǎn),也是對(duì)比型焦點(diǎn),這類焦點(diǎn)就是靠對(duì)比產(chǎn)生。

12.png

當(dāng)畫面元素都一樣的時(shí)候,我們的視線沒(méi)有焦點(diǎn)。

色彩對(duì)比

13.jpeg

改變其中一個(gè)顏色,讓它和周圍元素形成反差,就可以創(chuàng)造焦點(diǎn)。

14.jpeg

大小對(duì)比

15.jpeg

縮小或放大元素讓它形成焦點(diǎn)

16.jpeg

位置對(duì)比

17.jpeg

距離可以產(chǎn)生美,也可以突出焦點(diǎn)。

18.jpeg

形狀對(duì)比

19.jpeg

改變?cè)匦螤钜彩峭怀鼋裹c(diǎn)的方式。

20.jpeg

肌理對(duì)比

21.jpeg

附加肌理材質(zhì)也可以突出焦點(diǎn)。

22.jpeg

疏密對(duì)比

23.jpeg

疏密對(duì)比可以突出焦點(diǎn)。

24.jpeg

虛實(shí)對(duì)比

25.jpeg

用虛實(shí)對(duì)比可以突出焦點(diǎn)。

26.jpeg

角度對(duì)比

27.jpeg

利用角度的對(duì)比可以突出焦點(diǎn)。

28.jpeg

方向?qū)Ρ?/p>

29.jpeg

利用方向的對(duì)比可以突出焦點(diǎn)。

30.jpeg

色彩對(duì)比,大小對(duì)比、形狀對(duì)比、肌理對(duì)比,角度對(duì)比、疏密對(duì)比,位置對(duì)比、虛實(shí)對(duì)比,方向?qū)Ρ取?/p>

31.jpeg

大家都說(shuō)沒(méi)有對(duì)比就沒(méi)有傷害,在設(shè)計(jì)中沒(méi)有對(duì)比就沒(méi)有焦點(diǎn),用對(duì)比的手法突出焦點(diǎn),是最簡(jiǎn)單也最常用的。這其中,放大,是突出焦點(diǎn)最直接的一個(gè)手段。以上方法不僅可以單獨(dú)使用,也可以疊加使用強(qiáng)化焦點(diǎn)。比如,放大的同時(shí)添加一個(gè)肌理材質(zhì),或者改變顏色的同時(shí)轉(zhuǎn)換一個(gè)角度等等,相信大家都能很輕松理解這些理論知識(shí)。

32.gif

當(dāng)畫面元素大小差不多時(shí),放大其中一個(gè)元素能讓它成為焦點(diǎn),當(dāng)然,大小對(duì)比的同時(shí),加上顏色對(duì)比,會(huì)更加強(qiáng)化焦點(diǎn)。

用一個(gè)案例來(lái)簡(jiǎn)單地說(shuō)明一下,根據(jù)文案和圖片做一個(gè)畢加索畫展的海報(bào)。

33.jpeg

34.jpeg

首先,把圖片放大,相信大家的視覺(jué)焦點(diǎn)是圖中紅圈的位置。

35.jpeg

這里我們用色塊與文字疊壓的形式設(shè)計(jì),當(dāng)然最大的色塊就是焦點(diǎn)所在,這部分要放重要的內(nèi)容,也就是畢加索的名字。

36.jpeg

其他文字按照層級(jí)關(guān)系放到色塊中,當(dāng)然,這里如果你想突出一位天才的誕生這句話,也可以放大它,同時(shí)縮小畢加索的英文名字,這就要看你想突出哪個(gè)文字了。

37.jpeg

為了有一些呼應(yīng),在背景中加入漢字底紋,這樣就完成了,這個(gè)畫面我們可以視為兩個(gè)焦點(diǎn),一個(gè)是圖像的焦點(diǎn),一個(gè)是畢加索英文名的焦點(diǎn),它倆在一畫面中是不矛盾的。

除了放大主題突出焦點(diǎn)外,我們還能利用大面積留白突出焦點(diǎn)。還記得之前我們?cè)诹舭啄瞧恼绿岬竭^(guò),留白也是面積,所以當(dāng)畫面中文字信息較少時(shí),通過(guò)大面積留白與文字形成鮮明的對(duì)比,也能突出和強(qiáng)化焦點(diǎn),我們來(lái)看一些例子:

38.jpeg

攝影師為了突顯畫面的意境,會(huì)選擇周圍大面積留白,而突出主體形象,傳遞雅致安靜的氣質(zhì)。

39.gif

廣闊無(wú)垠的雪地,加入一個(gè)很小的人物,即使他在這世界是如此渺小,但他依然是不一樣的存在。

40.gif

一張很漂亮的空中圖片,我們?nèi)羰翘砑颖容^大的文字信息,雖然它成為了視覺(jué)焦點(diǎn),但是很破壞畫面的意境。若我們將文字組縮小,這樣同樣會(huì)突出焦點(diǎn),并且更符合畫面?zhèn)鬟f的氣質(zhì)。

2. 引導(dǎo)型焦點(diǎn)

引導(dǎo)型就是通過(guò)在畫面中添加明確的設(shè)計(jì)路徑或是通過(guò)帶有指向性的設(shè)計(jì)元素,來(lái)指引出視覺(jué)焦點(diǎn)所在,甚至可以強(qiáng)化焦點(diǎn),這種方法相對(duì)來(lái)說(shuō)也是比較簡(jiǎn)單的。

41.gif

第一種,就是添加一個(gè)明確的路徑來(lái)指引出焦點(diǎn),這個(gè)焦點(diǎn)可以是路徑最終點(diǎn)的元素,也可以是路徑連接的所有元素。

42.jpeg

這張海報(bào),路徑呈一個(gè) S 型,把各個(gè)手的圖片連接起來(lái),在這個(gè)路徑上的手,我們可以視為一個(gè)整體,也就是視覺(jué)焦點(diǎn)。

43.jpeg

這個(gè)案例,手上的絲帶垂落下來(lái)到女人頭部,這個(gè)絲帶我們可以視為路徑,它最終的指引是女人的頭部,也就是視覺(jué)焦點(diǎn)。

我們知道漸變色,是顏色之間的過(guò)渡,這種過(guò)渡也是帶有指向性的,就像舞臺(tái)的聚光燈一樣,會(huì)突出主角的位置。

44.jpeg

45.jpeg

舞臺(tái)的聚光燈打到人物身上,我們的視線被牢牢鎖住。

除了顏色的漸變,圖形的漸變同樣可以指引出焦點(diǎn),由大到小的圖形會(huì)給人很強(qiáng)的縱深感和凝聚感。

46.jpeg

47.jpeg

比如飛鏢盤,圓形加向心的線條,會(huì)把我們目光集聚在中心的位置。

48.jpeg

帶有透視感的跑道,目光會(huì)順著地上標(biāo)志線的指引而找到焦點(diǎn)。

49.jpeg

向下旋轉(zhuǎn)的樓梯,同樣會(huì)指引出焦點(diǎn)所在。

50.jpeg

電影海報(bào)中,就常用這種帶有指向性的設(shè)計(jì)形式來(lái)突出焦點(diǎn)。

51.jpeg

在海報(bào)設(shè)計(jì)中也是同樣適用,添加帶有指向性的線條來(lái)突出和強(qiáng)化焦點(diǎn)所在。

52.gif

就拿這個(gè)案例來(lái)說(shuō),我們把線條去掉,主體依然是突出的,因?yàn)楸旧硭妥銐虼?,而我們添加這種向中心匯聚的線條,會(huì)強(qiáng)化焦點(diǎn),并且會(huì)給人一種熱烈,急劇的心理感受,從而也就加強(qiáng)了信息的傳遞。

53.jpeg

利用汽車圖形的重復(fù)構(gòu)成,我們來(lái)設(shè)計(jì)一個(gè)指引型焦點(diǎn)案例。

54.gif

放到版面中,放大其中一個(gè)汽車元素,添加文字信息,最后給跑出來(lái)的汽車加一個(gè)指引路徑,強(qiáng)化焦點(diǎn)。

3. 視角焦點(diǎn)

視角焦點(diǎn)是通過(guò)主體所呈現(xiàn)的特殊視角而吸引人的目光,從而找到視覺(jué)焦點(diǎn)。通常來(lái)說(shuō),特殊視角指的是比較大的仰視或俯視,或者第一人稱使用的視角,這個(gè)類型視角給人較強(qiáng)的視覺(jué)沖擊力,會(huì)讓人的視線不自覺(jué)的集中在圖像上,深深牽引你的目光,讓你很難移開視線。當(dāng)然,特殊視角的實(shí)現(xiàn)還得需要攝影師的配合才可以,我們來(lái)看一些照片。

55.jpeg

這些照片都屬于特殊視角,會(huì)讓人產(chǎn)生比較強(qiáng)的心理感受。

56.jpeg

這三個(gè)海報(bào)中的人物,也都屬于特殊視角,也是視覺(jué)焦點(diǎn)所在。

57.jpeg

就拿這個(gè)設(shè)計(jì)來(lái)說(shuō),第一眼聚焦的位置被安排的明明白白的。

根據(jù)文案內(nèi)容,設(shè)計(jì)一款海報(bào)。

58.jpeg

59.jpeg

先把主題文字放到畫面里,然后在它對(duì)角線的位置要有一個(gè)同等重量的文字,來(lái)平衡版面。

60.jpeg

這里我們選擇標(biāo)題的英文翻譯和時(shí)間的組合。

61.jpeg

左邊空白區(qū)域,我們就加入其它文字信息,然后現(xiàn)在我想在這個(gè)紅色區(qū)域加入一個(gè)特殊視角的人物作為視覺(jué)焦點(diǎn)。

62.jpeg

我選擇了這張符合主題感覺(jué)的照片,但是圖像主角是一個(gè)外國(guó)人,契合度還是不夠,所以我們來(lái)給它改成線描的感覺(jué)。

63.jpeg

把圖片放到 AI 里,然后在圖片上用畫筆進(jìn)行描摹,不需要很細(xì)致,保留手繪的笨拙感會(huì)更好。

64.jpeg


這樣就設(shè)計(jì)完成了。

再來(lái)做一個(gè)特殊視角的案例。

65.jpeg

66.jpeg

放入主題文字,剛才我們是在對(duì)角線位置放入相應(yīng)重量的文字,這次我們可以換個(gè)形式,上下結(jié)構(gòu),比較重要的文字信息,英文翻譯和策展人,我們給放到上方。

67.jpeg

為了平衡上面的版式重量,下面文字可以設(shè)計(jì)成通欄形式。

68.jpeg

同樣我們手繪一個(gè)特殊視角的人物(也是避免侵權(quán)的好辦法),來(lái)作為畫面的視覺(jué)焦點(diǎn),這個(gè)設(shè)計(jì)就完成了。

焦點(diǎn)所在的位置

焦點(diǎn)所在的位置有什么依據(jù)呢?

1. 利用黃金比

69.jpeg

在自然界中存在很多黃金比,這是渾然天成的比例關(guān)系,以至于人們?cè)诳吹绞挛飼r(shí),視線會(huì)不由自主的被它所創(chuàng)造的空間關(guān)系和外貌形態(tài)所吸引。

70.jpeg

并且黃金比例原理也廣泛出現(xiàn)在繪畫和建筑領(lǐng)域。

71.gif

將線條按照這樣的比例分割,較短的部分與較長(zhǎng)的部分比為 1 : 1.618,而較長(zhǎng)的部分與整體比,也是 1 : 1.618,按照這種比例關(guān)系我們就畫出無(wú)數(shù)個(gè)黃金比矩形。

72.gif

簡(jiǎn)單來(lái)說(shuō),就是黃金矩形減掉正方形可以無(wú)限生成等比的黃金矩形,以這些等比減小的正方形的邊長(zhǎng)為半徑畫出四分之一圓,連接起來(lái)可以構(gòu)成一條完美的螺旋線,就是我們所說(shuō)的黃金螺旋線。

73.jpeg

 也可以在這里的任何的比例當(dāng)中,放入元素,成為焦點(diǎn)。

74.jpg

比如之前我們做的這個(gè)案例,在這里主標(biāo)題人物的名字,我是放在一個(gè)黃金比的位置上的,而上方的文字我同樣也放在一個(gè)黃金比的位置上,所以說(shuō)可以依據(jù)比例位置擺放焦點(diǎn),但是,不是說(shuō)所有放在這個(gè)位置的都能成為焦點(diǎn),這句話希望大家能記住。

2. 利用三等分法

利用三等分法放置焦點(diǎn)。

75.jpeg

三分法是一種在攝影、繪畫、設(shè)計(jì)等藝術(shù)領(lǐng)域中經(jīng)常使用的構(gòu)圖手段,有時(shí)也稱作井字構(gòu)圖法。三分法構(gòu)圖是指把畫面橫縱向各分三份,然后將需要表現(xiàn)的重點(diǎn)放置在四個(gè)交叉點(diǎn)中的一個(gè)即可。

下面這張照片主體也就是視覺(jué)焦點(diǎn),在兩條線的交叉處。

76.jpeg

這張照片的帽子也是一樣,在兩條線的交叉處:

77.jpeg

這個(gè)畫面的視覺(jué)焦點(diǎn),占據(jù)了兩個(gè)交叉點(diǎn):

78.jpeg

四個(gè)字母在四個(gè)交叉處:

79.jpeg

主體呈現(xiàn)對(duì)?線的形式,正好也占據(jù)了兩個(gè)交叉點(diǎn):

80.jpeg

黃金比例和三等分法,是焦點(diǎn)擺放位置應(yīng)用較多的比例依據(jù),其他還有 1 : 1.414,1 : 1.732,1 : 1.333等比例關(guān)系,這些就不給大家一一舉例了,希望大家在套用這些比例關(guān)系時(shí)要符合設(shè)計(jì)邏輯,不要生搬硬套。

81.jpeg

好了,這節(jié)課到這里就結(jié)束了。我們梳理一下這節(jié)課所講的內(nèi)容,美觀統(tǒng)一的版面和有視覺(jué)焦點(diǎn)的版面之間有什么區(qū)別,還有焦點(diǎn)的類型,突出型焦點(diǎn),也是對(duì)比型,屬于最常用的類型。而放大主體是使用最多的突出焦點(diǎn)的方式,當(dāng)然如果畫面元素都放大的話,就等于沒(méi)有焦點(diǎn)了。然后還有指引型焦點(diǎn),還有一個(gè)特殊視角焦點(diǎn)。那焦點(diǎn)擺放的位置有什么依據(jù)呢?我們講了兩個(gè)比例,一個(gè)是黃金比,一個(gè)是三等分法,比例可以作為放置焦點(diǎn)的依據(jù),但不是放在比例位置的都是焦點(diǎn)。相信大家通過(guò)這次學(xué)習(xí)已經(jīng)能掌握視覺(jué)焦點(diǎn)的一些基本理論以及實(shí)踐應(yīng)用了。





44
68
分享到:

0

喜歡他,就推薦他上首頁(yè)吧^_^

推薦閱讀

×

賽事服務(wù)聯(lián)系方式

0371-86068866

4008887269

cndesign@163.com

好的,我知道了

官方微信

聯(lián)系我們

  • QQ:33143335 QQ:1904200230
  • 電話:18569912460
  • 投稿:cndesign@163.com
  • 地址:鄭州市國(guó)家大學(xué)科技園東區(qū)9號(hào)樓2層

版權(quán)信息

  移動(dòng) Android 版 豫 ICP 備16038122號(hào)-2 豫公網(wǎng)安備 41019702002261號(hào)