正文

詳情頁如何設(shè)計（詳情頁如何設(shè)計背景）

發(fā)布時間：2023-04-07 01:53:49 稿源：創(chuàng)意嶺閱讀： 109

大家好！今天讓小編來大家介紹下關(guān)于詳情頁如何設(shè)計的問題，以下是小編對此問題的歸納整理，讓我們一起來看看吧。

創(chuàng)意嶺作為行業(yè)內(nèi)優(yōu)秀的企業(yè)，服務(wù)客戶遍布全球各地，相關(guān)業(yè)務(wù)請撥打電話：175-8598-2043，或添加微信：1454722008（行業(yè)最低價）

文章目錄列表:

1、美工設(shè)計：店鋪詳情頁設(shè)計技巧
2、如何設(shè)計好一個商品詳情頁
3、淘寶天貓詳情頁如何制作？怎么整理文案排版詳情頁
4、淘寶商品詳情頁的要素設(shè)計

詳情頁如何設(shè)計（詳情頁如何設(shè)計背景）

一、美工設(shè)計：店鋪詳情頁設(shè)計技巧

美工設(shè)計：店鋪詳情頁設(shè)計技巧

上過淘寶的朋友都應(yīng)該了解店鋪詳情頁是什么樣子的，那么大家知道店鋪詳情頁是怎么設(shè)計的嗎？下面我為大家整理了美工設(shè)計：店鋪詳情頁設(shè)計技巧，希望能幫到大家！

詳情頁如何設(shè)計（詳情頁如何設(shè)計背景）

詳情頁的一般規(guī)律

1、關(guān)聯(lián)銷售

2、焦點圖

3、客戶訴求

4、產(chǎn)品優(yōu)勢

5、產(chǎn)品參數(shù)

6、產(chǎn)品展示

7、細節(jié)展示

8、證書保障

9、買家須知

上面只是一般詳情頁的排版規(guī)律，具體落地的時候可以根據(jù)產(chǎn)品的類目（例如：母嬰，女裝，電器，箱包），頁面的情況（例如：新店——沒有銷量基礎(chǔ)的；主打高銷量款頁面——有一定的銷量，主要是想優(yōu)化改善）等等情況，可以酌情對頁面順序進行的調(diào)整，可以相應(yīng)的加上：①曬好評，②品牌故事，③場景展示，④產(chǎn)品結(jié)構(gòu)圖，⑤安裝說明等等。這些模塊，除了給頁面增值外，更充分的展示產(chǎn)品的優(yōu)勢。

"三思而后行——做好市場調(diào)查"

在做每一個設(shè)計之前，我建議每一位設(shè)計師都動手去做一下市場調(diào)查，例如：同行業(yè)的數(shù)據(jù)調(diào)查，消費人群的調(diào)查，消費人群的購地域調(diào)查，消費能力的調(diào)查等。做這一系列的調(diào)查，除了能加快您對產(chǎn)品的了解外，更能準確的撲捉到產(chǎn)品的針對人群，和定位。然而，一般從哪些途徑去做這些調(diào)查呢？我為您介紹幾個：

1、淘寶指數(shù)

淘寶指數(shù)是目前一個對分析消費人群的一個準確性較高的軟件，

2、淘寶網(wǎng)站

在淘寶網(wǎng)站的首頁，打上產(chǎn)品的關(guān)鍵詞，然后對比同行的數(shù)據(jù)等等

在萬事具備后，我們就可以設(shè)計頁面了嗎? 此時此刻，我又不得不大聲對各位同學(xué)SAY NO，在充分做好市場調(diào)查后，我們還有一個步驟要做，就是要定下頁面需要做什么風(fēng)格的，需要用些什么元素？需要用什么色調(diào)？然而，要怎樣去確定這些要素呢？下面，又是我的開班時間了··

萬事開頭難——確定風(fēng)格元素

在確定頁面的風(fēng)格，色調(diào)，運用元素，這個上面的市場調(diào)查有著息息相關(guān)的聯(lián)系。具體要做怎樣做，請看我今日開班有說：

1、外觀

1）根據(jù)產(chǎn)品的外觀去定產(chǎn)品的風(fēng)格

2）根據(jù)產(chǎn)品顏色去定頁面色調(diào)的

2、工藝

根據(jù)產(chǎn)品的'一些獨特的工藝，去奠定整個頁面的風(fēng)格調(diào)性的

3、季節(jié)性

根據(jù)季節(jié)性，結(jié)合產(chǎn)品的一些買點，完美結(jié)合展現(xiàn)頁面調(diào)性的

4、時事性

把時事相關(guān)的歷史幾何起來，營造出一個故事的氛圍，從而奠定一個頁面的調(diào)性，例如：美的赤兔馬電熱水壺

點睛之筆——首焦圖

首焦圖主要包括以下幾點：

1、頁面主題

2、產(chǎn)品

3、優(yōu)惠信息/功能性信息

客戶訴求

該板塊主要包含了以下幾點：

