如何讓網站圖片更吸引人

20150310-4

許多人在挑選免費(付費)版型時常會碰到一個問題:DEMO網站的呈現總會覺得這個網站好漂亮剛好是我想要呈現的效果,孰不知網站版型下載後一套用上自己的文章後卻有一種鳳凰落難變野雞的感覺……,到底問題是出在版型設計者的不親民設計,還是因為自己根本是美術門外漢完全不知道怎樣讓自己的網站更漂亮,今天就讓阿腸來傳授幾招網站視覺漂亮更上一層樓的小撇步,不論各行各業或各種主題網站都可以馬上上手。

網站圖片怎麼挑

許多人為了挑一張可以跟文章相呼應的圖片而傷透腦筋,但是大家卻忽略了一件事:有人規定圖片一定要跟內文有關嗎,如果大家有注意蘋果日報應該會發現他們很愛用一些美女圖片吸引讀者點入文章,證明了人們願意點擊連結閱讀文章有很多時候是因為圖片的關係,這裡並不是要大家都用美女圖當作文章的第一張照片來吸引人,還是要選擇一下比較相近一點點的主題,例如3C文章你挑一張美食圖片,或者旅遊文章你挑一張科幻照片,都會讓人有一種格格不入的感覺,建議各位盡量挑選主題有關聯性的照片,但是並不一定要跟該主題有百分之百關聯。

有了挑選圖片的方向之後,接下是要怎樣在眾多圖片中挑選一張最合適的照片,一般阿腸會把圖片分為下列幾類:

  1. 日系過曝風格
    這一類的照片通常留白較多,但是會讓網站有一種整體的舒適感,並不會有太多的刺激或衝突,算是最百搭的照片挑選方法,比較適合淡色系的版型使用。
  2. 顏色對比風格
    這一類的照片顧名思義就是顏色強烈對比,可以非常容易抓住讀者的視覺,但是阿腸建議挑選簡單的物件搭配強烈的對比,盡量不要有太複雜的構圖,效果會來得更好。
  3. 主題明確風格
    這一類照片最好的範例就是美女照,不一定要有太強烈對比或一堆專業技巧,只要主角吸引人勝過千言萬萬語,這一類的照片講究的是構圖,但是初學者在挑選這一類照片上可能會比較沒有經驗。

網站圖片該用什麼尺寸

大部分的使用者在上傳照片時習慣直接使用照片原始比例的尺寸,但是阿腸比較建議第一張照片可以用類似16:9的尺寸會比較吸引讀者,這一個尺寸應該不用太花時間去闡述他的黃金比例等等原因大家應該就會懂了,各位不要擔心16:9的尺寸是否會裁切掉整張照片的完整性,除非是教學文章的圖片,不然讀者只想看到漂亮的東西而非完整的東西。

至於文章內部其他照片的尺寸阿腸建議可以參考一下你所挑選版型官方DEMO網站的尺寸大小,因為那通常是作者在製作該版型的黃金比例。

挑選圖片的地雷

因為手機攝影後製APP功能越來越強大,許多使用者喜歡把眾多照片拼貼成一張後當成文章首圖,其實以文章首圖而言是非常不推薦放這一類拼貼照片的,因為每一張圖都太小張反而會讓讀者抓不到重點,這一類圖片會建議放在網站輪播這一種比較大圖的位置,或者在內文的位置放個幾張就可以了。

有些文章也許內容比較噁心或者灰暗,也建議不要在首圖就直接貼出來,就算文章內容再棒,但是他人分享到臉書時還是容易被一部分人因為圖片關係而感到厭惡錯過了讀者點閱的機會,建議這時候可以用其他類似但不噁心的照片代替,真的找不到就請用一張比較「唯美」的照片吧,頂多標明一下「產品封面純為廣告示意圖與內容物並不相符」。

現在的社會新聞圖片因為有些牽扯到腥羶色而要打馬賽克,讀者應該心中常常會有一個OS:要打馬賽克不如不要放出來,所以首圖照片盡量不要放需要打馬賽克的圖片,除非是為了製造一些特殊效果,但是有時候效果玩多了也很容易讓讀者失去新鮮感。

創用 CC 授權條款
WordPress架站百寶箱阿腸製作,以創用CC 姓名標示-非商業性-禁止改作 4.0 國際 授權條款釋出。

抱歉,本篇文章留言已經關閉。