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

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

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

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

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

一、通過布局突出重點：

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

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

想一秒生成黃金分割線？來看這個神器！《PS神器！簡單實用的黃金分割工具免費下載》

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

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

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

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

除了大小，也有很多方式可以幫你突出重點，我們以簡單的文本為例，幫你快速學習：《經驗分享！超實用的文本處理技巧》

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

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

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

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

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

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

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

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

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

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

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

高質量的光效素材都打包好等你了！《14套PS頂級光效筆刷打包下載》

想打造光效超炫效果的同學也可以直接來這兒?→ 《PS教程！手把手教你繪制多彩飄逸的抽象光》

五、通過線條來突出重點?：

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

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

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

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

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

看到這兒，感覺不學攝影是不行了，趕緊將這幾篇翻出來學習：

1. 《設計師也來學學如何拍照：攝影基礎入門》
2. 《吃貨設計師必備！那些給美食拍照的技巧》
3. 《漲姿勢！如何判斷一幅風景照片具有較大的后期潛力》

設計是通過視覺元素引人注目而實現信息內容的傳達，為了使信息傳達獲得最大的視覺傳達功能，使之真正成為可讀性強而且新穎的媒體，設計必須適應人們視覺流向的心理和生理特點，由此確定各種視覺構成元素之間的關系和秩序。

把握設計元素，是新人設計師最該掌握的技巧，陽春白雪還是下里巴人，一線之隔：《秒變專業范兒！如何避免設計中有廉價的感覺》

因此，設計時就必須遵循一定的形式美法則。我們知道視覺流程的形成是由人類自然生理特征決定的。在通常情況下，由于生理上的原因，人們在了解視覺語言時，總會追尋某種規律。

人們在閱讀某種信息時，視覺總有一種自然的流動習慣，如視覺瀏覽先后次序。視覺流程往往會體現出比較明顯的方向感，使整個畫面的運動趨勢有一個主旋律。設計的視覺影響力體現在常規的視覺上的最佳視域，也就會被視覺傳達的形式所引導，情況就發生變化，而攝影的種種技巧和處理方式，正好為設計的最佳視域提供了很好的借鑒方法，因此設計的時候不妨多想想以一個攝影師的角度來思考設計，也許有不一樣的收獲。

【一年一度的好萊塢專題】

分分鐘創造勁爆場面的免費筆刷打包！
《好萊塢大片范兒！12組逼真的爆炸特效筆刷免費打包》

全手工打造好萊塢品質海報教程！
《PS教程！教你創建好萊塢品質的電影海報字體》

人氣超高的好萊塢光暈濾鏡！
《好萊塢特效PS光暈濾鏡下載（KNOLL LIGHT FACTORY 3.2）》

原文地址：tgideas.qq
作者：小K

【優設網 原創文章 投稿郵箱：2650232288@qq.com】

================關于優設網================
"優設網uisdc.com"是國內人氣最高的網頁設計師學習平臺，專注分享網頁設計、無線端設計以及PS教程。
【特色推薦】
設計師需要讀的100本書：史上最全的設計師圖書導航：http://hao.uisdc.com/book/。
設計微博：擁有粉絲量87萬的人氣微博@優秀網頁設計 ，歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航：全球頂尖設計網站推薦，設計師必備導航：http://hao.uisdc.com
———————————————————–
想在手機上、被窩里獲取設計教程、經驗分享和各種意想不到的"福利"嗎？
添加 優秀網頁設計 微信號：【youshege】優設哥的全拼
您也可以通過掃描下方二維碼快速添加：