湖北企業(yè)新聞網(wǎng),歡迎您!

                幫助中心 廣告聯(lián)系

                網(wǎng)站關(guān)鍵詞: 湖北企業(yè)新聞網(wǎng)

                電商手機端首頁設(shè)計及裝修的小技巧!

                來源:時間:2021-02-23 05:15:35 閱讀:-
                電商手機端首頁設(shè)計及裝修的小技巧

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

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

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

                如果每做一屏都去計算尺寸,費時費力啊~~是不是心中有一萬只CNM飄過?……

                1.無線端尺寸技巧

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

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

                電商手機端首頁設(shè)計及裝修的小技巧

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

                這時候顯示是這樣的:

                電商手機端首頁設(shè)計及裝修的小技巧

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

                電商手機端首頁設(shè)計及裝修的小技巧

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

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

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

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

                電商手機端首頁設(shè)計及裝修的小技巧

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

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

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

                電商手機端首頁設(shè)計及裝修的小技巧

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

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

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

                推薦閱讀:云南之窗
                无码99久热这里只有精品视频在线,伊人亚洲综合网色aⅴ,天天操天天干中文网,国产av巨作情欲放纵无码