活用裝修工具,讓普通頁面秒變高逼格

一、交互效果的應用首先需要明確。

如果想要一些豐富的交互效果或者更智能的顯示，即使是高級的背景裝飾模板也需要用到其他工具，比如倒計時。

我們需要使用外部工具，接下來介紹設計師裝修時會經(jīng)常用到的工具——仲夏在線排版和醉語編輯器。

(1)設置動態(tài)倒計時設置倒計時一般用在大促活動中，可以起到渲染活動緊張氣氛的作用。

如下圖，完成倒計時圖片后，上傳圖片空間，進入盛夏科技，調整背景和大小，然后點擊“倒計時”圖層，調整以下屬性，最后點擊右上角的“生成代碼”。

(請注意選擇淘寶店或者天貓店，因為不同類型的顯示器尺寸不一樣)。

(2)設置搜索框，視頻和旺旺客服搜索框調整大小和不透明度。

視頻可以等比例調整，視頻鏈接可以放進去。

旺旺客服可以調整顯示大小圖。

如下圖:(3)海報轉盤的應用(不買智能版依然可以使用)海報轉盤。

對于使用默認專業(yè)版模板的店鋪來說，沒有全屏圖片輪播的功能，但是你每個月購買模板都要承擔一筆巨大的成本。

當然是針對一些小本經(jīng)營的店鋪。

現(xiàn)在解決辦法來了。

無需購買裝修模板即可實現(xiàn)全屏輪播海報的效果。

同樣，打開“盛夏科技”，點擊右邊的“圖片輪播”層，在底部屬性中可以添加輪播圖片和鏈接。

導航開關和箭頭可以自己隱藏，最后可以直接點擊生成代碼。

(4)鼠標穿過彈出層。

鼠標經(jīng)過彈出層，也就是開燈關燈的效果。

依次更新寶貝圖片和鼠標經(jīng)過的圖片，調整大小生成代碼。

是不是很簡單？

(5)多層固定背景碼多層固定背景是交互效果之一。

頁面上的效果是一層固定，另一層可以在其固定背景上滾動顯示。

一般用在banner的海報上，圖片是固定背景-JPG格式，上面的文字可以滾動-PNG格式。

如下圖所示，復制圖片鏈接地址，替換紅色文字。

對于png的透明圖像，需要復制代碼來替換。

然后你就可以去后臺用自定義模塊編輯了。

二、裝修必要的橋梁(一)淘寶天貓店鋪優(yōu)惠券鏈接轉換工具任何一個在后臺裝修過的人都會知道，pc端的優(yōu)惠券鏈接和無線端的優(yōu)惠券鏈接是不一樣的。

在這里，我給大家獻上一本寶典——淘寶天貓店鋪優(yōu)惠券鏈接轉換工具。

Http://www.ahatao.com/pc2wap/可以直接復制鏈接，點擊生成，得到無線終端的鏈接地址。

不方便嗎？

(2) 1920全屏頁面生成。

你看這是什么一般不管是天貓還是淘寶，頁面寬度都是1920px，但是你在裝修的時候，有沒有遇到過這樣的情況？

直接把圖片放上去，不會顯示在中間，但是會偏移。

這時候你就需要用這個工具來限制它——戰(zhàn)國策。

http://moban.cn/gongju/index.php?

T = quan pin如上圖所示，將代碼粘貼到選擇框中，然后點擊“生成全屏代碼”，復制代碼裝飾背景。

這里需要注意的是，第二次生成全屏代碼時，需要點擊左邊的“清碼”，否則會造成亂碼。

(3)如何獲取天貓?zhí)詫氈鲌D原圖。

這最后一招太神奇了。

不知道你有沒有找到。

在淘寶主圖點擊右鍵可以復制圖片，但是在天貓不行。

怎么才能得到圖片呢？

在主圖中選擇你想要的圖片，在小圖中右鍵“在新標簽中打開圖片”。

這時，你會在一個新窗口中看到一個小圖片。

只需刪除紅框中的大小限制。

總結一下交互效果的應用，可以給頁面增加一些活力，但并不意味著交互效果越多越好。

過多的文字反而會擾亂整個頁面。

上述互動效果包括:1。

設置倒計時；2.設置搜索框、視頻、旺旺客服；3.旋轉海報的應用；4.另外，在裝修過程中還需要一些工具來方便我們的工作，比如生成全屏代碼、優(yōu)惠券轉換工具、日常工作中需要的ps快捷技巧等，通過一些技巧來提高我們工作的效率和質量。

這個問題還有疑問的話，可以加幕.思.城火星老師免費咨詢，微.信號是為: msc496。

難題沒解決？加我微信給你講！【僅限淘寶賣家交流運營知識，非賣家不要加我哈】

>

推薦閱讀：

手機開網(wǎng)店要交費用嗎（淘寶開店要錢嗎）

淘寶小號購買兩心一元靠譜嗎？

淘寶網(wǎng)店季節(jié)性類目產品，怎樣布局會更好？

更多資訊請關注幕 思 城。