活用裝修工具,讓普通頁(yè)面秒變高逼格
2023-01-21|14:08|發(fā)布在分類 / 跨境運(yùn)營(yíng)| 閱讀:63
2023-01-21|14:08|發(fā)布在分類 / 跨境運(yùn)營(yíng)| 閱讀:63
一、交互效果的應(yīng)用首先需要明確。
我們需要使用外部工具,接下來(lái)介紹設(shè)計(jì)師裝修時(shí)會(huì)經(jīng)常用到的工具——仲夏在線排版和醉語(yǔ)編輯器。
(1)設(shè)置動(dòng)態(tài)倒計(jì)時(shí)設(shè)置倒計(jì)時(shí)一般用在大促活動(dòng)中,可以起到渲染活動(dòng)緊張氣氛的作用。
如下圖,完成倒計(jì)時(shí)圖片后,上傳圖片空間,進(jìn)入盛夏科技,調(diào)整背景和大小,然后點(diǎn)擊“倒計(jì)時(shí)”圖層,調(diào)整以下屬性,最后點(diǎn)擊右上角的“生成代碼”。
(請(qǐng)注意選擇淘寶店或者天貓店,因?yàn)椴煌愋偷娘@示器尺寸不一樣)。
(2)設(shè)置搜索框,視頻和旺旺客服搜索框調(diào)整大小和不透明度。
視頻可以等比例調(diào)整,視頻鏈接可以放進(jìn)去。
旺旺客服可以調(diào)整顯示大小圖。
如下圖:(3)海報(bào)轉(zhuǎn)盤的應(yīng)用(不買智能版依然可以使用)海報(bào)轉(zhuǎn)盤。
對(duì)于使用默認(rèn)專業(yè)版模板的店鋪來(lái)說(shuō),沒(méi)有全屏圖片輪播的功能,但是你每個(gè)月購(gòu)買模板都要承擔(dān)一筆巨大的成本。
當(dāng)然是針對(duì)一些小本經(jīng)營(yíng)的店鋪。
現(xiàn)在解決辦法來(lái)了。
無(wú)需購(gòu)買裝修模板即可實(shí)現(xiàn)全屏輪播海報(bào)的效果。
同樣,打開(kāi)“盛夏科技”,點(diǎn)擊右邊的“圖片輪播”層,在底部屬性中可以添加輪播圖片和鏈接。
導(dǎo)航開(kāi)關(guān)和箭頭可以自己隱藏,最后可以直接點(diǎn)擊生成代碼。
(4)鼠標(biāo)穿過(guò)彈出層。
鼠標(biāo)經(jīng)過(guò)彈出層,也就是開(kāi)燈關(guān)燈的效果。
依次更新寶貝圖片和鼠標(biāo)經(jīng)過(guò)的圖片,調(diào)整大小生成代碼。
是不是很簡(jiǎn)單?
(5)多層固定背景碼多層固定背景是交互效果之一。
頁(yè)面上的效果是一層固定,另一層可以在其固定背景上滾動(dòng)顯示。
一般用在banner的海報(bào)上,圖片是固定背景-JPG格式,上面的文字可以滾動(dòng)-PNG格式。
如下圖所示,復(fù)制圖片鏈接地址,替換紅色文字。
對(duì)于png的透明圖像,需要復(fù)制代碼來(lái)替換。
然后你就可以去后臺(tái)用自定義模塊編輯了。
二、裝修必要的橋梁(一)淘寶天貓店鋪優(yōu)惠券鏈接轉(zhuǎn)換工具任何一個(gè)在后臺(tái)裝修過(guò)的人都會(huì)知道,pc端的優(yōu)惠券鏈接和無(wú)線端的優(yōu)惠券鏈接是不一樣的。
在這里,我給大家獻(xiàn)上一本寶典——淘寶天貓店鋪優(yōu)惠券鏈接轉(zhuǎn)換工具。
Http://www.ahatao.com/pc2wap/可以直接復(fù)制鏈接,點(diǎn)擊生成,得到無(wú)線終端的鏈接地址。
不方便嗎?
(2) 1920全屏頁(yè)面生成。
你看這是什么一般不管是天貓還是淘寶,頁(yè)面寬度都是1920px,但是你在裝修的時(shí)候,有沒(méi)有遇到過(guò)這樣的情況?
直接把圖片放上去,不會(huì)顯示在中間,但是會(huì)偏移。
這時(shí)候你就需要用這個(gè)工具來(lái)限制它——戰(zhàn)國(guó)策。
http://moban.cn/gongju/index.php?
T = quan pin如上圖所示,將代碼粘貼到選擇框中,然后點(diǎn)擊“生成全屏代碼”,復(fù)制代碼裝飾背景。
這里需要注意的是,第二次生成全屏代碼時(shí),需要點(diǎn)擊左邊的“清碼”,否則會(huì)造成亂碼。
(3)如何獲取天貓?zhí)詫氈鲌D原圖。
這最后一招太神奇了。
不知道你有沒(méi)有找到。
在淘寶主圖點(diǎn)擊右鍵可以復(fù)制圖片,但是在天貓不行。
怎么才能得到圖片呢?
在主圖中選擇你想要的圖片,在小圖中右鍵“在新標(biāo)簽中打開(kāi)圖片”。
這時(shí),你會(huì)在一個(gè)新窗口中看到一個(gè)小圖片。
只需刪除紅框中的大小限制。
總結(jié)一下交互效果的應(yīng)用,可以給頁(yè)面增加一些活力,但并不意味著交互效果越多越好。
過(guò)多的文字反而會(huì)擾亂整個(gè)頁(yè)面。
上述互動(dòng)效果包括:1。
設(shè)置倒計(jì)時(shí);2.設(shè)置搜索框、視頻、旺旺客服;3.旋轉(zhuǎn)海報(bào)的應(yīng)用;4.另外,在裝修過(guò)程中還需要一些工具來(lái)方便我們的工作,比如生成全屏代碼、優(yōu)惠券轉(zhuǎn)換工具、日常工作中需要的ps快捷技巧等,通過(guò)一些技巧來(lái)提高我們工作的效率和質(zhì)量。
這個(gè)問(wèn)題還有疑問(wèn)的話,可以加幕.思.城火星老師免費(fèi)咨詢,微.信號(hào)是為: msc496。
推薦閱讀:
手機(jī)開(kāi)網(wǎng)店要交費(fèi)用嗎(淘寶開(kāi)店要錢嗎)
淘寶網(wǎng)店季節(jié)性類目產(chǎn)品,怎樣布局會(huì)更好?
更多資訊請(qǐng)關(guān)注幕 思 城。
微信掃碼回復(fù)「666」
別默默看了 登錄\ 注冊(cè) 一起參與討論!