淘寶店鋪裝修方法與技巧

陳則芝　章炳林

摘要：隨著科技的發(fā)展，網(wǎng)絡(luò)已走進(jìn)了千家萬(wàn)戶，電子商務(wù)跟著這股熱浪迅速發(fā)展起來(lái)，淘寶網(wǎng)、易趣網(wǎng)、拍拍網(wǎng)等C2C網(wǎng)站得到了大家的青睞，越來(lái)越多的賣家選擇網(wǎng)上開(kāi)店這一新型的銷售模式，如何運(yùn)用圖片處理和網(wǎng)店裝修來(lái)提升店鋪的銷售業(yè)績(jī)，已成為眾多賣家關(guān)注的方向。

本文對(duì)淘寶網(wǎng)的店鋪裝修進(jìn)行了探索，在分析網(wǎng)店裝修的基本內(nèi)容及相關(guān)技術(shù)的基礎(chǔ)上，從視覺(jué)營(yíng)銷的角度出發(fā)詳細(xì)介紹了店鋪裝修的方法與技巧，不僅為賣家進(jìn)行店鋪裝修給予指導(dǎo)，也為大學(xué)生創(chuàng)業(yè)提供借鑒與參考。

關(guān)鍵詞：電子商務(wù)；淘寶網(wǎng)；店鋪裝修；方法與技巧

引言

電子商務(wù)是利用計(jì)算機(jī)技術(shù)、網(wǎng)絡(luò)技術(shù)和通訊技術(shù)進(jìn)行的商務(wù)活動(dòng)。電子商務(wù)作為新型的商務(wù)模式給各行各業(yè)、各個(gè)領(lǐng)域帶來(lái)了很大的變化。人們不再是面對(duì)面的、看著實(shí)實(shí)在在的貨物、憑著紙質(zhì)單據(jù)進(jìn)行買賣，而是通過(guò)網(wǎng)上琳瑯滿目的商品信息、完善的物流配送系統(tǒng)和方便安全的資金結(jié)算系統(tǒng)進(jìn)行交易。

根據(jù)《2017年（上）中國(guó)電子商務(wù)市場(chǎng)數(shù)據(jù)監(jiān)測(cè)報(bào)告》顯示，2017年上半年，中國(guó)電子商務(wù)交易額達(dá)13.35萬(wàn)億元，其中B2B市場(chǎng)交易額達(dá)9.8萬(wàn)億元，網(wǎng)絡(luò)零售市場(chǎng)交易額3.1萬(wàn)億元。截止到2017年6月，中國(guó)電子商務(wù)服務(wù)企業(yè)直接從業(yè)人員超過(guò)310萬(wàn)人，由電子商務(wù)間接帶動(dòng)就業(yè)人數(shù)已超過(guò)2300萬(wàn)人。

由阿里巴巴集團(tuán)創(chuàng)建的淘寶網(wǎng)作為網(wǎng)絡(luò)零售平臺(tái)深受人們的歡迎，很多賣家把它作為實(shí)現(xiàn)個(gè)人夢(mèng)想的舞臺(tái)。如何讓自己的店鋪在眾多的網(wǎng)店中脫穎而出，網(wǎng)店裝修顯得非常重要。因?yàn)榫W(wǎng)店裝修不僅讓店鋪看起來(lái)更加整齊、美觀，更能引入流量、增加點(diǎn)擊率，最終提高轉(zhuǎn)化率。

1、淘寶店鋪裝修的相關(guān)內(nèi)容

網(wǎng)店的店鋪裝修和實(shí)體店的裝修類似，都是讓店鋪?zhàn)兊酶溃矍?。由于客戶只能從店鋪中展示的文字和圖片來(lái)了解店鋪及產(chǎn)品，因此對(duì)于網(wǎng)店來(lái)說(shuō)，店鋪設(shè)計(jì)和裝修比實(shí)體店鋪的裝修顯得更為重要。

網(wǎng)店裝修屬于視覺(jué)營(yíng)銷的范疇，是通過(guò)色彩、布局、圖像、文字等的合理應(yīng)運(yùn)用使店鋪看起來(lái)更加豐富、美觀，給消費(fèi)者帶來(lái)更加真實(shí)的視覺(jué)沖擊力，以吸引潛在消費(fèi)者的關(guān)注，刺激消費(fèi)者的購(gòu)買欲望，從而達(dá)到營(yíng)銷制勝的效果。

