How does the quality of the image affect the site’s traffic

商業攝影-photography-in-web-design

好的視覺伴隨強大的影像力，不只是透過許多科學實驗得到的證實，這也是為何影視產業會存在的理由。而人類靠著視覺來定義所有的事情，包含所有你看到的、接觸的，都是由視覺來定義。

❝ 凡事在虛擬上發生的事，都會關係到設計，網頁上的影像代表的是品牌形象、識別的標誌。❞

而網頁設計，其組合最重要的元素是文字、圖像與音樂。今天想探討的是，設計網頁時所使用的影像其重要性，許多設計師與客戶低估了攝影的重要性，大多網站之所以沒有吸引力，其實是因為缺少了一張具有說服力的影像。

▎網頁上影像的使用有幾項基本準則：

● 對比與反差 CONTRAST

確認影像與你的設計是否有正確的對比，請確認用戶在閱讀時不會受到圖片的影響，如很細的白色文字壓在很明亮的背景，在視覺上會顯得刺眼，正確對比應該是明亮淺色的背景配上較深的文字或素材，反之；倘若一定要使用淺色背景搭配淺色的文字，肯定需壓上一層霧或陰影。

● 品質 QUALITY

當今天設計的主題是位於巷口小餐廳，而你會搭配上哪類型的照片？
絕不會是「某位仁兄在擁擠的街道中拿著相機卻拍出手震的照片」；如果你的客戶沒有產品的影像素材（不論平面或動態），請試著說服他們一定要有專業的影像。如果說服不了，那就告訴他們簡約的設計是不外乎是最好的選擇。所有設計師應該會寧願沒有影像素材可以使用，而不願在自己設計的網頁中放上使很糟的素材。

● 關聯性 RELEVANCE

一張吸引消費者的影像可勝過千言萬語，再透過簡單的文字讓視覺與主題有更高的關聯性。而如果你銷售的是無形產品，如保險，則挑選象徵性強烈的影像，可能是家、守護、安全含有這些語意的影像與服務做連結；象徵性越強，越能讓用戶辨識出你的形象。

● 滿版影像 BIG IMAGES SELL

透過Apple官網，可以很明顯看得出來，滿版影響的圖像對視覺帶來更大的衝擊力。其國外研究指出，滿版影像相對能帶來較高的轉換率、較低的跳出率與高度吸睛力。

商業攝影-滿版影像

● 人像的影像 PHOTOS OF PEOPLE

人像的影像會特別的吸引眼球，若放入圖庫所抓的圖，其實很明顯能被辨識出，而人像的風格與整體視覺需特別匹配，否則人像的影像可能會帶來扣分的反效果。
預算許可的情況，建議找專業的攝影師拍攝情境，透過影像來傳達這個產品或服務背後的故事，情境照能使用戶感受到你的溫度與情緒。產品使用的情境、員工或同仁研發製作的過程等等，請專業的攝影團隊為客戶設計其網站所需要的素材內容為何。

▼ DC 專業攝影團隊為 Mr.Rich 品牌形象所拍攝的人像影像。

商業攝影案例｜人物商業攝影

▎網頁設計的影像幾項你不能忽略它的原因：

● 影像是內容的一種 PHOTOGRAPHY AS CONTENT

影像不僅是設計中的一大功臣，更夾帶著濃烈的可以傳達的語意，配上文字或音樂，將能引起用戶很大的共鳴。

● 吸引目光 DRAWING ATTENTION

一張吸眼球的影像能讓用戶立刻對你的官網內容產生興趣。若逛到的網站呈現，只是密密麻麻的文字，大腦就會立前傳遞訊息跟他說，可以關掉了，而不會仔細地閱讀。

● 穿針引線 CONTEXT

穿插在文中的影像，會影響著讀者的情緒，影像穿插的好，則讀者也會有身歷其境的感受，更能引導他走入你鋪陳的設計中，創造讀者在情感層面與品牌建立的聯繫。
【其他提醒事項 OTHER CONSIDERATIONS 】

● 圖庫適合與否STOCK PHOTOS: FREE OR PAID?

使用圖庫的優點是，在被授權的情況下，你有抓不完的圖，像許多免費圖庫 Unsplash or SplitShire等，也是設計網站中很好的素材來源。無論免費或付費的圖庫，在有些特殊主題或專案中，可能完全不適用，在上述餐廳的例子中，當你在設計網站時所使用的食物影像，肯定是來自於那間餐廳的菜色，不會是圖庫中的菜色。

● 許可 / 授權 PERMISSION

如果影像不屬於你的，也不屬於客戶，那請確認其授權方式。前陣子全聯涉侵權，擅用吳念真導演照片，也是使用時未注意相關細節。
授權合作，可透過 mail 方式找到那位攝影師洽談其使用方式，除非此圖片已明文條例其使用方式，而台灣在授權方面也尚待增強其觀念，並非你想使用就可恣意的使用。

另外，最直接的方式，就是親自參與拍攝，與客戶溝通整體設計風格後，一起參與拍攝企劃；這樣一來，肯定能讓影像風格設定與網站一致，方不會受到早已設定好或拍攝已久的影像而影響其設計。

▎與專業的攝影團隊工作 Working with a professional

一個專業的攝影師，不在於他使用了多厲害多昂貴的相機，亦不是取決於像素。
請慎選你的設計 / 攝影團隊，在尋找廠商時，多與他們溝通，你可以從他們詢問的問題判斷他們的專業程度。專業的攝影師在規劃影像拍攝時，會根據你的專案目標、官網的風格設定、年度行銷策略、產品/服務等相關細節做一定的研究與了解。

專業的攝影團隊：

● 詢問正確的問題
● 瞭解其產品/服務所適合視覺表現的方式
● 擁有大量拍攝網站影像的經驗，且對網站科技最新的趨勢有一定的了解。
● 兼具產品知識、生活方式與文學涵養。

▼ DC 專業攝影團隊也有幸為転転創意及think™兩家品牌塑造公司拍攝形象照片及影片。

商業攝影-転転創意形象照片

商業攝影-think™形象影片
簡而言之，網路是完全視覺性的媒體，瀏覽者透過他們的雙眼來判斷，並閱讀吸引他們的內容，在最短的時間透過影像的力量讓他們願意多停留幾秒。經由專業的設計，在官網上傳達品牌形象，清楚提供品牌訊息，引導他們跟隨你的設計進入銷售頁面或聯絡我們。專業的攝影能幫助你提升流量與轉換率，不好的影像將成為阻礙你發展的絆腳石。