甲方說:放大!再放大!我該怎么辦?

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

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

「把這個logo放大!再放大!」「把這個活動內(nèi)容給我改成亮眼的顏色,我要一眼就能看到的那種!」聽到這些話大家是不是覺得很熟悉呢?大家在收到甲方改稿意見,抱怨的同時有沒有想過一個問題,為什么他們總想要放大呢?是因為他們想要傳遞的信息不夠醒目,也就是說,對于他們來說,畫面里沒有一個能抓住人眼球的焦點,或者是焦點不夠突出,這種問題該怎么解決呢?下面就帶大家來了解視覺焦點。

1.gif

一張白紙,上面沒有任何痕跡,我們視線沒有著力點,會胡亂地游走。

2.jpeg

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

3.jpeg

夜晚的建筑,沒有任何光亮,暗黑一片。

4.jpeg

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

5.jpeg

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

6.jpeg

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

7.jpeg

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

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

8.jpeg

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

為什么有的畫面需要有視覺焦點呢?

這是因為人的視域是有限的,只有觀看的聚焦位置會清晰,而周圍的畫面會相應(yīng)地虛化。

9.jpeg

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

10.jpeg

什么是焦點

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

在設(shè)計中,那個最不一樣的存在就是焦點。

11.jpeg

焦點的分類

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

1. 突出型焦點

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

12.png

當(dāng)畫面元素都一樣的時候,我們的視線沒有焦點。

色彩對比

13.jpeg

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

14.jpeg

大小對比

15.jpeg

縮小或放大元素讓它形成焦點

16.jpeg

位置對比

17.jpeg

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

18.jpeg

形狀對比

19.jpeg

改變元素形狀也是突出焦點的方式。

20.jpeg

肌理對比

21.jpeg

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

22.jpeg

疏密對比

23.jpeg

疏密對比可以突出焦點。

24.jpeg

虛實對比

25.jpeg

用虛實對比可以突出焦點。

26.jpeg

角度對比

27.jpeg

利用角度的對比可以突出焦點。

28.jpeg

方向?qū)Ρ?/p>

29.jpeg

利用方向的對比可以突出焦點。

30.jpeg

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

31.jpeg

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

32.gif

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

用一個案例來簡單地說明一下,根據(jù)文案和圖片做一個畢加索畫展的海報。

33.jpeg

34.jpeg

首先,把圖片放大,相信大家的視覺焦點是圖中紅圈的位置。

35.jpeg

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

36.jpeg

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

37.jpeg

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

除了放大主題突出焦點外,我們還能利用大面積留白突出焦點。還記得之前我們在留白那篇文章提到過,留白也是面積,所以當(dāng)畫面中文字信息較少時,通過大面積留白與文字形成鮮明的對比,也能突出和強(qiáng)化焦點,我們來看一些例子:

38.jpeg

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

39.gif

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

40.gif

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

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

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

41.gif

第一種,就是添加一個明確的路徑來指引出焦點,這個焦點可以是路徑最終點的元素,也可以是路徑連接的所有元素。

42.jpeg

這張海報,路徑呈一個 S 型,把各個手的圖片連接起來,在這個路徑上的手,我們可以視為一個整體,也就是視覺焦點。

43.jpeg

這個案例,手上的絲帶垂落下來到女人頭部,這個絲帶我們可以視為路徑,它最終的指引是女人的頭部,也就是視覺焦點。

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

44.jpeg

45.jpeg

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

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

46.jpeg

47.jpeg

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

48.jpeg

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

49.jpeg

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

50.jpeg

電影海報中,就常用這種帶有指向性的設(shè)計形式來突出焦點。

51.jpeg

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

52.gif

就拿這個案例來說,我們把線條去掉,主體依然是突出的,因為本身它就足夠大,而我們添加這種向中心匯聚的線條,會強(qiáng)化焦點,并且會給人一種熱烈,急劇的心理感受,從而也就加強(qiáng)了信息的傳遞。

53.jpeg

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

54.gif

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

3. 視角焦點

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

55.jpeg

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

56.jpeg

這三個海報中的人物,也都屬于特殊視角,也是視覺焦點所在。

57.jpeg

就拿這個設(shè)計來說,第一眼聚焦的位置被安排的明明白白的。

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

58.jpeg

59.jpeg

先把主題文字放到畫面里,然后在它對角線的位置要有一個同等重量的文字,來平衡版面。

60.jpeg

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

61.jpeg

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

62.jpeg

我選擇了這張符合主題感覺的照片,但是圖像主角是一個外國人,契合度還是不夠,所以我們來給它改成線描的感覺。

63.jpeg

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

64.jpeg


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

再來做一個特殊視角的案例。

65.jpeg

66.jpeg

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

67.jpeg

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

68.jpeg

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

焦點所在的位置

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

1. 利用黃金比

69.jpeg

在自然界中存在很多黃金比,這是渾然天成的比例關(guān)系,以至于人們在看到事物時,視線會不由自主的被它所創(chuàng)造的空間關(guān)系和外貌形態(tài)所吸引。

70.jpeg

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

71.gif

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

72.gif

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

73.jpeg

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

74.jpg

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

2. 利用三等分法

利用三等分法放置焦點。

75.jpeg

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

下面這張照片主體也就是視覺焦點,在兩條線的交叉處。

76.jpeg

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

77.jpeg

這個畫面的視覺焦點,占據(jù)了兩個交叉點:

78.jpeg

四個字母在四個交叉處:

79.jpeg

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

80.jpeg

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

81.jpeg

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





44
68
分享到:

0

喜歡他,就推薦他上首頁吧^_^

推薦閱讀

×

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

0371-86068866

4008887269

cndesign@163.com

好的,我知道了

官方微信

聯(lián)系我們

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

版權(quán)信息

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