UEESHOP:獨立站上線后不及設計稿好看？問題可能出在產品上

不少商家有過這樣的苦惱：辛辛苦苦上傳完資料之后，網站卻沒有設計稿好看?經UEESHOP設計師檢查發(fā)現，問題出在產品圖的處理上!

內容為王的互聯網時代，對于大多數網站而言，產品是第一內容，高質量的產品展示是提升轉化率的關鍵。如何更好的展示產品，讓你的網站更專業(yè)，讓用戶更有購買欲望?這篇文章能幫助你參透出新的思路。

1、拍攝與修圖

產品拍攝要把握“干凈高清，突出主體”的原則，建議可采用純色背景，或營造簡單場景，突出產品質感。如果拍攝體積大的產品，白墻是很好的背景。

產品拍攝完畢，要簡單修圖，盡可能還原產品本身的特性。拒絕使用網紅濾鏡，過度美化會導致產品失真、誤導購買者。倘若你的客戶發(fā)現貨不對板，很可能要求退款，并從此不再光顧你的網站。

如果你熟悉PS，可以通過色相飽和度、色階、銳化等工具進行校色調整。處理圖片時，千萬不要將小圖拉伸放大，否則將失真模糊。當然了，你可以將這個環(huán)節(jié)的功夫一次性外包處理，省時省力。

2、正方形最實用

有些商家會問到：產品圖應該用什么比例?4：3還是16:9?

如果你的產品在水平方向比較長，比如運動鞋、眼鏡等，可采用橫向長方形。

如果你的產品在垂直方向比較長，比如冰箱、酒瓶等，可采用縱向長方形。

但是，如果你的產品多種多樣，那么建議采用正方形。經UEESHOP市場調研發(fā)現，正方形最實用，能更好兼容各樣產品，并且適用不同的社交媒體和電商平臺。

3、統(tǒng)一尺寸

所有產品圖都要采用相同的尺寸。通常產品詳情頁有放大鏡效果，那么產品圖最佳尺寸在1000-1500像素之間，既能達到“放大”的視覺，又能避免過大尺寸而拖慢網頁加載速度。

4、產品占比80%-90%

產品占畫布空間比，指的是產品面積占整個圖片面積的比例，約85%為佳。如果所占比例太大，顯得產品頂天立地、撐爆畫布;如果所占比例太小，四周留白過多，顯得產品小氣簡陋。

5、讓產品圖文件盡可能小

據UEESHOP數據統(tǒng)計發(fā)現，當網頁加載時間超過3秒，會有40%訪客會失去耐心，轉頭就走。圖片大小是網頁速度殺手，你要做的是讓產品圖文件盡可能小，確保網頁的正常加載速度!

轉化率高的產品圖，尺寸都很高清，但又能保持較小的文件大小。在PS上使用“存儲為Web(網頁)所用格式”功能，就能輕松做到!

打開圖片文件，選擇菜單欄“文件”=> “存儲為Web(網頁)所用格式”，

將品質降低至60保存，文件就可以壓縮到1M以內。

舉例如上，左圖是常規(guī)JPG，右圖是將品質壓縮到60的網頁格式JPG。對比可見，壓縮后的產品圖依`然很高清，僅僅犧牲一點肉眼很難分辨的清晰度和色彩飽和度，就換來更小的文件大小，確保網頁的正常加載速度，何樂而不為?這個方法適用于壓縮網頁上其他圖片的文件大小。

6、全方位展示產品

不少商家有這樣的疑慮：顧客無法在網站上觸摸到產品，如何能為顧客提供優(yōu)質貼心的產品體驗呢?方法很簡單，就是提供多張產品圖片，包括：多角度圖、細節(jié)圖、應用場景圖、包裝圖。

UEESHOPCEO還強調，結合場景的產品圖片，比單單白底圖片更能抓住人的眼球，引起共鳴，激發(fā)購買欲望，并且投放Facebook廣告的轉化率更顯著。

7、包裝體現品質

包裝是產品的一部分，不容忽視。獨具匠心的包裝給購買者留下深刻的第一感官印象。將其展示在網站上，更能體現企業(yè)的質量管理水平。

8、勿讓水印搶走產品視線

為了防止產品圖被盜用，不少商家會在產品上添加水印。為了達到宣傳效果，會在產品上添加logo和一系列認證標識。

這些做法在獨立站上都要慎用，否則會嚴重影響用戶的視覺感受，甚至讓人反感。

如果確實要加水印，建議只加在產品詳情頁放大鏡功能里的產品原圖上，其他頁面的產品縮略圖不要添加。

好了，以上這些小心機你都get到了嗎?成敗在于細節(jié)，認真處理你的產品圖，能讓你的獨立站在蕓蕓眾站之中鶴立雞群!

高級設計師林思瑋

生成海報

免責聲明：本網站內容主要來自原創(chuàng)、合作伙伴供稿和第三方自媒體作者投稿，凡在本網站出現的信息，均僅供參考。本網站將盡力確保所提供信息的準確性及可靠性，但不保證有關資料的準確性及可靠性，讀者在使用前請進一步核實，并對任何自主決定的行為負責。本網站對有關資料所引致的錯誤、不確或遺漏，概不負任何法律責任。任何單位或個人認為本網站中的網頁或鏈接內容可能涉嫌侵犯其知識產權或存在不實內容時，應及時向本網站提出書面權利通知或不實情況說明，并提供身份證明、權屬證明及詳細侵權或不實情況證明。本網站在收到上述法律文件后，將會依法盡快聯系相關文章源頭核實，溝通刪除相關內容或斷開相關鏈接。