1、客戶在購買前遇到的煩惱

2、客戶在使用過程中遇到的煩惱

產(chǎn)品優(yōu)勢

在展示這一模塊的時候，我又要強調(diào)一下，很多同學(xué)會有這樣的錯覺：覺得把產(chǎn)品的買點放上來展示就是突出產(chǎn)品的優(yōu)勢了。其實不然，很多時候我們要站在客戶的角度去思考，例如：我為什么要買這個熱水器？家里不是已經(jīng)有嗎？為什么要換新的？哦~原來它智能的，在±1℃下還能恒溫供水。哦~原來他在停電的狀態(tài)下，還能提供熱水，停電的夜晚也不再擔心沒有熱水洗澡了等等。

上訴的例子不知道同學(xué)們看懂了我的意思沒有？透過這個例子，我想告訴各位同學(xué)，產(chǎn)品的優(yōu)勢這一模塊的展示的最主要作用是用來解決顧客的煩惱的，直白的說就是顧客煩惱什么，我們就要把產(chǎn)品可以為顧客消除煩惱的那一邊展示出來。

產(chǎn)品參數(shù)

在到了頁面的承上啟下的部分，我建議各位同學(xué)，把產(chǎn)品的相關(guān)參數(shù)再次亮出來，第一，可以加深顧客對產(chǎn)品的印象；第二，起到一個轉(zhuǎn)折的作用，產(chǎn)品的參數(shù)的相關(guān)類容我就粗略的列舉下，（備注：根據(jù)產(chǎn)品的不同類目，同學(xué)們要適當?shù)纳宰髡{(diào)整哈）

（一）、產(chǎn)品名稱

（二）、產(chǎn)品型號

（三）、產(chǎn)品材質(zhì)

（四）、產(chǎn)品配件

（五）、產(chǎn)品顏色等等

產(chǎn)品展示

產(chǎn)品展示這一塊，我就不展開細說了，這一模塊顧名思義是：展示產(chǎn)品，引導(dǎo)顧客去深入了解產(chǎn)品的結(jié)構(gòu)的，在此環(huán)節(jié)，可以適當?shù)募由仙倭繛槲陌福瑢Ξa(chǎn)品有一個簡單的描述，增加頁面的可看性。

細節(jié)展示

到了細節(jié)展示這一塊，這一個模塊的主要作用，是更詳細的，更具象的告訴顧客產(chǎn)品的優(yōu)勢在哪里？放大每個細節(jié)加深顧客對產(chǎn)品的了解，從而引導(dǎo)顧客購買產(chǎn)品，達成成交額。

證書保證

提到網(wǎng)購，很多顧客唯一一點比較擔心的就是：質(zhì)量上的問題。要怎樣才能讓顧客消除一定的心理障礙呢？出來曬好評，曬信譽外，最能證明實力的莫過于一張國家質(zhì)檢合格證書，還有三包服務(wù)"包換、包退、保修"

所以，我建議各位同學(xué)，在做電器產(chǎn)品或者母嬰類目的時候最好是吧質(zhì)檢合格證書拿出來，讓它占據(jù)一席之位，也好給您的頁面增增值。

買家須知

買家須知這一模塊，也許很多同學(xué)覺得不必要，但是我不得不說有這一個模塊可以規(guī)避賣家在購買時的不必要誤會，減少很多售后問題。

數(shù)據(jù)跟進

頁面做好后，我建議各位同學(xué)不要忘記后面對店鋪頁面的數(shù)據(jù)根據(jù)，通過觀察數(shù)據(jù)，才能更好的完善和改進頁面，進步不是一蹴而就的。

綜上所述，縱觀全文，我今天的授課內(nèi)容也就說完了，總結(jié)起來就是要做好一個詳情頁面，不但只要一個好的技術(shù)操手，更要懂得去分析市場，了解產(chǎn)品，所以，秀的頁面做下來會有這些步驟：

熟悉詳情頁的一般排版規(guī)律、做好市場調(diào)查、確定風(fēng)格元素、開始制作（首焦圖、客戶訴求、產(chǎn)品優(yōu)勢、產(chǎn)品參數(shù)、產(chǎn)品展示、細節(jié)展示、證書保障、買家須知）、數(shù)據(jù)跟進。

;

二、如何設(shè)計好一個商品詳情頁

1、首先要分析產(chǎn)品的特點，做好產(chǎn)品的規(guī)劃，在文檔上詳細列出詳情頁的內(nèi)容，然后按照規(guī)劃的一一來做。

2、依據(jù)規(guī)劃做出詳情頁，其中詳情頁的前三屏是比較重要的，第一屏默認是做海報，這張海報要體現(xiàn)產(chǎn)品的最大特色，然后一屏大概在700-800像素左右，寬度默認是750PX，高度不限制，但不要過長，建議在8000PX最好，基本上就是10屏的長度，前三屏直接影響瀏覽者是否繼續(xù)觀看詳情頁。

