淘寶店招自定義設(shè)計(jì)怎么操作？教程分享

店招同樣是品牌信息展示窗口，它在店鋪首頁是最特殊的一個(gè)模塊。

店招不需要做任何設(shè)置，就能在所有的頁面中顯示，不管是專題頁、寶貝詳情頁，還是分類頁面等。

下面一起去學(xué)習(xí)一些技巧！應(yīng)該從以下幾個(gè)方面著重考慮。

（1）品牌宣傳制作這類店招時(shí)，首先要考慮的內(nèi)容是店鋪名、Logo、廣告語，因?yàn)檫@是品牌宣傳最基本的內(nèi)容，其次是關(guān)注按鈕、關(guān)注人數(shù)、收藏按鈕，可以側(cè)面反映店鋪實(shí)力；然后是搜索框、淘寶店鋪導(dǎo)航等方便用戶體驗(yàn)的內(nèi)容。

下圖為品牌宣傳類的店招設(shè)計(jì)效果。

（2）活動促銷制作這類店招時(shí)，首先要考慮的因素是活動信息、優(yōu)惠券、促銷產(chǎn)品等活動或者促銷信息；其次是搜索框、旺旺、第二導(dǎo)航條等方便用戶體驗(yàn)的內(nèi)容；最后是店鋪名、Logo、廣告語等品牌宣傳為主的內(nèi)容。

不管是氛圍設(shè)計(jì)還是內(nèi)容展現(xiàn)，都要讓活動信息占據(jù)更大的篇幅，否則顧客對店鋪的信息關(guān)注會降低。

。

（3）產(chǎn)品推廣這類店招的特點(diǎn)是有主推產(chǎn)品或者是想要主推一款或幾款產(chǎn)品。

在店招上，這類店鋪要主打促銷產(chǎn)品、促銷信息、優(yōu)惠券、活動信息等促銷信息；其次是淘寶店鋪名、Logo、廣告語等品牌宣傳為主的內(nèi)容；最后是搜索框、淘寶店鋪導(dǎo)航等方便用戶體驗(yàn)的內(nèi)容。

。

店招的設(shè)計(jì)各式各樣，展示的內(nèi)容也會隨著時(shí)間的推移而改變，但是不管如何設(shè)計(jì)店招，有些信息是店招必不可少的，如店鋪名稱、Logo和廣告語等基礎(chǔ)信息。

下面利用Photoshop軟件來制作一個(gè)店招。

Step 01 ?打開Photoshop軟件，執(zhí)行“文件>新建”菜單命令，在彈出的“新建”對話框中進(jìn)行相關(guān)參數(shù)設(shè)置。

Step 02 ?按Ctrl+R快捷鍵在畫布兩端創(chuàng)建參考線，創(chuàng)建后的效果如圖所示。

創(chuàng)建參考線淘寶全屏店招的尺寸是1920像素，上一步創(chuàng)建的尺寸是950像素，接下來就要增加970像素。

執(zhí)行“圖像>畫布大小”菜單命令，在彈出的對話框中修改寬度為1920像素。

單擊“確定”按鈕之后，就得到一個(gè)1920像素×120像素的店招了。

修改文件背景大小Step 03 純白色的背景過于單調(diào)，可以修改為銀灰色，與白色背景有所區(qū)別即可。

把之前設(shè)計(jì)制作的Logo拖入進(jìn)來，調(diào)整大小后放到相應(yīng)的位置。

Step 04 ?把宣傳口號“專注女裝，穿出四季如春”也輸入進(jìn)來，統(tǒng)一修改Logo和文字的顏色。

Step 05 ?接下來開始制作“關(guān)注我們”按鈕。

使用“圓角矩形工具”創(chuàng)建一個(gè)半徑為20像素的圓角矩形，填充為紅色，如下圖所示。

Step 06 ?在工具箱中選擇“自定義形狀工具”，選擇心形的形狀，繪制一個(gè)心形，顏色為白色，輸入文字“關(guān)注我們”。

Step 07 接下來就可以開始創(chuàng)建優(yōu)惠券。

使用工具箱中的“矩形工具”創(chuàng)建一個(gè)矩形，填充顏色為（R:250，G:230，B:200），優(yōu)惠券背景矩形形狀。

Step 08 ?使用“橫排文字工具”輸入優(yōu)惠券促銷活動文字信息，修改文字顏色為紅色。

Step 09 ?輸入文字“立即領(lǐng)取”，創(chuàng)建紅色矩形填充背景。

Step 10 把一個(gè)優(yōu)惠券制作好之后，可以復(fù)制出多個(gè)，只需要把文字信息修改一下即可，如下圖所示。

復(fù)制出另外兩個(gè)優(yōu)惠券，修改文字內(nèi)容并調(diào)整到合適的位置。

Step 11 ?制作收藏按鈕效果。

創(chuàng)建一個(gè)灰色的背景矩形，然后創(chuàng)建傾斜的線段，旋轉(zhuǎn)后放到合適的位置。

一個(gè)收藏按鈕背景形狀制作效果。

Step 12 ?輸入文字“收藏本店”和相應(yīng)的英文內(nèi)容，字體為黑體即可。

Step 13 ?店招的最終效制作效果如上圖所示。

制作完成后，存儲為相應(yīng)的圖片格式即可。

如果是全屏的變色店招話，有兩種方式，一種是定制專業(yè)版或者智能版可以直接把做好的全屏圖片放上去，第二種，如果是基礎(chǔ)班，就需要用到錯位的方式添加了，不單單是之前靠代碼就能實(shí)現(xiàn)了。

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