淘寶移動(dòng)端頁面去設(shè)計(jì)問題

　　無線裝修一直被關(guān)注，官方也不斷推出更豐富的無線裝修功能和營銷玩法，這都是需要我們不斷去開拓與研究的，自定義模塊與以往的操作習(xí)慣可能會(huì)有所不同，多去嘗試與瀏覽大店的手法，對(duì)于店鋪的視覺提升也會(huì)有很大的參考意義與幫助。

　　一、理解無線自定義模塊

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

　　無線自定義模塊的寬度固定為608px，高度可以根據(jù)自己的需要進(jìn)行規(guī)劃，最小規(guī)劃為四個(gè)小框才可以獨(dú)立一個(gè)子模塊，尺寸是152*152px，之后每增加一行(或列)格子，便是增加76px。所以我們的高度就很好控制不用時(shí)時(shí)打開后臺(tái)去拉一拉格子才能知道尺寸了。

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

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

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

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

　　二、將無線端當(dāng)成頁面去設(shè)計(jì)，而不是作為容器去填充內(nèi)容

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

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

　�、俜治鲰撁娴牟邉潈�(nèi)容，將自定義模塊當(dāng)成頁面設(shè)計(jì)，規(guī)劃每個(gè)內(nèi)容應(yīng)給予的篇幅大小，在草稿紙上規(guī)劃頁面大概的排版布局;

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

　�、塾捎谏蟼鲌D片時(shí)，圖片的尺寸大小至關(guān)緊要，所以在參考線一步需要多注意尺寸不要有誤，可以用選區(qū)工具拉出規(guī)定的尺寸，再拉上參考線，熟悉尺寸會(huì)對(duì)頁面的規(guī)劃有很大的幫助。

【淘寶移動(dòng)端頁面去設(shè)計(jì)問題】相關(guān)文章：

淘寶無線端該如何去優(yōu)化09-24

站長如何從PC端向移動(dòng)端轉(zhuǎn)化07-01

2017淘寶無線端推廣方式06-23

引爆無線端淘寶的流量技巧09-27

404頁面的相關(guān)問題介紹10-01

淘寶無線端的流量獲取方法解析05-19

頁面設(shè)計(jì)與制作需要的幾點(diǎn)技巧11-17

網(wǎng)站頁面如何設(shè)計(jì)更輕05-26

網(wǎng)頁設(shè)計(jì)深究之從原子到頁面10-26

常見的淘寶聯(lián)盟廣告問題08-13