如何利用6個(gè)攝影構(gòu)圖法搞定設(shè)計(jì)布局?
攝影設(shè)計(jì)雙學(xué)習(xí)!今天騰訊的同學(xué)一邊聊攝影,一邊聊設(shè)計(jì),總結(jié)了6個(gè)實(shí)用的攝影技巧,同樣適合拿來搞定網(wǎng)頁設(shè)計(jì)中的布局,設(shè)計(jì)是主,攝影是客,客從主意,幫你快速理解網(wǎng)頁上的構(gòu)圖,來學(xué)習(xí)咯。
網(wǎng)頁設(shè)計(jì)師的重要任務(wù)不是根據(jù)內(nèi)容做出網(wǎng)頁,而是根據(jù)用戶需求設(shè)計(jì)出讓用戶喜歡并積極使用的網(wǎng)頁,能夠讓用戶知道并去使用網(wǎng)站的新產(chǎn)品or關(guān)鍵點(diǎn)or有價(jià)值的信息。
那么如何突出這些點(diǎn)?如何讓用戶看到網(wǎng)頁的點(diǎn),有讓用戶點(diǎn)擊或者傳播的欲望?突出設(shè)計(jì)的重點(diǎn)就如同突出攝影的被攝主體一樣,把控視覺的重點(diǎn),你的設(shè)計(jì)一定會非常精彩。
下面我將通過幾種突出被攝重點(diǎn)的攝影方法來詮釋設(shè)計(jì)與攝影的微妙關(guān)系。
一、通過布局突出重點(diǎn):
實(shí)景和實(shí)景照片的區(qū)別就是:照片受四條邊框的限制,而實(shí)景是連續(xù)不斷的,觀者可以把注意力移向周邊任何部分。因此,攝影師如何將靜物安排在這四條線之內(nèi),決定了其作品的成敗。至關(guān)重要的,就是決定把作為趣味中心的被攝主體安排在什么地方。
一般來說,放在靠近畫面中心的物體最為突出,黃金分割,九宮格,畫面中心統(tǒng)統(tǒng)可以由你安排,但是務(wù)必牢記一點(diǎn),用心布局!這關(guān)系到你作品的成敗!
想一秒生成黃金分割線?來看這個(gè)神器!《PS神器!簡單實(shí)用的黃金分割工具免費(fèi)下載》



我們再來看看通過布局突出重點(diǎn)的設(shè)計(jì) :





這些設(shè)計(jì)通過布局突出重點(diǎn)的形式來構(gòu)建網(wǎng)頁設(shè)計(jì)的內(nèi)容,突出頁面主體和內(nèi)容,大的沖擊力和表現(xiàn)力能刺激用戶的感官。
二、通過大小比例關(guān)系突出重點(diǎn) :
突出被攝主題的一個(gè)有效方法是讓它的尺寸看起來不太一樣,上面這張照片巨幅廣告里的女主角比實(shí)際生活中的男主角要大的多,對比起來,那個(gè)在角落里的黑人男性是那么卑微。
除了大小,也有很多方式可以幫你突出重點(diǎn),我們以簡單的文本為例,幫你快速學(xué)習(xí):《經(jīng)驗(yàn)分享!超實(shí)用的文本處理技巧》

打破正常的比例關(guān)系,無論是縮小或放大,都能達(dá)到突出重點(diǎn)的理想效果。
我們再來看看通過大小比例關(guān)系突出重點(diǎn)的設(shè)計(jì) :


將人物或者形象的大小進(jìn)行對比,突出主要的視覺層次,打破正常的比例關(guān)系,能讓你的設(shè)計(jì)更生動(dòng)。
三、通過搭畫框的方法突出主體:


