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