萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> 交互設計 >> 如何利用6個攝影構圖法搞定設計布局?

如何利用6個攝影構圖法搞定設計布局?

   攝影設計雙學習!今天騰訊的同學一邊聊攝影,一邊聊設計,總結了6個實用的攝影技巧,同樣適合拿來搞定網頁設計中的布局,設計是主,攝影是客,客從主意,幫你快速理解網頁上的構圖,來學習咯。

  小K :一幅好照片要把觀眾的注意力吸引到趣味中心的被攝主體上。無論是拍什麼類型的照片,都會有一個主體。你喜歡拍人物,拍生態,這些都不是問題,但是一旦主體被模糊,欣賞照片時就會忽略照片的主體,這樣的照片是不失敗不完美的,因為真正想讓觀眾看的東西並沒有一眼看到。例如婚紗照,主體肯定是人物新娘和新郎。如果目光都被新娘後面的景色吸引,而不是新娘,這肯定不會是我們想照的。

  網頁設計師的重要任務不是根據內容做出網頁,而是根據用戶需求設計出讓用戶喜歡並積極使用的網頁,能夠讓用戶知道並去使用網站的新產品or關鍵點or有價值的信息。

  那麼如何突出這些點?如何讓用戶看到網頁的點,有讓用戶點擊或者傳播的欲望?突出設計的重點就如同突出攝影的被攝主體一樣,把控視覺的重點,你的設計一定會非常精彩。

  下面我將通過幾種突出被攝重點的攝影方法來诠釋設計與攝影的微妙關系。

  一、通過布局突出重點:

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

  一般來說,放在靠近畫面中心的物體最為突出,黃金分割,九宮格,畫面中心統統可以由你安排,但是務必牢記一點,用心布局!這關系到你作品的成敗!

如何利用6個攝影構圖法搞定設計布局? 三聯
圖片3.jpg

  我們再來看看通過布局突出重點的設計 :

圖片5.png
圖片6.png
圖片7.png
圖片8.png
QQ截圖20141127200703.png

  這些設計通過布局突出重點的形式來構建網頁設計的內容,突出頁面主體和內容,大的沖擊力和表現力能刺激用戶的感官。

  二、通過大小比例關系突出重點 :

  突出被攝主題的一個有效方法是讓它的尺寸看起來不太一樣,上面這張照片巨幅廣告裡的女主角比實際生活中的男主角要大的多,對比起來,那個在角落裡的黑人男性是那麼卑微。

1417090134121554

  打破正常的比例關系,無論是縮小或放大,都能達到突出重點的理想效果。

  我們再來看看通過大小比例關系突出重點的設計 :

QQ截圖20141127200917.png
QQ截圖20141127200937.png

  將人物或者形象的大小進行對比,突出主要的視覺層次,打破正常的比例關系,能讓你的設計更生動。

  三、通過搭畫框的方法突出主體:

QQ截圖20141127201028.png

  鐵絲網後面的那個孩子,他的眼神清澈透明,不論是什麼樣的限制都圈禁不住自由的心。這樣富於創意的畫框無處不在,只要你拍攝前用心去觀察。但是你要知道,這種畫框式的構圖只是一種;噱頭,是用來調換口味的,不可濫用。你當然不會要人們去多看畫框而少看被拍攝對象。

  再來看看通過畫框的方法突出重點的設計:

QQ截圖20141127201053.png
QQ截圖20141127201122.png

  以上設計用框的形式來表現和突出設計的層次,讓其更具形式感。

  四、通過用光來突出主體:

QQ截圖20141127201147.png

  攝影玩的都是你對光線的運用,它不僅是一個技術性問題比如獲得准確的曝光量,它更是一種創造性的手段。無論何時,只要看取景器,就要先看光線,觀察光線的效果和體驗光線的性質,通過用光來突出重點是最有力的手段之一。

  同樣,光在設計中也有不可忽視的作用,光線對於一個好的設計來講,都有至關重要的作用,很多神秘站、包括一些需要渲染氛圍的站點,對於光的應用都有很好的表現。

QQ截圖20141127201214.png
QQ截圖20141127201230.png

  在設計中,光往往能把氛圍帶動起來,使畫面有更多的表現力,在素材不是很給力或者需要強烈氛圍渲染的情況下可以多用光來彌補不足或者襯托畫面。

  五、通過線條來突出重點 :

QQ截圖20141127201251.png

  線條是攝影構圖的基本視覺要素,線性構圖也是攝影中常用的方法之一。線條在畫面中的作用有很多種,它不僅可以隨攝影師的想法分割畫面,還可以使畫面產生明顯的節奏,以及准確表達主題。

QQ截圖20141127201322.png
QQ截圖20141127201339.png

  線條的表現力和形式感都很強,在一些賽事、運動和需要突出形式感的設計裡比較常見,是比較快速搭建節奏和表現形式感的方法。

  六、通過選擇焦點來突出重點 :

QQ截圖20141127201408.png
QQ截圖20141127201435.png

  攝影很重要的一點是突出主體,而最常用的方法就是用大光圈把主體從環境中剝離出來,也就是把主體從空間裡切割出來。

  這種突出的方法在設計中也會常常用到,比如在背景和人物的關系處理上 我們常常會將焦點以外的東西模糊,來突出主體或者局部來增強空間的對比。

QQ截圖20141127201458.png
QQ截圖20141127201517.png
QQ截圖20141127201536.png

  設計是通過視覺元素引人注目而實現信息內容的傳達,為了使信息傳達

copyright © 萬盛學電腦網 all rights reserved