商品詳情頁(yè)設(shè)計(jì)步驟有哪些？設(shè)計(jì)類(lèi)型有哪些？

商品圖片是淘寶商品詳情頁(yè)最重要的部分之一，因?yàn)樗窍M(fèi)者最直觀的了解商品的方式，而賣(mài)家設(shè)計(jì)一個(gè)詳情頁(yè)也是需要經(jīng)歷過(guò)好幾個(gè)步驟的，那是哪幾個(gè)呢?

步驟依次是：確定頁(yè)面風(fēng)格——產(chǎn)品和素材搜集——構(gòu)架布局框架——確定配色方案——擇合適字體類(lèi)型——整個(gè)詳情頁(yè)排版。

1.確定頁(yè)面風(fēng)格

頁(yè)面風(fēng)格主要是根據(jù)產(chǎn)品本身來(lái)定的。

2.產(chǎn)品和素材搜集

前期實(shí)拍素材，進(jìn)行整理和分類(lèi)。我們也要在設(shè)計(jì)的過(guò)程中要學(xué)會(huì)整理搜集自己的素材庫(kù)，做好備份。

3.構(gòu)架布局框架

根據(jù)文案內(nèi)容，結(jié)合實(shí)際產(chǎn)品，進(jìn)行有效的布局建立，比如產(chǎn)品海報(bào)、檢測(cè)報(bào)告、好評(píng)展現(xiàn)等等。

4.確定配色方案

已有店鋪視覺(jué)規(guī)范的可以直接延續(xù)使用。如果沒(méi)有，可以從產(chǎn)品本身提取，或者從Logo中提取或從產(chǎn)品聯(lián)想屬性提取。在配色過(guò)程中，無(wú)論用幾種顏色來(lái)組合，首先要考慮用什么顏色作為主色調(diào)。

5.擇合適字體類(lèi)型

字體使用時(shí)一般不超過(guò)3種字體并選擇符合產(chǎn)品定位的字體;在重點(diǎn)部分內(nèi)容進(jìn)行加粗突出顯示，以加深買(mǎi)家對(duì)該信息的印象程度。

6.整個(gè)詳情頁(yè)排版

對(duì)圖片和文案內(nèi)容進(jìn)行排版設(shè)置，會(huì)考驗(yàn)我們平時(shí)積累下來(lái)的設(shè)計(jì)的水平。

詳情頁(yè)設(shè)計(jì)類(lèi)型有哪些?

1、功能型商品詳情頁(yè)：這種類(lèi)型的詳情頁(yè)主要體現(xiàn)的價(jià)值在于商品功能上。

2、感覺(jué)型商品詳情頁(yè)：這種類(lèi)型的詳情頁(yè)主要給顧客體現(xiàn)身臨其境的感覺(jué)。

3、服務(wù)型商品詳情頁(yè)：比如免費(fèi)送貨上門(mén)、免費(fèi)安裝、各種有保障的售后服務(wù)等。

4、附加價(jià)值：通過(guò)附加價(jià)值(比如優(yōu)惠券)提高店鋪銷(xiāo)量、顧客粘性。

一個(gè)好的淘寶商品詳情頁(yè)設(shè)計(jì)步驟，很多都是遵循這些步驟的，而詳情頁(yè)的設(shè)計(jì)一定是能夠讓很好的把商品特點(diǎn)給呈現(xiàn)出來(lái)的，要不然，就不能很好的留住客戶(hù)。

推薦閱讀：

如何打造爆款詳情頁(yè)文案?詳情頁(yè)文案特點(diǎn)是什么?

詳情頁(yè)文案優(yōu)化思路講解，優(yōu)化采用哪些方式?

淘寶店鋪詳情頁(yè)如何優(yōu)化?裝修在哪里?

這個(gè)問(wèn)題還有疑問(wèn)的話(huà)，可以加幕.思.城火星老師免費(fèi)咨詢(xún)，微.信號(hào)是為: msc496。

更多資訊請(qǐng)關(guān)注幕 思 城。