手機店鋪自定義模塊怎么裝修

一、理解手機店鋪自定義模塊

1、每增加一行格子，高度增加76px;

手機淘寶店鋪自定義模塊的寬度固定為608px，高度可以根據(jù)自己的需要進行規(guī)劃，比較小規(guī)劃為四個小框才可以獨立一個子模塊，尺寸是152*152px，之后每增加一行(或列)格子，便是增加76px。所以我們的高度就很好控制不用時時打開后臺去拉一拉格子才能知道尺寸了。

2、自定義模塊每張圖片上傳后為無縫拼接;

明白這一道理之后，對于我們的版塊規(guī)劃是很有意義的，無縫的好處在于，不管頁面裝修怎么做，只要大部分內(nèi)容區(qū)是處于這個尺寸里面的，方便添加鏈接，那么切圖出來上傳的時候，不會影響圖片與圖片之間會存在空隙，換句話說，可以拓寬設(shè)計頁面，進行疊加每個設(shè)計內(nèi)容，而對產(chǎn)品真正做到“自定義”的展示。

如上圖，三個產(chǎn)品需要切三張圖片，但是自定義上傳的尺寸寬度只有228px+152px+228px(排列順序可以自調(diào))，這個時候我們不必將產(chǎn)品限定在這三個尺寸里，只需將產(chǎn)品按照想要的排版方式排列好，做到圖片大部分內(nèi)容處于尺寸之內(nèi)，如有部分圖片溢出問題也不大。

因自定義模塊的拉動相對其他圖文模塊自由，所以其可設(shè)計的自由度也就更大。

二、將手機淘寶店鋪首頁當(dāng)成頁面去設(shè)計，而不是作為容器去填充內(nèi)容

要真正的自定義店鋪裝修，那么就需要跳脫格子限制，正確的方式應(yīng)該是以格子尺寸為骨架，對應(yīng)去增加設(shè)計頁面的內(nèi)容，以上圖的案例為參考，按照常規(guī)做法是，海報應(yīng)用焦點圖模塊，優(yōu)惠券應(yīng)用多圖模塊，店鋪公告應(yīng)用左圖右文模塊，而我們可以嘗試的是突破使用習(xí)慣，用自定義模塊去做占屏比較多的設(shè)計版面，這樣手機用戶在瀏覽店鋪的時候，海報帶來的沖擊感會更強烈，與下面的內(nèi)容進行疊加或者是做背景的處理，整體感也會更強。

可優(yōu)化的實操做法可以分幾步來做：

①分析頁面的策劃內(nèi)容，將自定義模塊當(dāng)成頁面設(shè)計，規(guī)劃每個內(nèi)容應(yīng)給予的篇幅大小，在草稿紙上規(guī)劃頁面大概的排版布局;

②知道每個內(nèi)容的大概布局之后，可以將內(nèi)容初步進行排版，拉好參考線;

③由于上傳圖片時，圖片的尺寸大小至關(guān)緊要，所以在參考線一步需要多注意尺寸不要有誤，可以用選區(qū)工具拉出規(guī)定的尺寸，再拉上參考線，熟悉尺寸會對頁面的規(guī)劃有很大的幫助。

這個問題還有疑問的話，可以加幕.思.城火星老師免費咨詢，微.信號是為: msc496。

推薦閱讀：

如何修改商品價格和庫存？

圖片上文案怎么寫？

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