如何利用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)下載》
我們?cè)賮?lái)看看通過(guò)布局突出重點(diǎn)的設(shè)計(jì) :
這些設(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í)用的文本處理技巧》
打破正常的比例關(guān)系,無(wú)論是縮小或放大,都能達(dá)到突出重點(diǎn)的理想效果。
我們?cè)賮?lái)看看通過(guò)大小比例關(guān)系突出重點(diǎn)的設(shè)計(jì) :
將人物或者形象的大小進(jìn)行對(duì)比,突出主要的視覺(jué)層次,打破正常的比例關(guān)系,能讓你的設(shè)計(jì)更生動(dòng)。
三、通過(guò)搭畫(huà)框的方法突出主體:
鐵絲網(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ì):
以上設(shè)計(jì)用框的形式來(lái)表現(xiàn)和突出設(shè)計(jì)的層次,讓其更具形式感。
四、通過(guò)用光來(lái)突出主體:
攝影玩的都是你對(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)。
在設(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) :
線(xiàn)條是攝影構(gòu)圖的基本視覺(jué)要素,線(xiàn)性構(gòu)圖也是攝影中常用的方法之一。線(xiàn)條在畫(huà)面中的作用有很多種,它不僅可以隨攝影師的想法分割畫(huà)面,還可以使畫(huà)面產(chǎn)生明顯的節(jié)奏,以及準(zhǔn)確表達(dá)主題。
線(xiàn)條的表現(xiàn)力和形式感都很強(qiáng),在一些賽事、運(yùn)動(dòng)和需要突出形式感的設(shè)計(jì)里比較常見(jiàn),是比較快速搭建節(jié)奏和表現(xiàn)形式感的方法。
六、通過(guò)選擇焦點(diǎn)來(lái)突出重點(diǎn) :
攝影很重要的一點(diǎn)是突出主體,而最常用的方法就是用大光圈把主體從環(huán)境中剝離出來(lái),也就是把主體從空間里切割出來(lái)。
這種突出的方法在設(shè)計(jì)中也會(huì)常常用到,比如在背景和人物的關(guān)系處理上 我們常常會(huì)將焦點(diǎn)以外的東西模糊,來(lái)突出主體或者局部來(lái)增強(qiáng)空間的對(duì)比。
人們?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ì),也許有不一樣的收獲。
本文地址:http://m.likemindfilms.com/tutorial/ui2921.html
您可能還喜歡
- 經(jīng)典網(wǎng)頁(yè)配色方案之無(wú)色系
- 對(duì)齊!框框框!ps中對(duì)齊和參考線(xiàn)詳解
- banner實(shí)戰(zhàn)技巧-版式平衡構(gòu)圖
- 晉小彥視覺(jué)設(shè)計(jì)系列文章(二):全屏大視
- 如何成功運(yùn)用扁平化設(shè)計(jì)與色彩趨勢(shì)
- 做有思想的網(wǎng)頁(yè)設(shè)計(jì)-banner實(shí)例講解
- [圖趣]色彩搭配的核心原則和聯(lián)想
- 扁平化設(shè)計(jì)與可訪(fǎng)問(wèn)性
- 網(wǎng)頁(yè)設(shè)計(jì)專(zhuān)題技巧淺析
- WEB設(shè)計(jì)中的排版
- 專(zhuān)訪(fǎng):石墨文檔產(chǎn)品總監(jiān)羅穎
- UI設(shè)計(jì)不得不知的移動(dòng)端UI尺寸適
- 光音移動(dòng)設(shè)計(jì)規(guī)范 — 表單類(lèi)
- 體驗(yàn)設(shè)計(jì)中的排序問(wèn)題
- 網(wǎng)頁(yè)設(shè)計(jì)精粹 網(wǎng)頁(yè)中那些迷人的按
- aliued:響應(yīng)式設(shè)計(jì)的現(xiàn)狀與趨勢(shì)
- 10個(gè)智能對(duì)象處理的ps技巧
- 網(wǎng)頁(yè)UI - 原子設(shè)計(jì)理論(上)
- 如何通過(guò)設(shè)計(jì)提升banner點(diǎn)擊率?
- 晉小彥視覺(jué)設(shè)計(jì)系列文章(二):全屏