市場營銷基礎(chǔ)教學(xué)課件項(xiàng)目2 店鋪圖設(shè)計-任務(wù)1 設(shè)計店標(biāo)電子課件 中職 電子教案 網(wǎng)店裝修（第三版）

市場營銷基礎(chǔ)教學(xué)課件項(xiàng)目2店鋪圖設(shè)計-任務(wù)1設(shè)計店標(biāo)電子課件中職高教版網(wǎng)店裝修（第三版）《網(wǎng)店裝修》項(xiàng)目二店鋪圖設(shè)計項(xiàng)目綜述

曉玲通過項(xiàng)目1的學(xué)習(xí)和實(shí)踐，注冊了淘寶賬戶和支付寶賬戶，成功開了網(wǎng)店。她還根據(jù)商品類型，確定了網(wǎng)店店鋪的模板，設(shè)置了店鋪頁面的布局，網(wǎng)店首頁有了基本架構(gòu)。因?yàn)榈赇佀N售的女裝意向顧客是高中學(xué)生，屬于青春靚麗的風(fēng)格，曉玲請教公司美工，決定設(shè)置網(wǎng)店的主色調(diào)為藍(lán)綠色（R：44，G：141，B：140）。商品上架需要用到商品圖片，因此，曉玲根據(jù)所賣衣服的風(fēng)格、網(wǎng)店的主色調(diào)，合理設(shè)計搭配、布置場地、邀請適齡模特，精心為商品拍攝了一組圖片，包括正面圖、背面圖、細(xì)節(jié)圖、模特圖、場景圖等。一個好的網(wǎng)店，不僅要有好的店鋪名，還要有好的店標(biāo)、能反映風(fēng)格及賣點(diǎn)的主圖和能吸引顧客眼球的活動圖，曉玲打算提前設(shè)計、制作這些圖片，把店鋪進(jìn)一步充實(shí)完善好。項(xiàng)目任務(wù)任務(wù)一任務(wù)二任務(wù)三店標(biāo)設(shè)計主圖設(shè)計活動圖制作知識目標(biāo)任務(wù)一設(shè)計店標(biāo)了解淘寶店鋪圖類別理解網(wǎng)店店鋪圖的作用掌握各類店鋪圖的制作方法情景設(shè)計曉玲經(jīng)過老師的指點(diǎn)，認(rèn)識到店標(biāo)是淘寶店鋪的標(biāo)志，是店鋪形象和文化的最直接表現(xiàn)。開設(shè)店鋪前，要先準(zhǔn)備好店標(biāo)。為了使店鋪更吸引買家眼球，曉玲決定設(shè)計店標(biāo)。任務(wù)步驟對店標(biāo)進(jìn)行認(rèn)識、設(shè)計制作靜態(tài)店標(biāo)、設(shè)計制作動態(tài)店標(biāo).【任務(wù)分解】曉玲找到老師，說明的自己的困惑。老師指點(diǎn)曉玲，可以先看看其他網(wǎng)店的店標(biāo)，學(xué)習(xí)店標(biāo)的類型。再根據(jù)自己網(wǎng)店的店名和主營商品、目標(biāo)人群喜好來選擇一個類型的店標(biāo)進(jìn)行設(shè)計制作。曉玲團(tuán)隊討論確定了完成任務(wù)的步驟。活動實(shí)施：1.什么是店標(biāo)店標(biāo)是淘寶店鋪的標(biāo)志，也可以稱為Logo，一個制作精美的店標(biāo)能夠傳達(dá)店鋪的經(jīng)營理念，突出店鋪的經(jīng)營風(fēng)格，彰顯店鋪的形象。店標(biāo)在淘寶店鋪中以兩種形態(tài)顯示：靜態(tài)圖像和動態(tài)圖像。店標(biāo)通常由店鋪名稱、商品圖片、宣傳文字等組合而成。淘寶規(guī)定，店標(biāo)的尺寸寬度為100像素，高度為100像素，僅支持GIF和JPG兩種圖片格式，圖片大小建議限制在80kB以內(nèi)。初識店標(biāo)活動實(shí)施：2.店標(biāo)的表現(xiàn)形式主要有文字、圖片、組合共3種形式。（1）文字。用文字或者拼音字母等形式表現(xiàn)店標(biāo)。（2）圖案。用圖形的方式來表示店標(biāo)，可以選擇形象生動、色彩明快的圖案，這樣選擇的圖案可以極易識別的，如圖2.1.3所示。（3）組合。把文字和圖案組合在一起，這種結(jié)合了文字和圖案的優(yōu)點(diǎn)，既形象又容易識別。初識店標(biāo)活動實(shí)施：3.店標(biāo)設(shè)計原則

