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