當前位置:妙知谷 >

遊戲數碼 >遊戲 >

淘寶店鋪全屏店招和全屏導航怎麼設計

淘寶店鋪全屏店招和全屏導航怎麼設計

店鋪全屏店招和全屏導航一般是為和全屏海報匹配而同時設計的,尺寸寬度一般為1920,適合專業版旺鋪。淘寶裝修市場有30元的全屏模板,默認就是全屏店招,導航以及其他頁面的全屏尺寸
作者:為主的祥助

操作方法

(01)店招圖:店招圖是950寬度的店鋪店招,如圖所示紅框框選部分為店招圖,需要自己設計店招圖的樣式這裏我以950×112的圖作為店招圖

淘寶店鋪全屏店招和全屏導航怎麼設計

(02)頁頭背景圖:頁頭背景圖和店招圖的主色色調要保持一致,寬度建議為1920(顯示器分辨率寬度是1920,如果你的分辨率不夠1920,左右兩側多出的部分是自動不顯示的,不會造成頁頭過長),高度和店招圖高度保持一致這裏我以1920×112的圖作為店招圖

淘寶店鋪全屏店招和全屏導航怎麼設計 第2張

(03)吸管工具:可使用Photoshop的吸管工具獲取950×112店招圖的主色數值,並將頁頭背景圖修改為同樣顏色以此匹配視覺效果

淘寶店鋪全屏店招和全屏導航怎麼設計 第3張

(04)上載店招:預先將950×112的店招圖上載至淘寶圖片空間,裝修頁面編輯店鋪招牌,插入圖片,選擇上載的店招圖,點擊保存

淘寶店鋪全屏店招和全屏導航怎麼設計 第4張

(05)樣式管理:點擊裝修-樣式管理-背景設置-頁頭設置-更換圖片-上載1920×112的頁頭背景圖背景顯示:不平鋪背景對齊:居中

淘寶店鋪全屏店招和全屏導航怎麼設計 第5張

(06)頁頭背景色:點擊頁頭背景色-輸入RGB三色數值-確定(頁頭背景圖的RGB顏色數值,使用Photoshop查看

淘寶店鋪全屏店招和全屏導航怎麼設計 第6張

(07)無縫對接:頁頭背景色顯示:勾選頁頭下邊距10像素:關閉 可無縫對接下方模塊或全屏海報點擊保存

淘寶店鋪全屏店招和全屏導航怎麼設計 第7張

(08)發佈店鋪:保存頁頭修改後點擊發布-立刻查看店鋪,可直接查看修改效果我是示例隨便弄的,效果看起來不協調。5元的店鋪模板下方左右兩側一般是空白的,這樣去搭配全屏導航店招和全屏海報就會不協調像下圖這種30元的模板就是從店招到下面都是全屏,都有顏色填充,這樣去搭配全屏海報就很協調,建議直接購買30元的全屏類模板

淘寶店鋪全屏店招和全屏導航怎麼設計 第8張
淘寶店鋪全屏店招和全屏導航怎麼設計 第9張
  • 文章版權屬於文章作者所有,轉載請註明 https://miaozhigu.com/sm/youxi/o3q761.html