您當(dāng)前位置:圖趣網(wǎng)(Tuquu) >> 網(wǎng)頁(yè)設(shè)計(jì)教程 >> 視覺(jué)設(shè)計(jì) >> 瀏覽設(shè)計(jì)教程

如何利用6個(gè)攝影構(gòu)圖法搞定設(shè)計(jì)布局?

攝影設(shè)計(jì)雙學(xué)習(xí)!今天騰訊的同學(xué)一邊聊攝影,一邊聊設(shè)計(jì),總結(jié)了6個(gè)實(shí)用的攝影技巧,同樣適合拿來(lái)搞定網(wǎng)頁(yè)設(shè)計(jì)中的布局,設(shè)計(jì)是主,攝影是客,客從主意,幫你快速理解網(wǎng)頁(yè)上的構(gòu)圖,來(lái)學(xué)習(xí)咯。

網(wǎng)頁(yè)設(shè)計(jì)師的重要任務(wù)不是根據(jù)內(nèi)容做出網(wǎng)頁(yè),而是根據(jù)用戶(hù)需求設(shè)計(jì)出讓用戶(hù)喜歡并積極使用的網(wǎng)頁(yè),能夠讓用戶(hù)知道并去使用網(wǎng)站的新產(chǎn)品or關(guān)鍵點(diǎn)or有價(jià)值的信息。

那么如何突出這些點(diǎn)?如何讓用戶(hù)看到網(wǎng)頁(yè)的點(diǎn),有讓用戶(hù)點(diǎn)擊或者傳播的欲望?突出設(shè)計(jì)的重點(diǎn)就如同突出攝影的被攝主體一樣,把控視覺(jué)的重點(diǎn),你的設(shè)計(jì)一定會(huì)非常精彩。

下面我將通過(guò)幾種突出被攝重點(diǎn)的攝影方法來(lái)詮釋設(shè)計(jì)與攝影的微妙關(guān)系。

一、通過(guò)布局突出重點(diǎn):

實(shí)景和實(shí)景照片的區(qū)別就是:照片受四條邊框的限制,而實(shí)景是連續(xù)不斷的,觀(guān)者可以把注意力移向周邊任何部分。因此,攝影師如何將靜物安排在這四條線(xiàn)之內(nèi),決定了其作品的成敗。至關(guān)重要的,就是決定把作為趣味中心的被攝主體安排在什么地方。

一般來(lái)說(shuō),放在靠近畫(huà)面中心的物體最為突出,黃金分割,九宮格,畫(huà)面中心統(tǒng)統(tǒng)可以由你安排,但是務(wù)必牢記一點(diǎn),用心布局!這關(guān)系到你作品的成敗!

想一秒生成黃金分割線(xiàn)?來(lái)看這個(gè)神器!《PS神器!簡(jiǎn)單實(shí)用的黃金分割工具免費(fèi)下載》






圖片3.jpg


我們?cè)賮?lái)看看通過(guò)布局突出重點(diǎn)的設(shè)計(jì) :


圖片5.png



圖片6.png



圖片7.png



圖片8.png



QQ截圖20141127200703.png


這些設(shè)計(jì)通過(guò)布局突出重點(diǎn)的形式來(lái)構(gòu)建網(wǎng)頁(yè)設(shè)計(jì)的內(nèi)容,突出頁(yè)面主體和內(nèi)容,大的沖擊力和表現(xiàn)力能刺激用戶(hù)的感官。

二、通過(guò)大小比例關(guān)系突出重點(diǎn) :

突出被攝主題的一個(gè)有效方法是讓它的尺寸看起來(lái)不太一樣,上面這張照片巨幅廣告里的女主角比實(shí)際生活中的男主角要大的多,對(duì)比起來(lái),那個(gè)在角落里的黑人男性是那么卑微。

除了大小,也有很多方式可以幫你突出重點(diǎn),我們以簡(jiǎn)單的文本為例,幫你快速學(xué)習(xí):《經(jīng)驗(yàn)分享!超實(shí)用的文本處理技巧》


1417090134121554


打破正常的比例關(guān)系,無(wú)論是縮小或放大,都能達(dá)到突出重點(diǎn)的理想效果。

我們?cè)賮?lái)看看通過(guò)大小比例關(guān)系突出重點(diǎn)的設(shè)計(jì) :


QQ截圖20141127200917.png



QQ截圖20141127200937.png


將人物或者形象的大小進(jìn)行對(duì)比,突出主要的視覺(jué)層次,打破正常的比例關(guān)系,能讓你的設(shè)計(jì)更生動(dòng)。

三、通過(guò)搭畫(huà)框的方法突出主體:


QQ截圖20141127201028.png




鐵絲網(wǎng)后面的那個(gè)孩子,他的眼神清澈透明,不論是什么樣的限制都圈禁不住自由的心。這樣富于創(chuàng)意的畫(huà)框無(wú)處不在,只要你拍攝前用心去觀(guān)察。但是你要知道,這種畫(huà)框式的構(gòu)圖只是一種;噱頭,是用來(lái)調(diào)換口味的,不可濫用。你當(dāng)然不會(huì)要人們?nèi)ザ嗫串?huà)框而少看被拍攝對(duì)象。

