拼多多頁(yè)面設(shè)計(jì)規(guī)范是什么?頁(yè)面裝修基本結(jié)構(gòu)來(lái)啦!-拼多多店鋪裝修拼多多新手開(kāi)店

本文主題拼多多店鋪裝修,頁(yè)面裝修,拼多多,設(shè)計(jì)結(jié)構(gòu),拼多多新手開(kāi)店。

我們?cè)谘b修店鋪的時(shí)候，經(jīng)常會(huì)對(duì)平臺(tái)的圖片尺寸，

設(shè)計(jì)結(jié)構(gòu)

等有一定的疑問(wèn)。之前幕思城給大家介紹過(guò)拼多多各類(lèi)圖片的尺寸又哪些要求，今天就給大家?guī)?lái)拼多多的

頁(yè)面

裝修結(jié)構(gòu)

的規(guī)范內(nèi)容，幫助大家更好地裝修店鋪。

一、基本內(nèi)容

1、基礎(chǔ)結(jié)構(gòu)為如下9種常用類(lèi)型，可隨意組合使用，官方模塊層級(jí)最好靠后位置排放。組件類(lèi)型嚴(yán)格按照第一樓層為店招（F1_template），第二樓層為海報(bào)（F2_P1），第三四樓層之后可隨意組合順序，但是一般為F3_mixG

2、頁(yè)面中必須包含的

3個(gè)基本模塊：店招、首屏海報(bào)、關(guān)注模塊

3、

一般行業(yè)商品數(shù)量不少于20個(gè)，服裝行業(yè)商品數(shù)量不少于30個(gè)。

（每個(gè)模塊商品最多不超過(guò)8個(gè)，同一模塊內(nèi)商品排列樣式可重復(fù)，跨模塊需做新樣式設(shè)計(jì)）

4、

每個(gè)商品需帶上價(jià)格組（包含￥、價(jià)格、劃線價(jià)格/銷(xiāo)量）

二、模塊拆解

1、店招模塊

?店招模塊，為固定模塊，不可缺失，出現(xiàn)在首屏第一樓層位置，呈現(xiàn)方式以一個(gè)顏色塊即可。

?模塊尺寸：750x600，大小≤3M。

2、首屏海報(bào)

?首屏海報(bào)盡量以通用氛圍海報(bào)/商品海報(bào)，支持用戶(hù)全屏換圖和用戶(hù)換圖框/圖兩種模式。

?海報(bào)尺寸：750*400-600，高度最好保持在600px以?xún)?nèi)。

3、優(yōu)惠券/店鋪公告

a.單樣式設(shè)計(jì)

?優(yōu)惠券以少量為宜，一個(gè)PSD文件最多不超過(guò)3個(gè)優(yōu)惠券，拼多多本身較少商家具備有領(lǐng)券功能。

?優(yōu)惠券券面僅支持頂部領(lǐng)取文案，若有領(lǐng)取按鈕設(shè)計(jì)，文案只可使用“頂部領(lǐng)取”，不支持“立即領(lǐng)取”。

?優(yōu)惠券不支持滿(mǎn)xxx使用文案，不支持優(yōu)惠券使用時(shí)間。

?店鋪公告內(nèi)容需分文本處理，整體行數(shù)不超過(guò)5行。

設(shè)計(jì)優(yōu)惠券樣式時(shí)：優(yōu)惠券金額文字是獨(dú)立可編輯的文本圖層，不可合并。

b.多樣式設(shè)計(jì)組合

?設(shè)計(jì)時(shí)可隨意組合樣式，具體以實(shí)際版面呈現(xiàn)為主。

4、混排模塊

：指多種模塊樣式可混合排列使用的形式。

a.常規(guī)樣式組合

?常規(guī)樣式包含常規(guī)組合模式，單列排版、雙列排版、三列排版。

b.自由排版組合

?自由排版支持隨意排版組合，可支持任意類(lèi)型，組合支持隨意樣式。

c.模板呈現(xiàn)樣式

?組合商品每個(gè)均需帶上商品標(biāo)題、價(jià)格、劃線價(jià)、銷(xiāo)量、人名幣、商品，有條件可以增加按鈕。

?羊角符需要獨(dú)立出現(xiàn)，羊角符與價(jià)格劃線價(jià)，銷(xiāo)量等間距均保持10px。

?價(jià)格需保持6個(gè)字符樣式，示例199.00，劃線價(jià)保持6個(gè)字符樣式，示例199.99，標(biāo)題示例8個(gè)字符樣式

?模板新增店鋪場(chǎng)景服務(wù)標(biāo)，普通類(lèi)標(biāo)志示意文字字符數(shù)最少為5個(gè)字符數(shù)，字號(hào)大于等于23px，字號(hào)與底板左右間距需小于等于3px，大促類(lèi)標(biāo)志通常不設(shè)計(jì)，除個(gè)別需求有特別注明。

注意：自由排版長(zhǎng)度無(wú)設(shè)置下限，自由排版組合內(nèi)小組不超過(guò)8個(gè)商品組，整個(gè)PSD混排模塊文件組大于3個(gè)小于5個(gè)

當(dāng)設(shè)計(jì)購(gòu)買(mǎi)按鈕時(shí)注意按鈕文案，目前支持：立即購(gòu)買(mǎi)、立即拼單、拼、馬上拼單幾類(lèi)，不支持立即拼團(tuán)、購(gòu)物車(chē)按鈕，設(shè)計(jì)時(shí)請(qǐng)注意！

5、輪播圖模塊（非必須模塊）

?輪播圖支持三張圖片同時(shí)存在，樣式設(shè)計(jì)需有區(qū)別，規(guī)格及位置一致。

?輪播圖尺寸：750x360-900（即最小高度為360，最大高度為900）

6、官方模塊（非必須模塊）

?官方模塊為官方設(shè)計(jì)樣式，不可做其他樣式設(shè)計(jì)。

?官方模塊分為單圖G1/多圖G2/三圖G3模式，源文件拉至底部下載。

7、二跳頁(yè)模塊（店鋪分類(lèi)）

?二跳頁(yè)模塊與混排模塊類(lèi)型一致，差別在于圖層命名上，二跳頁(yè)模塊盡可能少設(shè)計(jì)。

?二跳頁(yè)模塊類(lèi)型為：店鋪首頁(yè)中的商品分類(lèi)，分類(lèi)類(lèi)目盡可能少。

8、關(guān)注模塊（必須模塊）

?關(guān)注模塊一般為引導(dǎo)用戶(hù)關(guān)注店鋪的圖片內(nèi)容。

?模塊文案為“關(guān)注店鋪”，不可寫(xiě)收藏店鋪?zhàn)謽?。不可?xiě)返回首頁(yè)，可寫(xiě)返回頂部。

以上就是拼多多商家在裝修店鋪時(shí)，應(yīng)該如何布局店鋪結(jié)構(gòu)的內(nèi)容啦，想要了解更多電商干貨內(nèi)容、運(yùn)營(yíng)好用工具，記得關(guān)注幕思城~

幕思城為您更新最近最有用的電商資訊、電商規(guī)則拼多多店鋪裝修拼多多新手開(kāi)店。了解更多電商資訊、行業(yè)動(dòng)向，記得關(guān)注幕思城！

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