鐵絲網(wǎng)后面的那個(gè)孩子,他的眼神清澈透明,不論是什么樣的限制都圈禁不住自由的心。這樣富于創(chuàng)意的畫框無處不在,只要你拍攝前用心去觀察。但是你要知道,這種畫框式的構(gòu)圖只是一種;噱頭,是用來調(diào)換口味的,不可濫用。你當(dāng)然不會要人們?nèi)ザ嗫串嬁蚨倏幢慌臄z對象。
再來看看通過畫框的方法突出重點(diǎn)的設(shè)計(jì):


以上設(shè)計(jì)用框的形式來表現(xiàn)和突出設(shè)計(jì)的層次,讓其更具形式感。
四、通過用光來突出主體:

攝影玩的都是你對光線的運(yùn)用,它不僅是一個(gè)技術(shù)性問題比如獲得準(zhǔn)確的曝光量,它更是一種創(chuàng)造性的手段。無論何時(shí),只要看取景器,就要先看光線,觀察光線的效果和體驗(yàn)光線的性質(zhì),通過用光來突出重點(diǎn)是最有力的手段之一。
同樣,光在設(shè)計(jì)中也有不可忽視的作用,光線對于一個(gè)好的設(shè)計(jì)來講,都有至關(guān)重要的作用,很多神秘站、包括一些需要渲染氛圍的站點(diǎn),對于光的應(yīng)用都有很好的表現(xiàn)。


在設(shè)計(jì)中,光往往能把氛圍帶動(dòng)起來,使畫面有更多的表現(xiàn)力,在素材不是很給力或者需要強(qiáng)烈氛圍渲染的情況下可以多用光來彌補(bǔ)不足或者襯托畫面。
高質(zhì)量的光效素材都打包好等你了!《14套PS頂級光效筆刷打包下載》
想打造光效超炫效果的同學(xué)也可以直接來這兒 → 《PS教程!手把手教你繪制多彩飄逸的抽象光》
五、通過線條來突出重點(diǎn) :

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


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


攝影很重要的一點(diǎn)是突出主體,而最常用的方法就是用大光圈把主體從環(huán)境中剝離出來,也就是把主體從空間里切割出來。
這種突出的方法在設(shè)計(jì)中也會常常用到,比如在背景和人物的關(guān)系處理上 我們常常會將焦點(diǎn)以外的東西模糊,來突出主體或者局部來增強(qiáng)空間的對比。



人們在閱讀某種信息時(shí),視覺總有一種自然的流動(dòng)習(xí)慣,如視覺瀏覽先后次序。視覺流程往往會體現(xiàn)出比較明顯的方向感,使整個(gè)畫面的運(yùn)動(dòng)趨勢有一個(gè)主旋律。設(shè)計(jì)的視覺影響力體現(xiàn)在常規(guī)的視覺上的最佳視域,也就會被視覺傳達(dá)的形式所引導(dǎo),情況就發(fā)生變化,而攝影的種種技巧和處理方式,正好為設(shè)計(jì)的最佳視域提供了很好的借鑒方法,因此設(shè)計(jì)的時(shí)候不妨多想想以一個(gè)攝影師的角度來思考設(shè)計(jì),也許有不一樣的收獲。
本文地址:http://m.likemindfilms.com/tutorial/ui2921.html
- 專訪:石墨文檔產(chǎn)品總監(jiān)羅穎
- UI設(shè)計(jì)不得不知的移動(dòng)端UI尺寸適
- 光音移動(dòng)設(shè)計(jì)規(guī)范 — 表單類
- 體驗(yàn)設(shè)計(jì)中的排序問題
- 網(wǎng)頁設(shè)計(jì)精粹 網(wǎng)頁中那些迷人的按
- aliued:響應(yīng)式設(shè)計(jì)的現(xiàn)狀與趨勢
- 10個(gè)智能對象處理的ps技巧
- 網(wǎng)頁UI - 原子設(shè)計(jì)理論(上)
- 如何通過設(shè)計(jì)提升banner點(diǎn)擊率?
- 晉小彥視覺設(shè)計(jì)系列文章(二):全屏