UEESHOP:獨(dú)立站上線后不及設(shè)計(jì)稿好看？問題可能出在產(chǎn)品上

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

內(nèi)容為王的互聯(lián)網(wǎng)時(shí)代，對(duì)于大多數(shù)網(wǎng)站而言，產(chǎn)品是第一內(nèi)容，高質(zhì)量的產(chǎn)品展示是提升轉(zhuǎn)化率的關(guān)鍵。如何更好的展示產(chǎn)品，讓你的網(wǎng)站更專業(yè)，讓用戶更有購(gòu)買欲望?這篇文章能幫助你參透出新的思路。

1、拍攝與修圖

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

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

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

2、正方形最實(shí)用

有些商家會(huì)問到：產(chǎn)品圖應(yīng)該用什么比例?4：3還是16:9?

如果你的產(chǎn)品在水平方向比較長(zhǎng)，比如運(yùn)動(dòng)鞋、眼鏡等，可采用橫向長(zhǎng)方形。

如果你的產(chǎn)品在垂直方向比較長(zhǎng)，比如冰箱、酒瓶等，可采用縱向長(zhǎng)方形。

但是，如果你的產(chǎn)品多種多樣，那么建議采用正方形。經(jīng)UEESHOP市場(chǎng)調(diào)研發(fā)現(xiàn)，正方形最實(shí)用，能更好兼容各樣產(chǎn)品，并且適用不同的社交媒體和電商平臺(tái)。

3、統(tǒng)一尺寸

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

4、產(chǎn)品占比80%-90%

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

5、讓產(chǎn)品圖文件盡可能小

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

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

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

將品質(zhì)降低至60保存，文件就可以壓縮到1M以內(nèi)。

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

6、全方位展示產(chǎn)品

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

UEESHOPCEO還強(qiáng)調(diào)，結(jié)合場(chǎng)景的產(chǎn)品圖片，比單單白底圖片更能抓住人的眼球，引起共鳴，激發(fā)購(gòu)買欲望，并且投放Facebook廣告的轉(zhuǎn)化率更顯著。

7、包裝體現(xiàn)品質(zhì)

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

8、勿讓水印搶走產(chǎn)品視線

為了防止產(chǎn)品圖被盜用，不少商家會(huì)在產(chǎn)品上添加水印。為了達(dá)到宣傳效果，會(huì)在產(chǎn)品上添加logo和一系列認(rèn)證標(biāo)識(shí)。

這些做法在獨(dú)立站上都要慎用，否則會(huì)嚴(yán)重影響用戶的視覺感受，甚至讓人反感。

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

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

高級(jí)設(shè)計(jì)師林思瑋

生成海報(bào)

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