在網(wǎng)店裝修時使用淘寶店鋪背景圖片可以讓你的網(wǎng)店更漂亮,那么如何設(shè)計一個符合自己淘寶店鋪的標(biāo)題背景圖呢?
淘寶店鋪標(biāo)題背景圖裝修的原則是,借助一個參考的裝修(去淘寶隨便找一家裝修布局比較清晰的就可以),在同一個PSD文件中設(shè)計出所有內(nèi)容:店招、輪番、公告欄、頁尾等等,再通過借助的參考裝修,精確地截取淘寶裝修規(guī)定寬高的店招、頁尾等,單獨(dú)存儲為一個PSD文件,再切片,然后用DW編輯代碼,加入鏈接、輪番和滾動公告代碼。這樣做的目的是讓背景圖(拓展版才可以用)和店招等設(shè)計完美融和,不會出現(xiàn)錯位現(xiàn)象。當(dāng)然,如果你不需要背景與前景(店招等)一致,其實也無需這么復(fù)雜。但是通過參考的裝修(最好把布局各部分都用純色填充了,而且像素要精確,比如店招部分一定要是950*150像素。其他部分寬度也有限制,一般是左側(cè)190像素,右側(cè)750像素,通欄950像素)能夠做得更加精確,很少出現(xiàn)裝修好才發(fā)現(xiàn)錯位的現(xiàn)象。
我們先找到一個喜歡的背景圖(拓展版以上才能換背景圖,寬度是1394像素)
上面,我先是復(fù)制了某家店鋪的裝修,下面又新建一個店招大小的950*150像素的文件,復(fù)制到參考裝修上面,對齊店招部分,為的是精確地得到店招大小。
這里看出,之前新建的950*150像素大小的文件,其實就是為精確店招位置與大小精確店招位置和大小是不希望裝修出現(xiàn)錯位
把做成純色的店招和參考圖層合并,目的是通過改變這個圖層的不透明度,輕松看到我們的店招,以及店招下的輪番等應(yīng)該做在什么位置,而無需過多度量。
當(dāng)整體設(shè)計完成的時候,我們可以先設(shè)置店鋪背景。把除背景外部分隱藏,單獨(dú)把背景圖存為一張圖
適合旺鋪拓展版用戶,旺鋪標(biāo)準(zhǔn)版和扶植版用戶直接跳過,因為不支持背景顯示,所以要注意兩點(diǎn):
1. 背景圖的寬度是1349像素,高度不限;
2. 圖片的大小在100k以內(nèi),否則無法上傳。
網(wǎng)上很多專門的網(wǎng)站,有適合淘寶背景用的圖。如果是像我那樣,自己用Photoshop合成的背景圖(因為自己設(shè)計更符合自己的需要),通常會比較大,需要壓縮,PS直接壓縮失真度較高,推薦使用專門的壓縮軟件“OptimumJPEG”。
樂發(fā)網(wǎng)超市批發(fā)網(wǎng)提供超市貨源信息,超市采購進(jìn)貨渠道。超市進(jìn)貨網(wǎng)提供成都食品批發(fā),日用百貨批發(fā)信息、微信淘寶網(wǎng)店超市采購信息和超市加盟信息.打造國內(nèi)超市采購商與批發(fā)市場供應(yīng)廠商搭建網(wǎng)上批發(fā)市場平臺,是全國批發(fā)市場行業(yè)中電子商務(wù)權(quán)威性網(wǎng)站。
本文內(nèi)容整合網(wǎng)站:百度百科、知乎、淘寶平臺規(guī)則
本文來源: 如何設(shè)計淘寶店鋪標(biāo)題背景圖