- 相關(guān)推薦
淘寶移動(dòng)端頁(yè)面去設計問(wèn)題
無(wú)線(xiàn)裝修一直被關(guān)注，官方也不斷推出更豐富的無(wú)線(xiàn)裝修功能和營(yíng)銷(xiāo)玩法，這都是需要我們不斷去開(kāi)拓與研究的，自定義模塊與以往的操作習慣可能會(huì )有所不同，多去嘗試與瀏覽大店的手法，對于店鋪的視覺(jué)提升也會(huì )有很大的參考意義與幫助。
一、理解無(wú)線(xiàn)自定義模塊
1、每增加一行格子，高度增加76px;
無(wú)線(xiàn)自定義模塊的寬度固定為608px，高度可以根據自己的需要進(jìn)行規劃，最小規劃為四個(gè)小框才可以獨立一個(gè)子模塊，尺寸是152*152px，之后每增加一行(或列)格子，便是增加76px。所以我們的高度就很好控制不用時(shí)時(shí)打開(kāi)后臺去拉一拉格子才能知道尺寸了。
2、自定義模塊每張圖片上傳后為無(wú)縫拼接;
明白這一道理之后，對于我們的版塊規劃是很有意義的，無(wú)縫的好處在于，不管頁(yè)面設計怎么做，只要大部分內容區是處于這個(gè)尺寸里面的，方便點(diǎn)擊添加鏈接，那 么切圖出來(lái)上傳的時(shí)候，不會(huì )影響圖片與圖片之間會(huì )存在空隙，換句話(huà)說(shuō)，可以拓寬設計師在設計頁(yè)面的時(shí)候，進(jìn)行疊加每個(gè)設計內容，而對產(chǎn)品真正做到“自定 義”的展示。
如上圖，三個(gè)產(chǎn)品需要切三張圖片，但是自定義上傳的尺寸寬度只有228px+152px+228px(排列順序可以自調)，這個(gè)時(shí)候我們不必將產(chǎn)品限定在這三個(gè)尺寸里，只需將產(chǎn)品按照想要的排版方式排列好，做到圖片大部分內容處于尺寸之內，如有部分圖片溢出問(wèn)題也不大。
因自定義模塊的拉動(dòng)相對其他圖文模塊自由，所以其可設計的自由度也就更大。
二、將無(wú)線(xiàn)端當成頁(yè)面去設計，而不是作為容器去填充內容
要擺脫真正的自定義設計，那么就需要跳脫格子限制，正確的方式應該是以格子尺寸為骨架，對應去增加設計頁(yè)面的內容，以上圖的案例為參考，按照常規做法是， 海報應用焦點(diǎn)圖模塊，優(yōu)惠券應用多圖模塊，公告應用左圖右文模塊，而我們可以嘗試的是突破使用習慣，用自定義模塊去做占屏比較多的設計版面，這樣手機用戶(hù) 在瀏覽店鋪的時(shí)候，海報帶來(lái)的沖擊感會(huì )更強烈，與下面的內容進(jìn)行疊加或者是做背景的處理，整體感也會(huì )更強。
可優(yōu)化的實(shí)操做法可以分幾步來(lái)做：
�、俜治鲰�(yè)面的策劃內容，將自定義模塊當成頁(yè)面設計，規劃每個(gè)內容應給予的篇幅大小，在草稿紙上規劃頁(yè)面大概的排版布局;
�、谥烂總�(gè)內容的大概布局之后，可以將內容初步進(jìn)行排版，拉好參考線(xiàn);
�、塾捎谏蟼鲌D片時(shí)，圖片的尺寸大小至關(guān)緊要，所以在參考線(xiàn)一步需要多注意尺寸不要有誤，可以用選區工具拉出規定的尺寸，再拉上參考線(xiàn)，熟悉尺寸會(huì )對頁(yè)面的規劃有很大的幫助。
【淘寶移動(dòng)端頁(yè)面去設計問(wèn)題】相關(guān)文章：
淘寶無(wú)線(xiàn)端該如何去優(yōu)化09-24
站長(cháng)如何從PC端向移動(dòng)端轉化07-01
404頁(yè)面的相關(guān)問(wèn)題介紹10-01
網(wǎng)站頁(yè)面如何設計更輕05-26