現(xiàn)在的淘寶店鋪對(duì)設(shè)計(jì)的要求是越來(lái)越高了,以前能做到通欄就不錯(cuò)了,現(xiàn)在不僅能通欄了,還能全屏輪播,有人問(wèn)什么是通欄呢?如下圖

通欄

這是兩欄
現(xiàn)在我們要做是全屏輪播海報(bào) 看效果

下面跟著我來(lái)做,先要了解全屏海報(bào)的尺寸問(wèn)題 全屏就是占滿整個(gè)電腦屏幕,怎么知道我的電腦屏是多大呢,很簡(jiǎn)單查看電腦屏幕分辨率就行

調(diào)到最大值 就是全屏(1920*1080PX)也就是全屏海報(bào)的寬度是1920PX
但有的同學(xué)是1440或更小怎么辦,我們海報(bào)的主要文字或內(nèi)容集在中間1100的安全區(qū)域
安全區(qū)(如果你做成1920別人是1440的小屏有些地方看不到)
有人要問(wèn),在PS里怎么去計(jì)算1100PX的安全區(qū)域呢?(我以1920的寬為例)

畫(huà)一個(gè)選區(qū) 設(shè)置寬為1100PX 高不限 然后給選區(qū)描邊

最后描的邊和背景(1920的海報(bào)進(jìn)行對(duì)居中對(duì)齊)這樣我就知道中間100PX的安全區(qū)域了
在安全區(qū)畫(huà)兩根輔助線,把描邊的紅線去了,我們?cè)诎踩珔^(qū)里作圖
接下怎么去實(shí)現(xiàn)全屏呢?是不是要自己去寫(xiě)代碼呢?是不是要去買(mǎi)模板呢?不用,我這里提供給大家
一個(gè)免費(fèi)代碼的網(wǎng)站,如下圖:

一定要看清楚,自己是C店還是天貓

紅色標(biāo)記的地方的大小要和海報(bào)大小保持一到
把自己的圖片地址放上去

紅色標(biāo)記地方是點(diǎn)海報(bào)連接到哪一個(gè)寶貝描述還是其它頁(yè)面的地址

這個(gè)是什么意思

是指這個(gè)下一張下一張的圖片 自己可以發(fā)揮來(lái)設(shè)計(jì)
所有內(nèi)容填好后,可以預(yù)覽下,沒(méi)問(wèn)題就獲取代碼

回到店鋪裝修后臺(tái)新建一個(gè)自定義模塊

效果如下 功能不花一分錢(qián) 實(shí)現(xiàn)全屏

說(shuō)明下這個(gè)是用在C店(專(zhuān)業(yè)版)和天貓,如果你是基礎(chǔ)版或購(gòu)買(mǎi)了第三方模板,不能保證一定能用!
樂(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í)現(xiàn)全屏輪播海報(bào)設(shè)計(jì)