一般的網(wǎng)站建設(shè)要經(jīng)過(guò)需求分析、網(wǎng)站頁(yè)面設(shè)計(jì)、網(wǎng)站的發(fā)布、網(wǎng)站的推廣等步驟，而淘寶店鋪的設(shè)計(jì)和裝修相對(duì)來(lái)說(shuō)要簡(jiǎn)單得多，它是在給定的淘寶平臺(tái)中在允許的結(jié)構(gòu)范圍內(nèi)通過(guò)圖片、html代碼等進(jìn)行首頁(yè)、店內(nèi)搜索頁(yè)、寶貝詳情頁(yè)、寶貝列表頁(yè)、自定義頁(yè)等頁(yè)面的設(shè)計(jì)。

由于賣家的選擇不同，淘寶網(wǎng)中的店鋪以不同的面貌呈現(xiàn)在買家面前。目前淘寶網(wǎng)共有五個(gè)版本：旺鋪基礎(chǔ)版、旺鋪專業(yè)版、淘寶智能版、旺鋪天貓版、天貓智能版。不同的版本可供裝修的區(qū)域有所不同，所能使用的功能也有所不同。賣家應(yīng)該根據(jù)店鋪的規(guī)模和營(yíng)銷的目的選擇合適的裝修版本，在店鋪裝修的時(shí)候，選擇重點(diǎn)進(jìn)行設(shè)計(jì)。

本文以旺鋪專業(yè)版為例介紹網(wǎng)店裝修的相關(guān)內(nèi)容。

1.1店鋪首頁(yè)

首頁(yè)是買家訪問(wèn)店鋪看到的第一個(gè)頁(yè)面，是整個(gè)店鋪的索引和展示寶貝的地方。首頁(yè)設(shè)計(jì)不僅僅是圖片設(shè)計(jì)或品牌展示，更多的是根據(jù)消費(fèi)者的需求提供產(chǎn)品和促銷信息。當(dāng)消費(fèi)者進(jìn)入店鋪首頁(yè)后，如果沒(méi)有在第一印象上被打動(dòng)，則這次促銷活動(dòng)便是不成功的。根據(jù)位置及功能不同，可以首頁(yè)劃分為店招、左側(cè)模塊和右側(cè)模塊。

（1）店招

店招是店鋪的招牌，如同實(shí)體店的招牌一樣重要。對(duì)于店鋪而言，店招就是店鋪的一張臉，不管買家通過(guò)何種途徑進(jìn)入店鋪，映人買家眼簾的就是店招。

在店招區(qū)域里可以加上店名、所經(jīng)營(yíng)的品牌、經(jīng)營(yíng)理念乃至廣告等一切想要展示的內(nèi)容。在設(shè)計(jì)店招時(shí)，圖片寬度最好為950像素，高度為120像素，格式為GIF、JPG、JPEG、PNG。由于動(dòng)態(tài)的店招更容易引起買家的注意，故可以使用GIF動(dòng)畫(huà)作為店招來(lái)宣傳店鋪形象及品牌。

（2）左側(cè)模塊

絕大多數(shù)店鋪的頁(yè)面都采用左右兩欄布局，并且左窄右寬，左側(cè)模塊為190px，右側(cè)模塊為750px，左側(cè)可以添加寶貝推薦、寶貝分類、寶貝排行、友情鏈接、自定義區(qū)等模塊，可以利用自定義模塊把店鋪公告、促銷做到極致。

（3）右側(cè)模塊

右側(cè)可以添加店鋪公告、寶貝推薦、圖片輪播、自定義區(qū)等模塊。也可以利用自定義模塊進(jìn)行店鋪促銷。

1.2寶貝詳情頁(yè)

淘寶店鋪是用戶接觸寶貝的第一介質(zhì)，網(wǎng)店裝修的質(zhì)量、運(yùn)營(yíng)的效果都可以通過(guò)網(wǎng)店的流量來(lái)判斷。要提升流量，最重要而且最基本的就是做好店鋪的基本功即寶貝詳情頁(yè)制作。

一個(gè)好的寶貝詳情頁(yè)應(yīng)該包含完整的商品信息、有效的店鋪引流、滿意的用戶體驗(yàn)及創(chuàng)意的設(shè)計(jì)。除非是知名品牌店，很少有買家直接進(jìn)入店鋪首頁(yè)。通常是在淘寶網(wǎng)上輸入想要搜索寶貝的關(guān)鍵字，在搜索結(jié)果選擇某一寶貝就進(jìn)入該寶貝的詳情頁(yè)。如何讓買家打開(kāi)寶貝詳情頁(yè)面之后繼續(xù)瀏覽店鋪其他寶貝，則寶貝詳情的描述顯得至關(guān)重要。

1.3自定義頁(yè)面

