快消品貨源批發(fā)市場(chǎng)
快消品貨源分銷平臺(tái)
 
 
當(dāng)前位置: 貨源批發(fā)網(wǎng) » 網(wǎng)商學(xué)院 » 網(wǎng)店裝修 » 頁面設(shè)計(jì) » 淘寶移動(dòng)端將無線端當(dāng)成頁面去設(shè)計(jì)

淘寶移動(dòng)端將無線端當(dāng)成頁面去設(shè)計(jì)

放大字體  縮小字體 發(fā)布日期:2024-10-13 09:36:42  來源:電商聯(lián)盟  作者:樂發(fā)網(wǎng)  瀏覽次數(shù):25

或許有不少射雞師們會(huì)被運(yùn)營(yíng)吐槽,頁面要高大上一些,要大氣,可是無線裝修寬度有限,更有上傳尺寸限制,在軟件里顯得難以施展,可能有不少射雞師的無線裝修源文件會(huì)如下圖一樣,多個(gè)源文件,每個(gè)源文件為產(chǎn)品某個(gè)分類的產(chǎn)品,規(guī)整的排版,規(guī)整的尺寸,最后上傳好的頁面同樣規(guī)整。如何打破這一裝修布局?

一、理解無線自定義模塊

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)品真正做到“自定 義”的展示。

淘寶移動(dòng)端將無線端當(dāng)成頁面去設(shè)計(jì)1.jpg

如上圖,三個(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)容

淘寶移動(dòng)端將無線端當(dāng)成頁面去設(shè)計(jì)2.jpg

要擺脫真正的自定義設(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)行排版,拉好參考線;

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

總結(jié):

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

樂發(fā)網(wǎng)超市批發(fā)網(wǎng)提供超市貨源信息,超市采購(gòu)進(jìn)貨渠道。超市進(jìn)貨網(wǎng)提供成都食品批發(fā),日用百貨批發(fā)信息、微信淘寶網(wǎng)店超市采購(gòu)信息和超市加盟信息.打造國(guó)內(nèi)超市采購(gòu)商與批發(fā)市場(chǎng)供應(yīng)廠商搭建網(wǎng)上批發(fā)市場(chǎng)平臺(tái),是全國(guó)批發(fā)市場(chǎng)行業(yè)中電子商務(wù)權(quán)威性網(wǎng)站。

本文內(nèi)容整合網(wǎng)站:百度百科知乎淘寶平臺(tái)規(guī)則

本文來源: 淘寶移動(dòng)端將無線端當(dāng)成頁面去設(shè)計(jì)

分享與收藏:  網(wǎng)商學(xué)院搜索  告訴好友  關(guān)閉窗口  打印本文 本文關(guān)鍵字:
 
更多..資源下載
頁面設(shè)計(jì)圖文
不懂美工,也可以設(shè)計(jì)高轉(zhuǎn)化的詳情頁
頁面設(shè)計(jì)網(wǎng)商學(xué)院推薦
頁面設(shè)計(jì)點(diǎn)擊排行
 
手機(jī)版 手機(jī)掃描訪問
主站蜘蛛池模板: 国产午夜福利短视频| 欧美激情乱人伦| 国语自产精品视频在线区| 亚洲人成人77777网站| 狼群资源网在线视频免费观看| 国产成人片无码视频在线观看| 91成人午夜性a一级毛片| 无码一区二区波多野结衣播放搜索| 亚洲AV无码不卡| 欧美性另类高清极品| 四虎影院永久免费观看| 91呻吟丰满娇喘国产区| 奇米小说首页图片区小说区| 两个人看的www免费| 放荡的女老板bd| 久久亚洲国产成人精品性色| 日韩经典在线观看| 亲密爱人免费观看完整版| 精品国产免费一区二区三区| 国产成人无码午夜视频在线观看| 2020国产精品永久在线| 性xxxx视频播放免费| 亚州1区2区3区4区产品乱码2021 | 国产高清在线观看麻豆| 久久久久久久99精品免费观看| 欧美精品第一页| 午夜国产精品久久影院| 老师你的兔子好软水好多作文高清| 国产伦理不卡伦理剧| 鸡鸡插屁股视频| 国产成人综合久久精品亚洲| 朋友把我玩成喷泉状| 女人是男人的未来视频| 久久九色综合九色99伊人| 最新亚洲人成网站在线观看| 亚洲乱码精品久久久久..| 欧美另类videosgratis妇| 偷自视频区视频真实在线| 超薄肉色丝袜一区二区| 国产精品国产三级国产a| ipx-412天海翼在线播放|