350裝修平臺已服務318多萬家 淘寶店裝修,擁有25萬多個 350代理, 今日已售488 套模板 客戶端下載 350教程論壇 350后臺登陸 咨詢郵箱?咨詢郵箱:350@seo-lv.com 350模板官方微博 350模板微信
【2022】350店鋪裝修分享①全屏店招設計
發表日期:2022-02-13 15:35?? 文章編輯:350模板官網小編 ?? 瀏覽次數:
 
這個是淘寶官方付費的教程,  沒說完, 下面350小編仔細說說

很多剛開店的小賣家,看到別人家的店招是全屏的(1920或1440)也就是占了整個屏目,看下圖

 

設計后的店招(寬度1920或1440)

有人說,這個是要買模板的吧,這根本不需要什么模板,又有人說要用什么代碼吧,其實也不用什么代碼,想知道怎么做的同學來跟我學習吧!

 

第一步:想做全屏店招,我們必須先了解下全屏店招的構成 如下圖

我們店鋪的店招其實只有中間950的區域,想做到全屏就要加一個1920或1440的頁頭背景圖 ,
放在紅色的950的后面(也就是黑色的部份),如果我們把黑色部份換成紅色,就是全屏了!
第二步,了解清楚了結構后,我們來開始做中間950的區域 (店招的高度是120PX
新建一個1920*120的文件
我們要知道中間950的區域在哪里,所以畫了一個950寬的選區 和大背景居中 如下圖
 
居中
綠色的圖層可以刪掉了,輔助線有了,就知道了950的區域了,記住不要移動輔助線了
 
   我們把重要內容設計在950的里面
說的好累 喝點水
 
第三步:給背景做一個漸變,這個過程大家可以自由發揮了,做出自己的個性
設計的過程 在這里就不詳情說明了 如下圖
這里要注意 一個完整的店招里有哪些東西(標志 口號 店名 產品 收藏等功能按鈕)當然不是所有東西
 
必須全有,但最少店名是有的,還要讓人看明白你是賣什么的!由于時間有限,這里就不詳細展開來講了
 
第四步:接下來,我要把中間950的部份裁切出來 進行切片
裁切的時候 一定要緊隨輔助線來 ,不然裁切出來的可能不是950的寬了
 
切片了喲
用輔助線把這張圖分成了3份,中間的收藏本店要做相關的連接,要單獨切成一塊了
   
切了。。。。很簡單的喲
 
切然后 怎么保存 這一步很重要 
  
   
保完后,我們來看下切好的圖片
第五步,把切好的圖片 上傳到圖片空間
第六步:這時候 我要利用DW軟件了把圖片轉換成代碼
我們 這店招的每一塊圖片選中 換成圖片空間里的地址(現在的圖片是我們本地的)
記住這張圖切成了三塊,所以每一塊都要換喲 切記 ,切記
 
淘寶圖片空間的圖片地地怎么獲???看圖
把地址粘貼到這里喲
所有圖片的地址全換了 
第六步:我們把<body>  </body>之間的代碼全復制出來 粘貼到店招的自定義里
回到店鋪裝修中
選自定義,切記得要點源碼喲

代碼全復制進去了,哈哈,比有些人一張一張圖的拆插入要快吧,一張一張拆插入會亂

然后再點源碼  查看下效果了

恩,不錯是我們要的效果

第八步:給收藏按鈕做連接了喲,不然只是一張沒用的圖片

收藏本店的連接怎么找呢,大家看清楚了喲

 

 

在收藏店鋪上點右鍵 看到屬性  就打開喲

紅色標記的就是收藏本店的連接地址了 全部復制喲 

這里放收藏的連接喲 

做好 點確定 

做好了 一定要記得保存喲!------

接下來就是要發布了 ,很多人 把這一步忘記了 結果是忙了半天 白做了!

辛苦了半天 好激動喲 看下效果吧

 

結果 沒有全屏 哎 。。。。。 繼續喲,快了 ,我們加一個頁頭背景就行

點下收藏按鈕 是OK的喲,如果沒用 一定是收藏的地址錯了 或復制的時候漏掉了一些

 

第九步:加頁頭背景 實現全屏

圖片 限在200K內

 

不平鋪 居中  最后保存 不要忘記了 還要發布喲

看看我搞了一早上的戰果喲 ~~~~~



店鋪模板

350店鋪模板

查看模板 注冊領取

手機模板

350手機模板

查看模板 注冊領取

詳情模板

350詳情模板

查看模板 注冊領取

免費領取

海報模板

350海報模板

在線設計

購買/價格

工具

350更多工具

350主圖視頻 更多工具
標簽:全屏店招設計,淘寶店裝修 ? ?
如沒特殊注明,文章均為350模板官網原創,轉載請注明來自http://www.daartisan.cn//zxzs/57.html
相關文章推薦
久久精品女人毛片水多国产|五月亭亭中文字幕|无码大潮喷水在线观看|国产私拍福利精品视频|日韩欧美阿v高清资源在线