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