- 相關(guān)推薦
美工設(shè)計(jì)：店鋪詳情頁(yè)設(shè)計(jì)技巧
上過(guò)淘寶的朋友都應(yīng)該了解店鋪詳情頁(yè)是什么樣子的，那么大家知道店鋪詳情頁(yè)是怎么設(shè)計(jì)的嗎？下面小編為大家整理了美工設(shè)計(jì)：店鋪詳情頁(yè)設(shè)計(jì)技巧，希望能幫到大家！
詳情頁(yè)的一般規(guī)律
1、關(guān)聯(lián)銷售
2、焦點(diǎn)圖
3、客戶訴求
4、產(chǎn)品優(yōu)勢(shì)
5、產(chǎn)品參數(shù)
6、產(chǎn)品展示
7、細(xì)節(jié)展示
8、證書保障
9、買家須知
上面只是一般詳情頁(yè)的排版規(guī)律，具體落地的時(shí)候可以根據(jù)產(chǎn)品的類目（例如：母嬰，女裝，電器，箱包），頁(yè)面的情況（例如：新店——沒有銷量基礎(chǔ)的；主打高銷量款頁(yè)面——有一定的銷量，主要是想優(yōu)化改善）等等情況，可以酌情對(duì)頁(yè)面順序進(jìn)行的調(diào)整，可以相應(yīng)的加上：①曬好評(píng)，②品牌故事，③場(chǎng)景展示，④產(chǎn)品結(jié)構(gòu)圖，⑤安裝說(shuō)明等等。這些模塊，除了給頁(yè)面增值外，更充分的展示產(chǎn)品的優(yōu)勢(shì)。
"三思而后行——做好市場(chǎng)調(diào)查"
在做每一個(gè)設(shè)計(jì)之前，小編建議每一位設(shè)計(jì)師都動(dòng)手去做一下市場(chǎng)調(diào)查，例如：同行業(yè)的數(shù)據(jù)調(diào)查，消費(fèi)人群的調(diào)查，消費(fèi)人群的購(gòu)地域調(diào)查，消費(fèi)能力的調(diào)查等。做這一系列的調(diào)查，除了能加快您對(duì)產(chǎn)品的了解外，更能準(zhǔn)確的撲捉到產(chǎn)品的針對(duì)人群，和定位。然而，一般從哪些途徑去做這些調(diào)查呢？小編為您介紹幾個(gè)：
1、淘寶指數(shù)
淘寶指數(shù)是目前一個(gè)對(duì)分析消費(fèi)人群的一個(gè)準(zhǔn)確性較高的軟件，
2、淘寶網(wǎng)站
在淘寶網(wǎng)站的首頁(yè)，打上產(chǎn)品的關(guān)鍵詞，然后對(duì)比同行的數(shù)據(jù)等等
在萬(wàn)事具備后，我們就可以設(shè)計(jì)頁(yè)面了嗎? 此時(shí)此刻，小編又不得不大聲對(duì)各位同學(xué)SAY NO，在充分做好市場(chǎng)調(diào)查后，我們還有一個(gè)步驟要做，就是要定下頁(yè)面需要做什么風(fēng)格的，需要用些什么元素？需要用什么色調(diào)？然而，要怎樣去確定這些要素呢？下面，又是小編的開班時(shí)間了··
萬(wàn)事開頭難——確定風(fēng)格元素
在確定頁(yè)面的風(fēng)格，色調(diào)，運(yùn)用元素，這個(gè)上面的市場(chǎng)調(diào)查有著息息相關(guān)的聯(lián)系。具體要做怎樣做，請(qǐng)看小編今日開班有說(shuō)：
1、外觀
1）根據(jù)產(chǎn)品的外觀去定產(chǎn)品的風(fēng)格
2）根據(jù)產(chǎn)品顏色去定頁(yè)面色調(diào)的
2、工藝
根據(jù)產(chǎn)品的一些獨(dú)特的工藝，去奠定整個(gè)頁(yè)面的風(fēng)格調(diào)性的
3、季節(jié)性
根據(jù)季節(jié)性，結(jié)合產(chǎn)品的一些買點(diǎn)，完美結(jié)合展現(xiàn)頁(yè)面調(diào)性的
4、時(shí)事性
把時(shí)事相關(guān)的歷史幾何起來(lái)，營(yíng)造出一個(gè)故事的氛圍，從而奠定一個(gè)頁(yè)面的調(diào)性，例如：美的赤兔馬電熱水壺
點(diǎn)睛之筆——首焦圖
首焦圖主要包括以下幾點(diǎn)：
1、頁(yè)面主題
2、產(chǎn)品
3、優(yōu)惠信息/功能性信息
客戶訴求
該板塊主要包含了以下幾點(diǎn)：
1、客戶在購(gòu)買前遇到的煩惱
2、客戶在使用過(guò)程中遇到的煩惱
產(chǎn)品優(yōu)勢(shì)
在展示這一模塊的時(shí)候，小編又要強(qiáng)調(diào)一下，很多同學(xué)會(huì)有這樣的錯(cuò)覺：覺得把產(chǎn)品的買點(diǎn)放上來(lái)展示就是突出產(chǎn)品的優(yōu)勢(shì)了。其實(shí)不然，很多時(shí)候我們要站在客戶的角度去思考，例如：我為什么要買這個(gè)熱水器？家里不是已經(jīng)有嗎？為什么要換新的？哦~原來(lái)它智能的，在±1℃下還能恒溫供水。哦~原來(lái)他在停電的狀態(tài)下，還能提供熱水，停電的夜晚也不再擔(dān)心沒有熱水洗澡了等等。
上訴的例子不知道同學(xué)們看懂了小編的意思沒有？透過(guò)這個(gè)例子，小編想告訴各位同學(xué)，產(chǎn)品的優(yōu)勢(shì)這一模塊的展示的最主要作用是用來(lái)解決顧客的煩惱的，直白的說(shuō)就是顧客煩惱什么，我們就要把產(chǎn)品可以為顧客消除煩惱的那一邊展示出來(lái)。
產(chǎn)品參數(shù)
在到了頁(yè)面的承上啟下的部分，小編建議各位同學(xué)，把產(chǎn)品的相關(guān)參數(shù)再次亮出來(lái)，第一，可以加深顧客對(duì)產(chǎn)品的印象；第二，起到一個(gè)轉(zhuǎn)折的作用，產(chǎn)品的參數(shù)的相關(guān)類容小編就粗略的列舉下，（備注：根據(jù)產(chǎn)品的不同類目，同學(xué)們要適當(dāng)?shù)纳宰髡{(diào)整哈）
（一）、產(chǎn)品名稱
（二）、產(chǎn)品型號(hào)
（三）、產(chǎn)品材質(zhì)
（四）、產(chǎn)品配件
（五）、產(chǎn)品顏色等等
產(chǎn)品展示
產(chǎn)品展示這一塊，小編就不展開細(xì)說(shuō)了，這一模塊顧名思義是：展示產(chǎn)品，引導(dǎo)顧客去深入了解產(chǎn)品的結(jié)構(gòu)的，在此環(huán)節(jié)，可以適當(dāng)?shù)募由仙倭繛槲陌福瑢?duì)產(chǎn)品有一個(gè)簡(jiǎn)單的描述，增加頁(yè)面的可看性。
細(xì)節(jié)展示
到了細(xì)節(jié)展示這一塊，這一個(gè)模塊的主要作用，是更詳細(xì)的，更具象的告訴顧客產(chǎn)品的優(yōu)勢(shì)在哪里？放大每個(gè)細(xì)節(jié)加深顧客對(duì)產(chǎn)品的了解，從而引導(dǎo)顧客購(gòu)買產(chǎn)品，達(dá)成成交額。
證書保證
提到網(wǎng)購(gòu)，很多顧客唯一一點(diǎn)比較擔(dān)心的就是：質(zhì)量上的問(wèn)題。要怎樣才能讓顧客消除一定的心理障礙呢？出來(lái)曬好評(píng)，曬信譽(yù)外，最能證明實(shí)力的莫過(guò)于一張國(guó)家質(zhì)檢合格證書，還有三包服務(wù)"包換、包退、保修"
所以，小編建議各位同學(xué)，在做電器產(chǎn)品或者母嬰類目的時(shí)候最好是吧質(zhì)檢合格證書拿出來(lái)，讓它占據(jù)一席之位，也好給您的頁(yè)面增增值。
買家須知
買家須知這一模塊，也許很多同學(xué)覺得不必要，但是小編不得不說(shuō)有這一個(gè)模塊可以規(guī)避賣家在購(gòu)買時(shí)的不必要誤會(huì)，減少很多售后問(wèn)題。
數(shù)據(jù)跟進(jìn)
頁(yè)面做好后，小編建議各位同學(xué)不要忘記后面對(duì)店鋪?lái)?yè)面的數(shù)據(jù)根據(jù)，通過(guò)觀察數(shù)據(jù)，才能更好的完善和改進(jìn)頁(yè)面，進(jìn)步不是一蹴而就的。
綜上所述，縱觀全文，小編今天的授課內(nèi)容也就說(shuō)完了，總結(jié)起來(lái)就是要做好一個(gè)詳情頁(yè)面，不但只要一個(gè)好的技術(shù)操手，更要懂得去分析市場(chǎng)，了解產(chǎn)品，所以，秀的頁(yè)面做下來(lái)會(huì)有這些步驟：
熟悉詳情頁(yè)的一般排版規(guī)律、做好市場(chǎng)調(diào)查、確定風(fēng)格元素、開始制作（首焦圖、客戶訴求、產(chǎn)品優(yōu)勢(shì)、產(chǎn)品參數(shù)、產(chǎn)品展示、細(xì)節(jié)展示、證書保障、買家須知）、數(shù)據(jù)跟進(jìn)。
【美工設(shè)計(jì)：店鋪詳情頁(yè)設(shè)計(jì)技巧】相關(guān)文章：
淘寶店鋪美工設(shè)計(jì)必學(xué)的顏色搭配技巧03-13
案例解析詳情頁(yè)設(shè)計(jì)的技巧03-03
網(wǎng)頁(yè)美工設(shè)計(jì)技巧03-12
網(wǎng)站創(chuàng)意美工設(shè)計(jì)技巧08-28
美工設(shè)計(jì)圖片的使用技巧03-13
網(wǎng)頁(yè)美工設(shè)計(jì)中色彩搭配技巧03-18
企業(yè)網(wǎng)頁(yè)美工設(shè)計(jì)色彩搭配的技巧03-13
美工設(shè)計(jì)的思路03-13