淘寶店手機端首頁如何裝修自定義模組?

淘寶手機端的首頁裝修自定義模組要求非常的嚴格,今天自己做手機端全屏首頁的時候,遇到一些問題,來分享一下,給很多新手美工一些幫助,少走些彎路。

工具/原料

筆記本或臺式電腦皆可

Photoshop修圖軟體

開通的淘寶店鋪

方法/步驟

首先,我們開啟PS,新建一張尺寸為608*N(長度無限制)

淘寶店手機端首頁如何裝修自定義模組

然後,可以先建個框架拉好標尺(減少後期裁圖的麻煩),畫素必須是76的整數倍數,而且必須兩倍以上。

淘寶店手機端首頁如何裝修自定義模組

下面可以作圖了,切記,手機自定義模組一次只能放十張圖,不論大小。所以,如果不需要設定連結,就儘量一張圖做大點,注意,分割線處儘量分開,不要把圖做到那裡。

淘寶店手機端首頁如何裝修自定義模組

整個首頁做好後,開始微調咯,因為兩個自定義模組之間是有縫隙的,所以模組要隔斷明顯哦。調好後開始切片了,選擇切片工具,點選選項區“基於參考線的切片”。接著換切片選擇工具,按shift鍵可以多個區域選擇圖片進行組合。

淘寶店手機端首頁如何裝修自定義模組

淘寶店手機端首頁如何裝修自定義模組

淘寶店手機端首頁如何裝修自定義模組

淘寶店手機端首頁如何裝修自定義模組

淘寶店手機端首頁如何裝修自定義模組

整個圖片整理好後,儲存為Web所用格式,選擇僅限於影象

淘寶店手機端首頁如何裝修自定義模組

淘寶店手機端首頁如何裝修自定義模組

最後開啟賣家中心,進入手機淘寶店鋪,點選立即裝修,新增頁面,輸入名稱編輯頁面。

淘寶店手機端首頁如何裝修自定義模組

淘寶店手機端首頁如何裝修自定義模組

淘寶店手機端首頁如何裝修自定義模組

拉一個模組到介面上,按圖片設計好的大小選區,雙擊,選擇相應位置切片,有連結的選擇相應連結,操作完後點右上角立即釋出或定時釋出都可以。所有的步驟就介紹完了,寫的不是很好,希望能幫到大家。

淘寶店手機端首頁如何裝修自定義模組

淘寶店手機端首頁如何裝修自定義模組

注意事項

標尺一定要用新建參考線,不要直接手動拉,少一個畫素,自定義模組都用不了

一定不要把圖片放在隔斷上,很難看的

淘寶, 淘寶店, 模組, 全屏首頁,
相關問題答案