再來(lái)看看通過(guò)畫(huà)框的方法突出重點(diǎn)的設(shè)計(jì):


QQ截圖20141127201053.png



QQ截圖20141127201122.png


以上設(shè)計(jì)用框的形式來(lái)表現(xiàn)和突出設(shè)計(jì)的層次,讓其更具形式感。

四、通過(guò)用光來(lái)突出主體:


QQ截圖20141127201147.png


攝影玩的都是你對(duì)光線(xiàn)的運(yùn)用,它不僅是一個(gè)技術(shù)性問(wèn)題比如獲得準(zhǔn)確的曝光量,它更是一種創(chuàng)造性的手段。無(wú)論何時(shí),只要看取景器,就要先看光線(xiàn),觀(guān)察光線(xiàn)的效果和體驗(yàn)光線(xiàn)的性質(zhì),通過(guò)用光來(lái)突出重點(diǎn)是最有力的手段之一。

同樣,光在設(shè)計(jì)中也有不可忽視的作用,光線(xiàn)對(duì)于一個(gè)好的設(shè)計(jì)來(lái)講,都有至關(guān)重要的作用,很多神秘站、包括一些需要渲染氛圍的站點(diǎn),對(duì)于光的應(yīng)用都有很好的表現(xiàn)。


QQ截圖20141127201214.png



QQ截圖20141127201230.png


在設(shè)計(jì)中,光往往能把氛圍帶動(dòng)起來(lái),使畫(huà)面有更多的表現(xiàn)力,在素材不是很給力或者需要強(qiáng)烈氛圍渲染的情況下可以多用光來(lái)彌補(bǔ)不足或者襯托畫(huà)面。

高質(zhì)量的光效素材都打包好等你了!《14套PS頂級(jí)光效筆刷打包下載》

想打造光效超炫效果的同學(xué)也可以直接來(lái)這兒 → 《PS教程!手把手教你繪制多彩飄逸的抽象光》

五、通過(guò)線(xiàn)條來(lái)突出重點(diǎn) :


QQ截圖20141127201251.png


線(xiàn)條是攝影構(gòu)圖的基本視覺(jué)要素,線(xiàn)性構(gòu)圖也是攝影中常用的方法之一。線(xiàn)條在畫(huà)面中的作用有很多種,它不僅可以隨攝影師的想法分割畫(huà)面,還可以使畫(huà)面產(chǎn)生明顯的節(jié)奏,以及準(zhǔn)確表達(dá)主題。


QQ截圖20141127201322.png



QQ截圖20141127201339.png


線(xiàn)條的表現(xiàn)力和形式感都很強(qiáng),在一些賽事、運(yùn)動(dòng)和需要突出形式感的設(shè)計(jì)里比較常見(jiàn),是比較快速搭建節(jié)奏和表現(xiàn)形式感的方法。

六、通過(guò)選擇焦點(diǎn)來(lái)突出重點(diǎn) :


QQ截圖20141127201408.png



QQ截圖20141127201435.png


攝影很重要的一點(diǎn)是突出主體,而最常用的方法就是用大光圈把主體從環(huán)境中剝離出來(lái),也就是把主體從空間里切割出來(lái)。

這種突出的方法在設(shè)計(jì)中也會(huì)常常用到,比如在背景和人物的關(guān)系處理上 我們常常會(huì)將焦點(diǎn)以外的東西模糊,來(lái)突出主體或者局部來(lái)增強(qiáng)空間的對(duì)比。


QQ截圖20141127201458.png



QQ截圖20141127201517.png



QQ截圖20141127201536.png


人們?cè)陂喿x某種信息時(shí),視覺(jué)總有一種自然的流動(dòng)習(xí)慣,如視覺(jué)瀏覽先后次序。視覺(jué)流程往往會(huì)體現(xiàn)出比較明顯的方向感,使整個(gè)畫(huà)面的運(yùn)動(dòng)趨勢(shì)有一個(gè)主旋律。設(shè)計(jì)的視覺(jué)影響力體現(xiàn)在常規(guī)的視覺(jué)上的最佳視域,也就會(huì)被視覺(jué)傳達(dá)的形式所引導(dǎo),情況就發(fā)生變化,而攝影的種種技巧和處理方式,正好為設(shè)計(jì)的最佳視域提供了很好的借鑒方法,因此設(shè)計(jì)的時(shí)候不妨多想想以一個(gè)攝影師的角度來(lái)思考設(shè)計(jì),也許有不一樣的收獲。


[教程作者:小K]
免責(zé)聲明:本站文章系圖趣網(wǎng)整理發(fā)布,如需轉(zhuǎn)載,請(qǐng)注明出處,素材資料僅供個(gè)人學(xué)習(xí)與參考,請(qǐng)勿用于商業(yè)用途!
本文地址:http://m.likemindfilms.com/tutorial/ui2921.html
3大速成法則!幫你輕松搞定極簡(jiǎn)主義網(wǎng)站設(shè)計(jì)
聯(lián)盟廣告創(chuàng)意教程第一期—— 廣告的構(gòu)成
圖趣網(wǎng)微信
建議反饋
×