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

店招、輪播海報(bào)等按照尺寸做就好。

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

如果每做一屏都去計(jì)算尺寸，費(fèi)時(shí)費(fèi)力啊~~是不是心中有一萬(wàn)只CNM飄過(guò)？……

1.無(wú)線端尺寸技巧

那么來(lái)說(shuō)最簡(jiǎn)單的方法，PS中【編輯】——【首選項(xiàng)】——【參考線網(wǎng)格和切片】

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

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

這時(shí)候顯示是這樣的：

我們?cè)倏刺詫毷謾C(jī)端首頁(yè)后臺(tái)的自定義模塊界面

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

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

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

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

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

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

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

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

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

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