影像的品質如何影響網站的流量

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

參考文: Photography in Web design 、 How to use Photography


想學習更多:
1.溝通技巧對於商業攝影的重要性
2.什麼才是真正的構圖
3.商業影片廣告製作流程
4.20個旅行拍照技巧,太強大了

DC Films 商業廣告攝影專業公司 – 提供商業人像攝影、商品攝影與影像後製服務】

更多商品攝影,商業攝影的案例分享

期待與您合作

DC Films 商業攝影&廣告製作流程

現在就告訴我們專案細節,任何需求皆可客製化調整,對於製作流程細節有任何疑問歡迎直接與我們聯繫。