導(dǎo)讀：

   在這競爭激烈電商領(lǐng)域， 運(yùn)營，美工、推廣、客服對(duì)店鋪的整個(gè)運(yùn)營息息相關(guān)，缺一不可。今天，咱們就來聊聊店鋪設(shè)計(jì)，為什么是談店鋪設(shè)計(jì)呢，接下來將為你揭曉。靚麗的頁面最能引人注意，豐富的畫面可以讓平凡普通的頁面更加有活力，從而降低跳失率，提高轉(zhuǎn)化。

正文： 

   盡管是普通的頁面，也能擁有活力的一面，而在其中起橋梁的就是——裝修?；蛟S你會(huì)說裝修我也會(huì)，但，你真的懂嗎？還是只會(huì)簡單的裝修。一個(gè)成功的店鋪離不開運(yùn)營，離不開設(shè)計(jì)， 一個(gè)好的頁面需要符合主題地去設(shè)計(jì)，當(dāng)然，裝修是每個(gè)頁面的必經(jīng)之路，無論是普普通通的頁面還是高逼格的頁面，經(jīng)過裝修之手，就像經(jīng)過層層的精致包裝，才可以完整、更美好的呈現(xiàn)在大家面前。

一、交互效果的應(yīng)用

首先需明確，要想要一些豐富的交互效果或是比較智能的顯示，就算是高級(jí)的后臺(tái)裝修模板，也是需要借助其他工具來使用的，比如倒計(jì)時(shí)。就需要借助外來工具的使用，接下來就為大家引薦設(shè)計(jì)師門在裝修時(shí)會(huì)經(jīng)常用到的工具——盛夏科技在線布局和醉語言編輯器。

（一）設(shè)置動(dòng)態(tài)倒計(jì)時(shí)

設(shè)置倒計(jì)時(shí)，一般在大促活動(dòng)中會(huì)用到，可以起到渲染活動(dòng)緊張氛圍的效果。如下圖所指，做好倒計(jì)時(shí)圖片，上傳圖片空間后，進(jìn)入盛夏科技，把背景和尺寸調(diào)整好，再點(diǎn)擊“倒計(jì)時(shí)”圖層，調(diào)整好下列的屬性，最后點(diǎn)擊右上角的”生成代碼”即可（需注意選擇是淘寶店鋪還是天貓店鋪，因?yàn)椴煌愋偷娘@示尺寸是不一樣的）。

（二）設(shè)置搜索框、視頻以及旺旺客服

搜索框可調(diào)節(jié)大小以及不透明度，視頻可等比例調(diào)節(jié)大小，并將視頻鏈接放入即可。旺旺客服可調(diào)整顯示大圖小圖。如下圖：

（三）輪播海報(bào)的應(yīng)用（不用買智能版依然可以用）

海報(bào)輪播，對(duì)于用默認(rèn)的專業(yè)版模板的店鋪，是沒有全屏圖片輪播的功能的，但買模板的每個(gè)月也要承擔(dān)的很大的費(fèi)用，當(dāng)然，針對(duì)的一些小商型的店鋪?，F(xiàn)在解決辦法來了，不用購買裝修模板也可以實(shí)現(xiàn)全屏輪播海報(bào)的效果。同理，打開“盛夏科技”，點(diǎn)擊右側(cè)的“圖片輪播”層，在底部屬性里即可添加輪播圖片以及鏈接，導(dǎo)航開關(guān)以及箭頭可自行選擇隱藏，最后直接點(diǎn)擊生成代碼即可。

（四）鼠標(biāo)經(jīng)過彈出圖層

鼠標(biāo)經(jīng)過彈出圖層，也就是開關(guān)燈效果， 將寶貝圖片和鼠標(biāo)經(jīng)過的圖片依次更新上去，調(diào)節(jié)好大小生成代碼即可，是不是很簡單呢。

（五）多層固定背景代碼

多層固定背景，是交互效果其中一種，在頁面上的效果表現(xiàn)是有一層是固定的，另外一層可以在其固定背景上滾動(dòng)展示。一般運(yùn)用在分類banner的海報(bào)上，圖片是固定背景——jpg格式，上面的文字是可以滾動(dòng)的——png格式。按下圖所示，復(fù)制圖片鏈接地址，替換紅色的文字，對(duì)于png的透明圖，需要復(fù)制代碼去替換。然后即可去后臺(tái)利用自定義模塊去編輯即可。

二、裝修必備橋梁

（一）淘寶天貓店鋪優(yōu)惠券鏈接轉(zhuǎn)換工具

有裝修過后臺(tái)的人都會(huì)知道，pc端的優(yōu)惠券鏈接和無線端的優(yōu)惠券鏈接是不一樣的，在這就給大家獻(xiàn)上寶典——淘寶天貓店鋪優(yōu)惠券鏈接轉(zhuǎn)換工具。

http://www.ahatao.com/pc2wap/

直接復(fù)制鏈接點(diǎn)擊生成即可獲取無線端的鏈接地址，是不是很方便呀。

（二）1920尺寸全屏頁面生成

你可知道這是什么呢，一般情況下，無論是天貓還是淘寶店鋪，頁面上的寬度是做1920px的，但你在裝修的時(shí)候，是否有遇到過這樣的情況呢，直接把圖片放上去，卻不會(huì)居中顯示，而是偏移了位置，這時(shí)候就需要借助這個(gè)工具來限制它啦——戰(zhàn)國策。http://moban.cn/gongju/index.php?t=quanpin

如上圖所示，將代碼粘貼進(jìn)選框中，然后點(diǎn)擊“生成全屏代碼”，復(fù)制代碼去裝修后臺(tái)即可，此處需要注意的是，在進(jìn)行第二次生成全屏代碼時(shí)需要點(diǎn)擊左邊的“清空代碼”，不然會(huì)導(dǎo)致生成的是亂碼。

（三）如何獲取天貓?zhí)詫毜闹鲌D原圖

最后這一招很神奇的哦，不知道你有沒有發(fā)現(xiàn)，淘寶的主圖獲取直接右擊就可以復(fù)制圖片了，但這招在天貓卻不頂用，那到底可以怎么拿到圖片呢，在主圖中選擇你想要的圖片，在小圖中右擊“在新標(biāo)簽中打開圖片”，此時(shí)在新窗口里會(huì)看到一張小圖，只要將紅框里的尺寸限制刪除，就可以得到主圖原圖的大小。

五、總結(jié)

交互效果的應(yīng)用，可以給頁面增加幾分活力，但是，也不是說交互效果越多越好，太多的話反而會(huì)擾亂整個(gè)頁面。特別是對(duì)于電商頁面，簡單的交互效果在頁面上呈現(xiàn)會(huì)美觀活力了很多，但應(yīng)用過多的話會(huì)產(chǎn)生視覺疲勞的。以上所說的交互效果就有：

1.設(shè)置倒計(jì)時(shí)

2.設(shè)置搜索框、視頻、旺旺客服

3.輪播海報(bào)的應(yīng)用

4.鼠標(biāo)經(jīng)過彈出圖層

另外，在裝修過程中也需要借助一些工具，方便我們工作的進(jìn)行，例如生成全屏代碼,優(yōu)惠券轉(zhuǎn)換工具，以及日常工作時(shí)需要用到的ps快捷鍵技能，通過一些技巧來提高我們工作的效率與質(zhì)量。