除了寶貝詳情頁(yè)、首頁(yè)外，還要制作品牌推廣、主題等自定義頁(yè)面。賣家應(yīng)根據(jù)品牌理念對(duì)店鋪進(jìn)行包裝設(shè)計(jì)，以詮釋品牌內(nèi)涵，從而提升品牌價(jià)值，給消費(fèi)者帶來(lái)持久的影響。

2、網(wǎng)店裝修相關(guān)技術(shù)

圖片的處理與店鋪的裝修對(duì)于淘寶店鋪而言猶如一張臉，可以讓人過(guò)目不忘，甚至流連忘返。目前，各種圖片處理軟件及網(wǎng)頁(yè)制作軟件的出現(xiàn)，為商品的圖片制作以及網(wǎng)店的裝修奠定了堅(jiān)實(shí)的基礎(chǔ)。網(wǎng)店裝修所融入的制作技術(shù)，對(duì)提高網(wǎng)店吸引力、增加客戶認(rèn)可度起到了很大的作用。主要有以下幾個(gè)方面：

2.1Photoshop

Photoshop是一款用于繪圖、設(shè)計(jì)、出版印刷、界面設(shè)計(jì)、網(wǎng)站美工等眾多領(lǐng)域的圖形圖像處理軟件。

使用Photoshop可以制作商品主圖、促銷廣告圖及寶貝詳情圖等圖片。在制作時(shí)不僅要設(shè)計(jì)得美觀、有創(chuàng)意，更要為“商”服務(wù)，精準(zhǔn)地傳達(dá)商家的信息，第一時(shí)間內(nèi)展示產(chǎn)品，命中主題，戳中消費(fèi)者利益點(diǎn)，刺激消費(fèi)者的購(gòu)物欲，引導(dǎo)其點(diǎn)擊或購(gòu)買。如果寶貝主圖或廣告圖無(wú)法吸引客戶點(diǎn)擊，寶貝詳情圖又無(wú)法客觀體現(xiàn)商品特征和賣點(diǎn)，客戶沒(méi)有興趣向下看，商品再好也無(wú)法引起買家的關(guān)注。

2.2HTML

淘寶平臺(tái)的信息是以網(wǎng)頁(yè)的形式呈現(xiàn)在買家面前的，作為網(wǎng)頁(yè)標(biāo)記語(yǔ)言的HTML，可以店鋪裝修時(shí)直接使用。淘寶裝修平臺(tái)提供許多可以使用html代碼的模塊，如寶貝詳情描述、自定義店招及自定義區(qū)等，在這些模塊中可以html代碼將店鋪宣傳做到極致。

2.3widget

在淘寶店鋪中經(jīng)?？吹饺凛啿?、背景交替、圖片放大等特效，其實(shí)它是一種使用JavaScript等腳本語(yǔ)言實(shí)現(xiàn)的圖片展示特效。要實(shí)現(xiàn)這些特效，就必須使用腳本代碼。為了保證淘寶平臺(tái)的健康發(fā)展，防止別有用心的人利用惡意代碼來(lái)破壞這個(gè)平臺(tái)，淘寶平臺(tái)不對(duì)設(shè)計(jì)師開(kāi)放JavaScript，而是提供widget組件，如圖片輪播、tab標(biāo)簽等，方便賣家設(shè)計(jì)調(diào)用，以實(shí)現(xiàn)一些特效。

3、網(wǎng)店裝修的方法與技巧

3.1清晰明了的布局

一個(gè)干凈、整潔的網(wǎng)店會(huì)給顧客一種清新的感覺(jué)，因?yàn)轭櫩拖矚g簡(jiǎn)單、大方、導(dǎo)航清晰明了的店鋪。在布局時(shí)，每個(gè)頁(yè)面采用統(tǒng)一的外觀，相同類型的圖像采用相同的效果；添加的分類要便于買家找到他最想要的東西；每個(gè)欄目布局應(yīng)該保持一致。

在設(shè)計(jì)店鋪首頁(yè)時(shí)，通常加上促銷類的全屏海報(bào)，讓消費(fèi)者在第一屏就能看到完整的海報(bào)信息。在設(shè)計(jì)時(shí)，為適應(yīng)不同分辨率的顯示器顯示效果，防止出現(xiàn)信息不全的情況，建議將全屏海報(bào)的寬度設(shè)置為1920px，高度控制在400px到600px之間，內(nèi)容區(qū)域盡量控制在中間950px之內(nèi)。

3.2恰當(dāng)?shù)呐渖桨?/p>

