大家是否遇到過在裝修無線端首頁的時候，總是掌握不好每一個區(qū)域的尺寸？卡不到那個線？每個自定義模塊最多做10張切片，自定義模塊之間存在白色縫隙，自定義模塊最多添加10個？

店招、輪播海報等按照尺寸做就好。

重點(diǎn)是自定義部分，大部分頁面都要利用自定義模塊裝修，自定義模塊寬度608像素，高度不限（是76的倍數(shù)）。

如果每做一屏都去計算尺寸，費(fèi)時費(fèi)力啊~~是不是心中有一萬只CNM飄過？……

1.無線端尺寸技巧

那么來說最簡單的方法，PS中【編輯】——【首選項】——【參考線網(wǎng)格和切片】

將網(wǎng)格線間隔設(shè)置為76像素，子網(wǎng)格1，

然后在PS中新建一個 寬度608像素 高度隨意的文件，顯示網(wǎng)格 快捷鍵Ctrl+ ’ (引號)

這時候顯示是這樣的：

我們再看淘寶手機(jī)端首頁后臺的自定義模塊界面

網(wǎng)格大小是完全一致的。

也就是說，只要按照網(wǎng)格拉參考線設(shè)計，只需要注意最小切片是2個格子高度或?qū)挾龋?52x152像素），就不用每做一屏去算尺寸了，按照網(wǎng)格進(jìn)行設(shè)計，設(shè)計省時間，切片裝修簡單高效。天貓和京東只需要去看每一個格子的高度即可，同理，你GET到了嗎？如果你還是沒有看懂，可以加我微信咨詢。

2. 圖片空間快速選擇切片的小技巧

你還在用這種方法在圖片空間選擇切片嗎？

如果圖片空間文件夾不多這種方法也不慢，但是很多店鋪圖片空間很多文件夾，很多圖片這時候這樣選擇就不方便了，試想一下，一個手機(jī)端50張切片很正常，重復(fù)50個這樣的選擇過程……

看看下面的方法是否對你有所啟發(fā)

用PS軟件切片我們會生成帶有切片序號的文件名，重點(diǎn)就是利用這個序號和淘寶按時間排序。

在這里輸入01 可以看到 第一張就是我們想要的切片，利用這個方法我們精準(zhǔn)的選擇想要的切片，會節(jié)省大量時間。（注：此方法會選擇最后上傳的圖片，所以在操作的時候避免他人同時上傳帶有序號的圖片）

如果這2個小技巧對你有幫助，請轉(zhuǎn)發(fā)給你的朋友，讓更多的人能夠?qū)W習(xí)到！

本公眾號后臺回復(fù)“京東代碼”既可以獲取京東裝修代碼合集。