淘寶手機端的首頁裝修自定義模組要求非常的嚴格,今天自己做手機端全屏首頁的時候,遇到一些問題,來分享一下,給很多新手美工一些幫助,少走些彎路。
工具/原料
筆記本或臺式電腦皆可
Photoshop修圖軟體
開通的淘寶店鋪
方法/步驟
首先,我們開啟PS,新建一張尺寸為608*N(長度無限制)
然後,可以先建個框架拉好標尺(減少後期裁圖的麻煩),畫素必須是76的整數倍數,而且必須兩倍以上。
下面可以作圖了,切記,手機自定義模組一次只能放十張圖,不論大小。所以,如果不需要設定連結,就儘量一張圖做大點,注意,分割線處儘量分開,不要把圖做到那裡。
整個首頁做好後,開始微調咯,因為兩個自定義模組之間是有縫隙的,所以模組要隔斷明顯哦。調好後開始切片了,選擇切片工具,點選選項區“基於參考線的切片”。接著換切片選擇工具,按shift鍵可以多個區域選擇圖片進行組合。
整個圖片整理好後,儲存為Web所用格式,選擇僅限於影象
最後開啟賣家中心,進入手機淘寶店鋪,點選立即裝修,新增頁面,輸入名稱編輯頁面。
拉一個模組到介面上,按圖片設計好的大小選區,雙擊,選擇相應位置切片,有連結的選擇相應連結,操作完後點右上角立即釋出或定時釋出都可以。所有的步驟就介紹完了,寫的不是很好,希望能幫到大家。
注意事項
標尺一定要用新建參考線,不要直接手動拉,少一個畫素,自定義模組都用不了
一定不要把圖片放在隔斷上,很難看的