（1）構(gòu)圖有創(chuàng)意。構(gòu)圖不能和其他店鋪的一樣，要新穎、富有個性化。（2）店標(biāo)含義有內(nèi)涵。能體現(xiàn)店鋪個性特征、獨(dú)特品質(zhì)以及精神風(fēng)貌。（3）店標(biāo)一旦確定，最好輕易不要改動。（4）設(shè)計符合法律法規(guī)，注重國際化。初識店標(biāo)活動實(shí)施：4.店標(biāo)設(shè)計技巧（1）店標(biāo)設(shè)計的時候一定要有識別性，讓別人一看到就能識別出你的店鋪。店標(biāo)還要展示店鋪的獨(dú)特性，標(biāo)志要傳遞關(guān)鍵要素。（2）店標(biāo)要保證統(tǒng)一性，要和網(wǎng)店的理念、文化、經(jīng)營內(nèi)容和特點(diǎn)統(tǒng)一，才能獲得一致的認(rèn)可。（3）店標(biāo)具有延伸性，可以運(yùn)用最廣泛和頻率最高的要素來表達(dá)，也可以采用對應(yīng)性、延展性的變體設(shè)計，切合最適宜的效果表現(xiàn)。網(wǎng)店裝修16WANGDIANZHUANGXIU（4）店標(biāo)設(shè)計要有造型，不管是什么組合形式，一定要保證優(yōu)質(zhì)的造型，這樣能在買家心中留下很好的形象初識店標(biāo)活動背景網(wǎng)店經(jīng)營女裝，店名為“拾光”。曉玲經(jīng)過思考和設(shè)計，決定店標(biāo)采用文字和圖案的組合形式。店標(biāo)中簡單明了地寫出“拾光”店名，以小花的圖案表達(dá)花樣年華，代表對“美”的追求。圖標(biāo)以藍(lán)綠色為底色，代表一種甜美、溫柔的女性特質(zhì)，也和店鋪色調(diào)相呼應(yīng)。設(shè)計靜態(tài)店標(biāo)活動實(shí)施步驟1：新建文件，顏色模式為RGB顏色，分辨率為72像素/英寸，背景內(nèi)容為透明，尺寸寬為100像素、高為100像素。步驟2：選擇“橢圓選框工具”，設(shè)置樣式為“固定大小”，寬度為98像素，高度為98像素。繪制圓形，填充為藍(lán)綠色（R：44，G：141，B：140）。步驟3：選擇“鋼筆工具”，繪制路徑，如圖2.1.6所示設(shè)計靜態(tài)店標(biāo)步驟4：新建組1，在組1中新建圖層1。選擇路徑，按“Ctrl+Enter”快捷鍵，將路徑轉(zhuǎn)為選區(qū)，填充為白色（R：255，G：255，B：255）。步驟5：選擇“鋼筆工具”，繪制兩個路徑，分別如圖2.1.7、圖2.1.8所示。步驟6：在組1中分別新建圖層2、圖層3，分別按“Ctrl+Enter”快捷鍵，將路徑轉(zhuǎn)為選區(qū)，分別填充為白色（R：255，G：255，B：255），效果如圖2.1.9所示活動實(shí)施設(shè)計靜態(tài)店標(biāo)步驟7：選擇組1，按“Ctrl+J”快捷鍵復(fù)制組1成為組1副本，選擇組1副本，按“Ctrl+T”快捷鍵，調(diào)整中心點(diǎn)，如圖2.1.10所示。設(shè)置旋轉(zhuǎn)角度為60°，按方向鍵，向右移動2次，向下移動2次，按“Enter”鍵確定?；顒訉?shí)施設(shè)計靜態(tài)店標(biāo)步驟8：復(fù)制組1兩次，分別旋轉(zhuǎn)120°、180°，并按方向鍵，向右移動2次，向下移動2次，按“Enter”鍵確定。步驟9：復(fù)制組1兩次，分別旋轉(zhuǎn)-60°、-120°，并按方向鍵，向左移動2次，向下移動2次，按“Enter”鍵確定。經(jīng)過多次復(fù)制組、旋轉(zhuǎn)和調(diào)整位置后，效果如圖2.1.11所示。步驟10：選擇“橫排文字工具”，字體為字語文躍體，字號為40點(diǎn)，字體顏色為白色（R：255，G：255，B：255），輸入店鋪名“拾光”，保存圖片，最終效果如圖2.1.12所示?；顒訉?shí)施設(shè)計靜態(tài)店標(biāo)綜合案例項(xiàng)目完成評價表案例名稱：文創(chuàng)產(chǎn)品店鋪裝修——制作靜態(tài)店標(biāo)。案例背景：黃巧團(tuán)隊已完成店鋪開設(shè)的所有工作，接下來，在商品上架銷售之前，她們要對店鋪進(jìn)行裝修，首先要做的是給店鋪設(shè)計一個店標(biāo)。實(shí)訓(xùn)目的：掌握撰寫店標(biāo)設(shè)計理念和制作靜態(tài)店標(biāo)。實(shí)訓(xùn)要求：挖掘文創(chuàng)產(chǎn)品的文化內(nèi)涵，根據(jù)網(wǎng)店名稱“藝·尚”結(jié)合店鋪銷售產(chǎn)品的內(nèi)涵,創(chuàng)意設(shè)計靜態(tài)店標(biāo)，并寫出設(shè)計理念。設(shè)計靜態(tài)店標(biāo)

