網(wǎng)店裝修項目三設(shè)計店標(biāo)、店招和導(dǎo)航條上

1、網(wǎng)店裝修項目三 設(shè)計店標(biāo)、店招和導(dǎo)航條重慶大學(xué)出版社項目綜述 小寶和同學(xué)們通過上一個項目確定好了店鋪的模板和色調(diào)，設(shè)置好了頁面的布局，網(wǎng)店首頁就已經(jīng)有了基本架構(gòu)。接下來需要在這些架構(gòu)上完善各個部分。每一家實體店店面，都會有自己各具特色的LOGO(標(biāo)志)和招牌。淘寶網(wǎng)把這個LOGO(標(biāo)志)和招牌延伸進(jìn)了網(wǎng)店，就是網(wǎng)店的店標(biāo)和店招。在網(wǎng)店里，需要提前設(shè)置好導(dǎo)航條，把商品的分類明確地展示給買家，方便買家進(jìn)行瀏覽。小寶發(fā)現(xiàn)在店鋪首頁的最上端顯示的就是店招，接著是導(dǎo)航條。那么店標(biāo)在哪里呢？詢問了老師才知道原來在店鋪被搜索時，首先展示的就是店標(biāo)。小寶認(rèn)識到店標(biāo)、店招是買家對網(wǎng)店的第一印象，導(dǎo)航條直接影響著

2、買家的用戶體驗度。項目任務(wù)任務(wù)一設(shè)計店標(biāo)任務(wù)二設(shè)計店招任務(wù)三設(shè)計導(dǎo)航條知識點任務(wù)一設(shè)計店標(biāo)理解網(wǎng)店店標(biāo)的作用了解淘寶網(wǎng)店店標(biāo)規(guī)格了解淘寶網(wǎng)店店標(biāo)的種類技能目標(biāo)能根據(jù)網(wǎng)店定位確定店標(biāo)的風(fēng)格能根據(jù)需要制作網(wǎng)店店標(biāo)情景設(shè)計 為了盡快設(shè)計好店標(biāo)，小寶先去了解淘寶網(wǎng)對店標(biāo)的要求。小寶了解到：淘寶店標(biāo)的尺寸為80 像素80 像素，大小為80 kB以內(nèi)，支持的格式為.gif，.jpg和.png；可以是靜態(tài)的店標(biāo)，也可以是動態(tài)的店標(biāo)。主題通常為展示店名和店鋪的風(fēng)格，也可以展示店鋪的主營業(yè)務(wù)。由于之前沒有做過設(shè)計方面的任務(wù)，小寶覺得有些無從下手。設(shè)計店標(biāo)確認(rèn)風(fēng)格在淘寶網(wǎng)鍵入搜索關(guān)鍵詞“男裝”，搜索店鋪在搜索結(jié)果

3、頁面中找到各個經(jīng)營男裝的店鋪的店標(biāo)，可以見到店標(biāo)在搜索項的第一位把各家男裝店鋪的店標(biāo)分類匯總，分析店標(biāo)的分類。確定風(fēng)格設(shè)計店標(biāo) 通常而言，不同的顏色對應(yīng)不同的心理感受，而且每種色彩在飽和度、透明度上略微變化就會產(chǎn)生不同的感覺。確認(rèn)風(fēng)格設(shè)計店標(biāo)小寶已經(jīng)確定了店標(biāo)表現(xiàn)形式，接下來可以在網(wǎng)上搜集一些相關(guān)素材【店標(biāo)的制作】店標(biāo)分為哪幾種？從表現(xiàn)形式分為以下幾類： 中文或英文店標(biāo) 中英文混合店標(biāo) 圖形店標(biāo)搜集素材設(shè)計店標(biāo)店標(biāo)素材的收集步驟1.打開瀏覽器，在地址欄中輸入百度網(wǎng)站地址http:/，進(jìn)入網(wǎng)站首頁，百度搜索平臺上，在圖片分類上搜索關(guān)鍵詞“純藍(lán)色底紋背景”。搜集素材設(shè)計店標(biāo)店標(biāo)素材的收集步驟2.挑

4、選“練習(xí)素材/項目3”文件夾下的SC31.jpg，SC32.jpg，SC33.jpg，SC34.jpg幾幅藍(lán)色底圖備用。搜集素材設(shè)計店標(biāo)店標(biāo)素材的收集步驟3.確定字體。在店標(biāo)制作中，字體不要過于花俏?？梢栽诤隗w、宋體、隸書等基本字體的基礎(chǔ)上進(jìn)行調(diào)整變形。搜集素材設(shè)計店標(biāo)店標(biāo)的制作步驟1.挑選底紋。對上個活動收集到的4幅底紋圖進(jìn)行分析，并挑選適當(dāng)?shù)牡准y。步驟2.在Photoshop里打開“練習(xí)素材/項目3/SC33.jpg”文件，使用裁剪工具，設(shè)置寬80像素、高80像素,分辨率為150像素,在圖片左上角進(jìn)行剪裁。設(shè)計制作店標(biāo)設(shè)計店標(biāo)店標(biāo)的制作步驟3.另存文件名為“店標(biāo)”。按快捷鍵“Ctrl+L”

