學(xué)會這6個特殊視角的構(gòu)圖方法,讓你的設(shè)計脫穎而出!

2017-1-23    周周

如果您想訂閱本博客內(nèi)容,每天自動發(fā)到您的郵箱中, 請點這里

白無常:許多設(shè)計師都習(xí)慣的把精力放在視覺元素的效果上,而忽視了視覺元素之間的位置關(guān)系。如果對設(shè)計的構(gòu)圖沒有了解,即便是精彩的畫面效果也發(fā)揮不了作用,甚至?xí)`解了傳播的信息。

設(shè)計構(gòu)圖的作用

構(gòu)圖過程是設(shè)計師從混亂的視覺元素中找到條理性,幫助觀者在各個視覺元素之間建立聯(lián)系,從而有助于他們閱讀。設(shè)計的構(gòu)圖的作用是為了加強(qiáng)視覺的張力增加設(shè)計的趣味性,吸引并引導(dǎo)著觀者的注意力。

視覺焦點

當(dāng)我們改變視覺元素位置/大小等元素的時候,觀者會在設(shè)計的畫面中游離,尋找視覺要傳遞的信息。而構(gòu)圖混亂的設(shè)計,會分散顧客的注意力。

比如下面的雕塑作品,第一張有許多的雕塑的作品,沒有大小區(qū)分,沒有視線的引導(dǎo),使用我們看的時候很難找到視覺的焦點。而第二張把其中一個雕塑有意的放大,并讓天花板上的線條聚焦在主題對象中,這樣視覺中心就會顯得非常突出。

uisdc-angle-20170106-1uisdc-angle-20170106-2

不同視角構(gòu)圖

構(gòu)圖的角度不同,所表現(xiàn)的中心與所表達(dá)的意境都會有所差異,比如下面三張不同視角的Low polygon(來自C4D超極班陳杰的作品)。

1)平行視角

平行視角是常見視角,給人平靜的感覺。

uisdc-angle-20170106-3

2)俯視視角

俯視的視角給人廣闊/渺小的感覺。

uisdc-angle-20170106-4

3)仰視視角

仰視給人高大,積極向上的感覺。比如下面這張仰視的構(gòu)圖主體對象(小狐貍),相比平行視角顯的更為突出??v深的線條,微微向上的額頭,仿佛指引著我們看著遠(yuǎn)方的夢想。

uisdc-angle-20170106-5

常規(guī)視角與特殊視角

常規(guī)視角就是我們平視看物體對象的樣子,這樣的方式會給我們熟悉與平靜的感覺。但是這樣的角度會顯的無聊而單調(diào)。比如下圖我們平??吹降拇蠛?,和一個不常見俯視的角度看的大海。以常規(guī)的視角看的物體,我們會習(xí)以為常,而設(shè)計的主張是與眾不同,這樣的設(shè)計作品才有新意,才能引起消費(fèi)者的注意力。

uisdc-sea-20170109

特殊視角在設(shè)計中的應(yīng)用案例

NO1. 低視角仰視構(gòu)圖

A. 以人的視角俯視構(gòu)圖

以人的對象角度俯視構(gòu)圖的時候,它會使主題對象顯的更強(qiáng)大/更威嚴(yán)的感覺。而觀者感受會讓自己顯的更渺小/更無力的感覺。

uisdc-angle-20170106-8

uisdc-angle-20170106-9

同樣以人視角仰視天空,蝙蝠俠海報周圍建筑縱深的線條匯集成一個蝙蝠俠圖形。而WWF公益海報周圍縱深的樹匯集成一個中國地圖的圖形,這種創(chuàng)意的表現(xiàn)非常有意境。

uisdc-angle-20170106-10

uisdc-angle-20170106-11

B. 以第三視角俯視構(gòu)圖

1)鈴木汽車的廣告案例

以人的視角仰視比自己高大的物體來說是很普通,也是很常見的,然而以比人小的物體去仰視會帶來意想不到的視覺效果。比如下面鈴木汽車的廣告設(shè)計,大象與長頸鹿都是極低的視角觀看,四條腿部傾斜線匯集在中間點,視覺效果突出,且趣味性十足。

uisdc-angle-20170106-12uisdc-angle-20170106-13

2)同樣是以比人物小的視角去觀看物體,比如下面的鞋子的廣告,就顯的非常引人注目。

uisdc-angle-20170106-14

3)加能防水相機(jī)廣告

以水中的角度仰視人物,體現(xiàn)佳能D10的防水性能,來表達(dá)水中的世界更精彩。

uisdc-angle-20170106-15uisdc-angle-20170106-16

4)捕食者的海洋

以海底生物的視角觀看,仰視著捕魚者人物表情在水紋的折射下顯的非常猙獰恐怖的表情。來突出海洋生物被人類捕殺,恐懼的氛圍。

uisdc-angle-20170106-17uisdc-angle-20170106-18

NO2. 高視角俯視構(gòu)圖

以高視角俯視構(gòu)圖的時候,主題對象會從視覺上變的渺小。這時候我們更注重元素擺放的位置與組合的形狀,使復(fù)雜的元素關(guān)系簡單化。

uisdc-angle-20170106-19uisdc-angle-20170106-21

需要注意的是俯視構(gòu)圖,如果是看比人小的俯視物體,我們會習(xí)以為常。比如下面的畫冊排版,就是我們常見的俯視類型。

uisdc-angle-20170106-22uisdc-angle-20170106-23

以高視角俯視地面,而俯視的角度會給我們一覽眾山小的感覺。這時候我們更注重俯視角度組合的形狀,BMW把地面組合成了大提琴/吉他的視覺形象,體現(xiàn)寶馬汽車的優(yōu)雅大氣。

uisdc-angle-20170106-24uisdc-angle-20170106-25

拖鞋廣告,把夏天的游泳池組成巨大的拖鞋形狀,把沙灘組成巨大鞋子的造型。

uisdc-angle-20170106-26uisdc-angle-20170106-27

uisdc-angle-20170106-28

NO3. 以第一視角構(gòu)圖

uisdc-angle-20170106-30uisdc-angle-20170106-31uisdc-angle-20170106-32

以第一視角構(gòu)圖,有強(qiáng)烈的視覺沖擊,引人入勝,帶入其中。

NO4. 傾斜構(gòu)圖

傾斜構(gòu)圖的作用是打破平衡感與穩(wěn)定感,比如下面站立的人物與傾斜的建筑形成鮮明的對比。

TILTTILT

傾斜構(gòu)圖會比平真構(gòu)圖更加動感。

uisdc-angle-20170106-35uisdc-angle-20170106-37

NO5. 近距離視覺構(gòu)圖

近距離的視覺會讓人的注意力劇中在視覺的主題對象上,減少了其它不必要的視覺干擾。

uisdc-angle-20170106-38uisdc-angle-20170106-41uisdc-angle-20170106-40uisdc-angle-20170106-42

NO6. 反轉(zhuǎn)構(gòu)圖

反轉(zhuǎn)視角就是倒立過來看物體對象,這樣的構(gòu)圖讓圖片失去現(xiàn)實的重力現(xiàn)象,會變的非常有趣。

uisdc-angle-20170106-43uisdc-angle-20170106-44

藍(lán)藍(lán)設(shè)計m.sillybuy.com )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)

分享本文至:

日歷

鏈接

個人資料

存檔