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è),讓用戶更有購買欲望?這篇文章能幫助你參透出新的思路。

1、拍攝與修圖

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

1.jpg

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

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

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

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

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

2.jpg

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

3.jpg

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

4.jpg

3、統(tǒng)一尺寸

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

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

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

5.jpg

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

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

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

6.jpg

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

7.jpg

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

8.jpg

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

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

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

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

9.jpg

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

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

10.jpg

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

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

11.jpg

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

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

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

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

極客網(wǎng)企業(yè)會(huì)員

免責(zé)聲明:本網(wǎng)站內(nè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)頁或鏈接內(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)鏈接。

2017-12-18
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è),讓用戶更有購買

長按掃碼 閱讀全文