不同的色系有不同的心理感受，如紅色給人熱情、活潑、過(guò)節(jié)的感覺(jué)；綠色給人健康、清新的感受，藍(lán)色給人干凈、簡(jiǎn)潔的印象，粉色給人溫馨、浪漫的感覺(jué)等等。在配色時(shí)應(yīng)根據(jù)企業(yè)文化、產(chǎn)品的特色、顏色的心理感受選擇一個(gè)色系的某一種顏色作為主色，然后通過(guò)調(diào)整該顏色的透明度或者飽和度以獲得其他顏色，并將其作為輔色，這樣整個(gè)頁(yè)面看起來(lái)色彩統(tǒng)一、層次感強(qiáng)。在使用色彩時(shí)，也可以使用其它色系的顏色，但盡量控制在三種色彩以內(nèi)。

配色也要應(yīng)季，春天多使用代表生命的綠色，夏天使用清涼的藍(lán)色，秋天多用一些成熟的金黃色，冬天則多用體現(xiàn)節(jié)日氛圍的紅色。

除了顏色之外，在設(shè)計(jì)海報(bào)的時(shí)候可以借助黑、白、灰無(wú)彩色系或使用蒙版為圖片添加朦朧或立體的效果，以體現(xiàn)出產(chǎn)品的活力。

3.3賞心悅目的圖片

由于網(wǎng)店不同于實(shí)體店，圖片是顧客了解產(chǎn)品信息的最主要手段，寶貝主圖、寶貝詳情圖、促銷海報(bào)都是用圖片來(lái)展示的。

寶貝主圖表現(xiàn)形式多樣，如帶有大品牌LOGO的商品展示圖，也有帶有模特的實(shí)拍圖，還有帶促銷信息的商品主圖。但無(wú)論采取哪種形式，要做到圖片清晰、與實(shí)物保持基本一致、干凈整潔、重點(diǎn)突出。寶貝主圖背景色要求是能襯托商品的純色背景，不要用繁雜的背景。寶貝主圖大小不要超過(guò)3MB，700px*700px以上的圖片上傳后在寶貝詳情頁(yè)自動(dòng)提供圖片放大功能。

寶貝詳情頁(yè)作為推薦商品的載體顯得尤其重要。寶貝詳情要從買家的需求出發(fā)，既要做得賞心悅目，又要簡(jiǎn)單明了。出于營(yíng)銷目的不同，不同類別的寶貝詳情內(nèi)容也各不相同，但通常包含寶貝整體圖片、寶貝細(xì)節(jié)圖片、寶貝賣點(diǎn)、產(chǎn)品類比、售后服務(wù)、品牌文化等內(nèi)容。在制作時(shí)將整個(gè)詳情圖按欄目分割若干張小圖，這樣可以減少圖片大小，以免影響網(wǎng)頁(yè)打開(kāi)的速度。

促銷海報(bào)的設(shè)計(jì)在表現(xiàn)形式上要體現(xiàn)海報(bào)的內(nèi)容，有強(qiáng)烈的視覺(jué)沖擊力，創(chuàng)意方面要求別具一格，讓消費(fèi)者眼睛一亮。在制作促銷海報(bào)時(shí)，要契合店鋪風(fēng)格，把重要的信息放在重要的位置，如黃金分割的位置，這樣才能更好地吸引眼球。當(dāng)活動(dòng)很多時(shí)，應(yīng)選擇重點(diǎn)進(jìn)行推薦，一個(gè)焦點(diǎn)圖突出一個(gè)重點(diǎn)，然后引導(dǎo)買家去看店鋪的其他活動(dòng)，而不能一次性將所有的活動(dòng)都展現(xiàn)在買家面前，這樣不僅沒(méi)有起到推薦產(chǎn)品的作用，反而會(huì)讓人眼花繚亂。

3.4引人注目的文字

承載商品信息的文字，不僅要簡(jiǎn)潔明了，體現(xiàn)產(chǎn)品特點(diǎn)，更要激起顧客的購(gòu)買欲望，增加點(diǎn)擊率。在設(shè)計(jì)文字時(shí)，可以使用Photoshop中文字工具的混合選項(xiàng)生成自己需要的字體效果，不宜將文字設(shè)置得太大或者太小，要與背景產(chǎn)生強(qiáng)烈的對(duì)比，以凸顯產(chǎn)品特色。

總之，開(kāi)設(shè)一個(gè)網(wǎng)店雖然簡(jiǎn)單，但要讓自己的店鋪深入人心，除了有價(jià)廉物美的寶貝、積極的店鋪宣傳及推廣之外，還要認(rèn)真裝修店鋪。只有付出自己的真誠(chéng)與熱情去裝修店鋪，才會(huì)讓店鋪錦上添花，讓消費(fèi)者有耳目一新的感覺(jué)，從而獲得成功的喜悅。