如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中， 請(qǐng)點(diǎn)這里

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

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

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

視覺焦點(diǎn)

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

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

不同視角構(gòu)圖

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

1）平行視角

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

2）俯視視角

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

3）仰視視角

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

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

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

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

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

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

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

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

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

1）鈴木汽車的廣告案例

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

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

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

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

4）捕食者的海洋

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

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

以高視角俯視構(gòu)圖的時(shí)候，主題對(duì)象會(huì)從視覺上變的渺小。這時(shí)候我們更注重元素?cái)[放的位置與組合的形狀，使復(fù)雜的元素關(guān)系簡(jiǎn)單化。

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

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

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

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

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

NO4. 傾斜構(gòu)圖

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

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

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

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

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

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

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