活動背景店標(biāo)的作用在于展示店鋪名稱、風(fēng)格和售賣的商品類目。曉玲設(shè)計完靜態(tài)店標(biāo)，還打算制作動態(tài)店標(biāo)，以達(dá)到更好的效果?？紤]到店標(biāo)尺寸較小，決定設(shè)計簡單的動畫效果。設(shè)計動態(tài)店標(biāo)步驟1：新建文件，顏色模式為RGB顏色，分辨率為72像素/英寸，背景內(nèi)容為透明，尺寸寬度為100像素、高度為100像素。步驟2：設(shè)置前景色為黃色（R：255，G：232，B：186），選擇“矩形選框工具”，設(shè)置樣式為“固定大小”，寬度為72像素，高度為100像素，新建圖層，繪制矩形選區(qū)。步驟3：選擇“漸變工具”，在“漸變編輯器”中設(shè)置為從“前景色到透明漸變”，選擇“對稱漸變”，為矩形選區(qū)填充漸變色，效果如圖2.1.15所示?；顒訉?shí)施設(shè)計動態(tài)店標(biāo)步驟4：置入素材“練習(xí)素材/項(xiàng)目2/拾光靜態(tài)logo.png”。步驟5：選擇“移動工具”，將矩形選區(qū)拖到Logo文件處，按“Ctrl+T”快捷鍵，調(diào)整大小，適當(dāng)旋轉(zhuǎn)，如圖2.1.16所示，按“Enter”鍵確定。步驟6：按住“Alt”鍵，在圖層0和圖層1之間單擊，創(chuàng)建剪貼蒙版。步驟7：選擇“窗口”→“時間軸”，單擊第1幀，移動圖層1中的矩形選框到左上角，效果如圖2.1.17所示活動實(shí)施設(shè)計動態(tài)店標(biāo)步驟8：在“時間軸”上單擊“復(fù)制所選幀”，單擊第2幀，移動圖層1中的矩形選框到右下角，效果如圖2.1.18所示。步驟9：在“時間軸”上單擊第1幀，選擇“過渡動畫幀”，設(shè)置要添加的幀數(shù)為“20”，單擊“確定”按鈕。步驟10：選擇“件”→“存儲為Web所用格式”，選擇格式為“GIF”，單擊“存儲”，輸入文件名，選擇格式為“僅限圖像”，單擊“保存”按鈕，最終效果如圖2.1.19所示活動實(shí)施設(shè)計動態(tài)店標(biāo)綜合案例項(xiàng)目完成評價表案例名稱：文創(chuàng)產(chǎn)品店鋪裝修——制作動態(tài)店標(biāo)