網頁設計中的所需要的配圖素材有一個非常重要的來源——攝影。攝影配圖是我們最常見，也最為簡單的配圖方式。網頁設計師大概都會有這樣的體會，如果攝影作品足夠優雅，設計師的工作相對就更輕松無礙。當然，優秀的攝影作品是可遇而不可求的，很多時候，我們能拿到手的資料也許就是一張平凡無奇的攝影圖，這對于設計師而言無疑也是一種挑戰。

前言

網頁設計中的所需要的配圖素材有一個非常重要的來源——攝影。攝影配圖是我們最常見，也最為簡單的配圖方式。網頁設計師大概都會有這樣的體會，如果攝影作品足夠優雅，設計師的工作相對就更輕松無礙。當然，優秀的攝影作品是可遇而不可求的，很多時候，我們能拿到手的資料也許就是一張平凡無奇的攝影圖，這對于設計師而言無疑也是一種挑戰。

幾個攝影為王的例子

下面這兩個網站的首頁設計都用一張全屏的攝影大圖展示，優秀的攝影作品讓網站本身的形象立起來了。

如果是以時尚服飾、餐廳等內容的網站，本身就需要展示其產品本身的魅力，因此攝影圖本身就極為重要。因為服飾的美感、美食的誘惑……本身就足以打動觀眾了。但是，怎樣攝影擺拍依然需要精心設計。

下面這一組展示鞋子的攝影本身就充滿了設計感，這樣就比單純去展示鞋子效果要好。如果有這樣的攝影作品資源，網頁設計的視覺效果必定不會太差。

就算是服飾展示，也可以運用模特美感，選用恰當的布景設計。以體現產品本身的個性特點。這需要攝影作品里的一種獨道的敘事能力。下圖這一張攝影作品里流露出復古的華麗風尚。

現在可以明白了，為網站配圖，選用攝影的方法并非想象中簡單，需要攝影師的共同配合。最好是設計師本身也是一個攝影師，而理想的狀態還有相應的布景設計以及模特道具一應俱全，對于展示一個高品質的品牌宣傳力度絕不會令人失望。

需要注意的就是，網頁中可以出現的人物模特雖然并沒有嚴格限制，但你也應該將其控制在同一風格上，不要讓他們看上去像來自兩個星球。

配圖的加工秘方

當然，如果沒有優秀的攝影資源，網頁設計也并非就無法展開。我們會遇到的攝影作品的問題多少會主要有下面幾個方面。

這些問題是客觀存在的，如果我們沒辦法在攝影上用力，那么我們就應該著眼在后期對相片的改變和修飾。比如我曾經寫過的一篇文章《網頁配圖之道：首圖的設計技巧》，其中就講到了八種后期對首圖的處理所引發的視覺新鮮感。

除了后期的潤色，我們還可以聊聊剪裁這個話題。

這主要是針對照片本身毫無新意所開發的創意。剪裁本身作為一種后期的手段，在運用時，甚至更要跳出原有剪裁的修飾含義，而是以突出焦點制造情景為主。也許你聽過這樣的說法，一部好電影不止需要好導演、好演員、好編劇，必不可少也需要一個好剪輯，在電影行業中的剪輯這個角色就類似于我們裁剪工作，只有剪輯師把影片銜接成緊湊而有趣的情節，我們才能看到好電影。同樣道理，將素材進行一定的剪裁是必不可少的，甚至我們不單是為了解決素材本身的問題，而是無法跳過的環節。

發現之旅

格式塔完型強調一個造型并非一定要完整呈現于你的眼前，通過經驗，你也能腦補那些空白的部分。這在剪裁時運用就格外得心應手，因為裁掉一個模特一半的臉，我們并不會覺得這是一個一半人頭的模特，相反，我們會開大想象的馬力，相信看不見的另一半繼續延展于屏幕之外。

下圖照片只展示一半并不會影響我們對原始照片的判斷，照片的焦點從原來的女孩的面容轉移到了旁邊的落葉上，反而更突出了“秋天”的主題。

對，其實我們的重點并不在延續想象，而是在于焦點的轉移。通過裁剪我們焦距了許多也許我們第一印象里并沒有注意的有趣的細節，因此，與其將此法叫做完形想象，不如叫做發現之旅。

下面是同一張照片的兩種不同的剪裁，凸顯出了不同的焦點，第一張的焦點是玫瑰花，第二張的焦點就轉移成為了酒杯上的草莓，第一張稍濃艷，第二張稍清新。

根據這樣的原則，當你的照片的全貌并不是十分重要的時候，比如有家居網站想要展示整個家居的室內設計，這時，也許你不應該裁剪圖片，因為這時的圖片內容是作為一個產品圖片進行展示的。除此而外，當圖片僅僅是傳遞一種品牌氛圍時，然而圖片本身又不足以吸引人時，可以采用這個方式。

后期拼接

有的剪裁是針對圖片尺寸的，也有針對圖片中某個特定的對象的剪裁，也就是俗稱的“摳圖”，摳圖的要點就是讓目標物與背景分離，從而讓新的目標物重換表達的方式。這樣的技巧在大型展示圖片類型中使用頗多。我說過，首圖是非常重要的視覺焦點，如果你的素材本身并不夠吸引，恐怕就需要精加工，后期創造焦點。

下圖頁面所摳選的對象直接作為焦點，去掉了原始的背景，放置于新的背景也和焦點對象保持同色系，單一色系帶來的統一感很容易感染人。

這些合成圖片的頁面來自饒有意趣的場景設計，對每個所甄選的場景對象都進行了設計和組合。

摳圖需要注意的法則，除了精細化處理以外，還需要強調一點就是被拼湊在一起的對象色調的一致性，調和色調必不可少。更有移花接木的方式，讓焦點顯得更有趣，這需要巧妙的圖片合成。

下圖的頁面是一個雙重影像的合成方式，利用人和景的巧妙重合，彼此都保留一定的透明度，雙雙可見，共同演繹一種都市白領的氣質。這在我的文章中《打造夢幻般重影效果圖》有詳細講解制作方法。

將圖片裁剪成更有趣的造型加以幾何拼接，就像在原始圖片上方使用了一個蒙板。

這需要在原有剪裁的基礎上，更添上自己的小心意，這可以提高網站的設計感，但需要注意的是，移花接木的方式最易引發注意，因此它勢必作為焦點，單一展示之外注意不要再設計過度。

后記

配圖的大招不僅僅是攝影，我想還有手繪。越來越有這樣的趨勢：攝影日漸式微，網頁開啟了插畫時代。