3、在眾多賣點中找到一個最特色最主要的賣點來進行宣傳，前三屏只展示最大的賣點即可，第二屏并沒有什么普遍默認的，但一定要說產(chǎn)品的最大賣點，例如質(zhì)量好，耐用等。但是要注意掩蓋產(chǎn)品的短處，不要自我揭短。

4、產(chǎn)品的詳細信息要寫上去，比如衣服的尺寸，玻璃制品的規(guī)格，都要一一羅列上去，讓買家可以一目了然，直接選擇自己需要的大小，也可以做到第四屏，之前再做一屏產(chǎn)品最大賣點的展示。

5、前三屏展示完后就要根據(jù)產(chǎn)品其他的賣點，做介紹了，每一個都要根據(jù)之前的規(guī)劃，把特點，優(yōu)勢等放到詳情上，產(chǎn)品優(yōu)勢不止一兩個，至少也要三四個。

6、按規(guī)劃展示產(chǎn)品的特點，細節(jié)，內(nèi)部結(jié)構(gòu)等，讓買家全面了解產(chǎn)品。這樣的細節(jié)圖也不止一個，比如衣服的就需要模特的側(cè)面，背面，衣服衣領(lǐng)，袖口的細節(jié)圖，至少要三四個，這樣下來10屏就差不多用完了，還可以展示廠家實力，或是服務(wù)，買家評價等。

三、淘寶天貓詳情頁如何制作？怎么整理文案排版詳情頁

第一步：百度搜索“創(chuàng)客貼”，點擊進入官網(wǎng)，進行注冊?？梢杂肣Q號、微信號、微博號或者手機號注冊。這個軟件有一部分是收費的，如果想購買會員，要用手機號注冊；

第二步：進入設(shè)計工具頁面，選擇電商設(shè)計，點擊菜單欄選擇免費模板；

第三步：選擇一個模板，點開就可以開始編輯了，文字、圖片全部可以在模板內(nèi)雙擊替換，如果模板的頁面長度不夠，可以直接用鼠標將底部拖長點；

第四步：點擊“模板中心”可以使用免費的正版字體、原創(chuàng)插畫以及背景圖片，所有素材應(yīng)有盡有，收藏下來就可以用；

第五步：全部做完后，點擊右上角“下載”按鈕，選擇下載格式，確認下載就可以了。下載完的文件是圖片格式，可以在淘寶、天貓后臺直接進行上傳。

四、淘寶商品詳情頁的要素設(shè)計

淘寶商品詳情頁的要素設(shè)計

寶貝詳情頁的設(shè)計也沒有那么簡單，掌握詳情頁設(shè)計基本原則的同時，我們還要了解制作詳情頁時需要什么內(nèi)容?

基本原則一：信息圖像化

文字是循序漸進的處理，同時能被記住的只有20%，而圖片同步被大腦處理能記住的是100%，所以詳情頁面的描述應(yīng)盡可能地圖像化。

基本原則二：高效表達

內(nèi)容不要過于臃腫，表達要清晰有條理，簡單直接。不要影響到頁面打開速度。頁面載入時間過長，會影響銷量。

基本原則三：要掌握客戶最關(guān)心的點

你所認為客戶最關(guān)心的地方，往往并不是客戶最關(guān)心的;不同的產(chǎn)品客戶所需求、所關(guān)注的地方不同，不同的產(chǎn)品顧客關(guān)注的地方也是各不相同。

了解了設(shè)計的基礎(chǔ)原則之后，我們一起來看看：一個頁面如何從抓住眼球到最終成交的邏輯，讓頁面深入人心，讓頁面可以幫助你說服你的消費者。

吸引顧客留住顧客

客戶的`需求：產(chǎn)品獨特的賣點(與別人的產(chǎn)品不同的地方，產(chǎn)品優(yōu)勢)、活動價格優(yōu)惠、不同的服務(wù)(購買產(chǎn)品能得到什么享受、服務(wù))、痛點(解決問題煩惱)等。

比如說，服裝類的產(chǎn)品顧客可能關(guān)注的是衣服的款式，模特穿著的樣子，衣服的尺寸以及衣服的尺碼，模特的身材體重以及他穿著的衣服的大小碼對比。這樣才能得出來自己穿起來是什么樣子。

而功能性產(chǎn)品比如說保健品之類的，顧客關(guān)注的就是本件產(chǎn)品到底有什么功能。你的產(chǎn)品肯定要一個突出點，比方說緩解疲勞。需要打出來一點吸引人的地方，你的產(chǎn)品與別人的為何不同，優(yōu)勢在于哪里。這里主要可以分為：近期熱點事件、網(wǎng)絡(luò)流行、新概念、主題氛圍、生活主張、實際利益、好奇心、品牌的嫁接、新品上市、產(chǎn)品創(chuàng)意、強視覺、名人效益、限時限量等。

;

以上就是小編對于詳情頁如何設(shè)計問題和相關(guān)問題的解答了，如有疑問，可撥打網(wǎng)站上的電話，或添加微信。