不少商家有過這樣的苦惱:辛辛苦苦上傳完資料之后,網(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)品,白墻是很好的背景。
產(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)鞋、眼鏡等,可采用橫向長方形。
如果你的產(chǎn)品在垂直方向比較長,比如冰箱、酒瓶等,可采用縱向長方形。
但是,如果你的產(chǎn)品多種多樣,那么建議采用正方形。經(jīng)UEESHOP市場調(diào)研發(fā)現(xiàn),正方形最實(shí)用,能更好兼容各樣產(chǎn)品,并且適用不同的社交媒體和電商平臺(tái)。
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、讓產(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)頁)所用格式”功能,就能輕松做到!
打開圖片文件,選擇菜單欄“文件”=> “存儲(chǔ)為Web(網(wǎng)頁)所用格式”,
將品質(zhì)降低至60保存,文件就可以壓縮到1M以內(nèi)。
舉例如上,左圖是常規(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)化率更顯著。
7、包裝體現(xiàn)品質(zhì)
包裝是產(chǎn)品的一部分,不容忽視。獨(dú)具匠心的包裝給購買者留下深刻的第一感官印象。將其展示在網(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)品詳情頁放大鏡功能里的產(chǎn)品原圖上,其他頁面的產(chǎn)品縮略圖不要添加。
好了,以上這些小心機(jī)你都get到了嗎?成敗在于細(xì)節(jié),認(rèn)真處理你的產(chǎn)品圖,能讓你的獨(dú)立站在蕓蕓眾站之中鶴立雞群!
高級(jí)設(shè)計(jì)師林思瑋
- 蜜度索驥:以跨模態(tài)檢索技術(shù)助力“企宣”向上生長
- 為什么年輕人不愛換手機(jī)了
- 柔宇科技未履行金額近億元被曝已6個(gè)月發(fā)不出工資
- 柔宇科技被曝已6個(gè)月發(fā)不出工資 公司回應(yīng)欠薪有補(bǔ)償方案
- 第六座“綠動(dòng)未來”環(huán)保公益圖書館落地貴州山區(qū)小學(xué)
- 窺見“新紀(jì)元”,2021元宇宙產(chǎn)業(yè)發(fā)展高峰論壇“廣州啟幕”
- 以人為本,景悅科技解讀智慧城市發(fā)展新理念
- 紐迪瑞科技/NDT賦能黑鯊4 Pro游戲手機(jī)打造全新一代屏幕壓感
- 清潔家電新老玩家市場定位清晰,攜手共進(jìn),核心技術(shù)決定未來
- 新思科技與芯耀輝在IP產(chǎn)品領(lǐng)域達(dá)成戰(zhàn)略合作伙伴關(guān)系
- 芯耀輝加速全球化部署,任命原Intel高管出任全球總裁
免責(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)鏈接。