5、調(diào)出“色階”對話框，設(shè)置如圖所示。設(shè)計制作店標(biāo)設(shè)計店標(biāo)店標(biāo)的制作步驟4.選擇文字工具，設(shè)置參數(shù)如圖3.1.12所示，顏色為白色(R:255，G：255，B：255)，輸入文字“TURS”。設(shè)計制作店標(biāo)設(shè)計店標(biāo)店標(biāo)的制作步驟5.選擇文字工具，設(shè)置參數(shù)如圖所示，顏色為黃色(R:255，G：255，B：0)，輸入文字“圖瑞斯”。把兩行文字居中，調(diào)整位置，店標(biāo)效果如圖所示，保存為jpeg格式，并上傳至網(wǎng)店。設(shè)計制作店標(biāo)知識點任務(wù)二設(shè)計店招理解網(wǎng)店店招的作用了解淘寶網(wǎng)店店招規(guī)格了解淘寶網(wǎng)店店招的種類技能目標(biāo)能根據(jù)網(wǎng)店定位確定店招的風(fēng)格能根據(jù)需要制作網(wǎng)店店招情景設(shè)計 設(shè)計好店標(biāo)，小寶很有成就感。對接下來的

6、店招設(shè)計制作充滿信心，決定趁熱打鐵馬上設(shè)計制作店招。小寶詢問老師：“店招為什么重要？”老師回答：“店招會出現(xiàn)在店鋪每個頁面的最上端。也就是說，買家瀏覽店鋪里的任一個頁面都會看到店招，店招是店鋪留給顧客的第一印象，并且可以重復(fù)給予印象?！痹O(shè)計店招經(jīng)過了店標(biāo)的設(shè)計制作過程，小寶認(rèn)為店招也可以使用相同的步驟。小寶把自己的想法告訴老師，得到了老師的認(rèn)可。即先學(xué)習(xí)參考其他網(wǎng)店的店標(biāo)，再根據(jù)自己網(wǎng)店的店名和主營商品、目標(biāo)人群喜好來進(jìn)行設(shè)計。確認(rèn)風(fēng)格確認(rèn)風(fēng)格、收集素材、設(shè)計制作店招設(shè)計店招了解店招分類（1）宣傳品牌為主宣傳品牌為主的店招其主要內(nèi)容是店鋪名、店鋪LOGO： 因為這是品牌宣傳最基本的內(nèi)容；其次是

7、關(guān)注按鈕、關(guān)注人數(shù)、收藏按鈕、店鋪資質(zhì)。通常不會在這類店招中出現(xiàn)店鋪活動、促銷等打折降價的信息。確認(rèn)風(fēng)格設(shè)計店招了解店招分類（2）活動促銷為主的店招： 其作用是使店鋪活動、流量集中增加，有別于店鋪正常運(yùn)營。 所以店招首要考慮的因素是活動信息/時間/倒計時、優(yōu)惠券、促銷產(chǎn)品等活動或者促銷信息；其次才是店鋪名、店鋪LOGO、店鋪廣告語等品牌宣傳為主的內(nèi)容。 這種類型的店招，不管是氛圍設(shè)計還是內(nèi)容展現(xiàn)，都要讓活動信息占據(jù)更大的篇幅，否則顧客對店鋪的信息關(guān)注反而會降低。確認(rèn)風(fēng)格設(shè)計店招了解店招分類（3）產(chǎn)品推廣為主的店招： 其特點是有主推產(chǎn)品、想要主推一款或幾款產(chǎn)品。 在店招上，這類店鋪要主打促銷產(chǎn)品、促銷信息、優(yōu)惠券、活動信息等促銷信息；其次是店鋪名、店鋪LOGO、店鋪廣告語等品牌宣傳為主的內(nèi)容。確認(rèn)風(fēng)格設(shè)計店招了解店招分類（4）隨意設(shè)計的店招制： 作者在設(shè)計上比較隨意，把文字或圖片直接放在店招上，沒有進(jìn)行有效排版，難以給人留下深刻的印象，這也是目前大多數(shù)淘寶店家的通病。確認(rèn)風(fēng)格設(shè)計店招 店招上可以有：店鋪名、店鋪LOGO、店鋪廣告語、