電子商務(wù)技能實訓(xùn)教程單元2

1、電子商務(wù)技能實訓(xùn)教程,科學(xué)出版社2012年9月第1版,課程大綱,單元一 商品拍攝與圖片處理單元二 網(wǎng)店裝修單元三 網(wǎng)絡(luò)營銷單元四 在線交易單元五 支付與配送單元六 客戶服務(wù),單元二 網(wǎng)店裝修,任務(wù)一：初識網(wǎng)店裝修,任務(wù)二：設(shè)計網(wǎng)絡(luò)店鋪,任務(wù)三：設(shè)計商品描述頁,任務(wù)一：初識網(wǎng)店裝修,實訓(xùn)1 開設(shè)淘寶店鋪,實訓(xùn)2 開設(shè)慧源店鋪,,任務(wù)二：裝修網(wǎng)絡(luò)商店,實訓(xùn)1 制作店招,實訓(xùn)2 設(shè)計店標,,實訓(xùn)3 導(dǎo)航設(shè)

2、計,實訓(xùn)4 設(shè)計促銷廣告,實訓(xùn)5 制作動態(tài)店招,任務(wù)三：設(shè)計商品描述頁,實訓(xùn)1 設(shè)計商品促銷區(qū),實訓(xùn)2 設(shè)計分類標題欄,,實訓(xùn)3 設(shè)計商品介紹區(qū),實訓(xùn)4 設(shè)計商品展示,實訓(xùn)5 設(shè)計幫助與說明區(qū),馬華云通過不懈的努力和學(xué)習(xí)，掌握了商品攝影和照片處理的相關(guān)知識，現(xiàn)在他拍攝出來的商品圖片再加上后期的美化處理，可以與專業(yè)級的攝影圖片相媲美。馬華云決定乘勝出擊，進行商品上傳和網(wǎng)絡(luò)店鋪的裝修。他干勁十足地把自己拍攝出來的商品圖片加上文字說明，一件

3、件的上傳到自己的店鋪。 現(xiàn)在，他的網(wǎng)絡(luò)商店已經(jīng)初見雛形。但和淘寶網(wǎng)上的皇冠店以及旗艦店比較起來，自己的店鋪明顯寒磣很多。怎么樣才能達到專業(yè)網(wǎng)絡(luò)店鋪的設(shè)計水準，讓消費者對自己的網(wǎng)絡(luò)店鋪充滿信心？馬華云決定好好學(xué)習(xí)網(wǎng)店裝修，讓店鋪更富有吸引力，讓瀏覽者過目難忘。,崗位情景設(shè)計,本單元學(xué)習(xí)目標,1.了解開設(shè)網(wǎng)店的一般流程和網(wǎng)店裝修的操作方法。,2.了解店面整體風(fēng)格設(shè)計的原理和方法。,3.掌握店招、店標、左側(cè)區(qū)及促銷區(qū)等功能模塊的設(shè)計。

4、,4.掌握商品描述頁的設(shè)計思路和方法。,任務(wù)2.1 初識網(wǎng)店裝修,網(wǎng)店裝修是網(wǎng)上開店過程中的一個重要環(huán)節(jié)，網(wǎng)店裝修類似于實體店的裝修，其目的是為了美化店鋪，提升店鋪的形象，從而獲得更多的視覺銷售力。網(wǎng)店裝修帶給網(wǎng)絡(luò)店鋪的不僅僅是美觀的視覺展示效果，更多的是增強店鋪的吸引力和說服力，營造出良好的銷售氛圍，從而刺激顧客的購買欲望，提升銷售業(yè)績。,知識準備,1．網(wǎng)店裝修含義 網(wǎng)店裝修就是在淘寶、易趣、拍拍等網(wǎng)絡(luò)平臺允許的結(jié)構(gòu)范圍內(nèi)，通

5、過使用圖片、程序、以及模板等讓店鋪變得更美觀的過程?！捌胀ǖ赇仭苯Y(jié)構(gòu)固定，只能做少量的頁面改動和設(shè)置，其功能性和美觀度都極具局限性。 以淘寶網(wǎng)平臺為例，專業(yè)的網(wǎng)絡(luò)店鋪一般會升級到更高級別的旺鋪，旺鋪級別越高，在頁面設(shè)計上的自由度就越高，頁面的改動和設(shè)置就更加靈活，有助于設(shè)計出更美觀和人性化的頁面。好的店鋪裝修就是淘寶網(wǎng)上的經(jīng)商名片，判斷是否為專業(yè)店鋪，通過評價網(wǎng)店裝修效果便能做出大致分辨。,,,任務(wù)2.1 初識網(wǎng)店裝修,2．網(wǎng)店

6、裝修的流程 網(wǎng)絡(luò)店鋪的裝修，除了可以使用第三方設(shè)計好的裝修模板和裝修軟件進行“一鍵裝修”以外，還可以自己動手設(shè)計和制作所需素材，進行手工裝修。 所謂“一鍵裝修”，指的是店主不需要具備專業(yè)的圖片處理和網(wǎng)頁設(shè)計知識，直接在裝修市場搜索并購買設(shè)計好的裝修模板，點擊“模板安裝”即可自動應(yīng)用購買好的裝修模板的方法。安裝好裝修模板之后，店主只需要根據(jù)自己的應(yīng)用實際進行簡單的修改設(shè)置即可；而手工裝修則需要店主具備專業(yè)的圖片處理、網(wǎng)頁設(shè)

7、計等相關(guān)知識，店主需要自己設(shè)計和制作各個模塊和功能區(qū)的圖片或代碼，并進行安裝調(diào)試，手工裝修相對一鍵裝修來說，店鋪的頁面和風(fēng)格可以更加自己的喜好進行更加靈活的設(shè)計和定義。淘寶網(wǎng)的店鋪裝修流程如圖2-1-1所示：,,,任務(wù)2.1 初識網(wǎng)店裝修,,,任務(wù)2.1 初識網(wǎng)店裝修,3．網(wǎng)絡(luò)店鋪裝修的基本原則 網(wǎng)絡(luò)店鋪裝修的目的不僅僅是讓店鋪變得更加美觀，其現(xiàn)實目的在于創(chuàng)造更多的銷售額。因此在裝修網(wǎng)絡(luò)店鋪時，要把握好以下幾個基本原則：

8、 （1）裝修風(fēng)格要符合買家定位 裝修店鋪不是根據(jù)自己的喜歡進行風(fēng)格設(shè)計，好的店鋪裝修首先要符合買家定位。裝修前，需要了解店鋪的主要買家是處于哪個年齡段，知識結(jié)構(gòu)和購物習(xí)慣以及大致的審美傾向如何。如果店鋪的顧客非常年輕，那么在裝修風(fēng)格上可以更加自由，風(fēng)格可以偏向活潑有趣，還需要把新潮的商品靠前展示；如果顧客大多數(shù)是老客戶，則應(yīng)避免經(jīng)常改動店鋪結(jié)構(gòu)，“新品”和“會員專享”就應(yīng)更靠前，常規(guī)的信息則要放在相對次要的位置。,,,任務(wù)2.1

9、 初識網(wǎng)店裝修,（2）店鋪界面要符合買家瀏覽習(xí)慣 用戶期望的東西，越容易找到，顧客就越容易接受你給的界面。一致性的界面，可以讓用戶更方便的進行操作，提高購物愉悅度和效率。大多數(shù)網(wǎng)絡(luò)店鋪如淘寶，其基本的店鋪結(jié)構(gòu)是F型。頂端是店招，左側(cè)是寶貝分類列表，右邊是促銷信息。如圖2-1-2所示。由于用戶的閱讀習(xí)慣是從上到下，從左到右，所以要把轉(zhuǎn)化率最高的寶貝推薦在先，使其顯示在靠近店鋪左上角的位置。,,,任務(wù)2.1 初識網(wǎng)店裝修,圖2-1-

10、2 F型的店鋪結(jié)構(gòu),（3）語言文字要符合買家的文化背景 文字介紹盡量口語化，避免華美辭藻的堆砌。重要的文字介紹請使用母語，有些賣家為了設(shè)計的視覺效果，喜歡在店招和寶貝分類圖片的設(shè)計上使用英文，這樣并不利于第一時間喚醒顧客的反應(yīng)。圖文并茂比單純的圖片以及文字更能打動顧客。 （4）商品描述頁對促進成交更為重要 對于大多數(shù)網(wǎng)店來說，訪客流量大多來源于顧客的自主搜索。顧客通常拜訪的第一個頁面是網(wǎng)店的商品描述頁。所以商品

11、描述頁的內(nèi)容是留住買家和提升轉(zhuǎn)化率的關(guān)鍵所在。好的商品描述頁既要促進當前商品成交，還要進一步刺激買家產(chǎn)生更多的消費欲望。,,,任務(wù)2.1 初識網(wǎng)店裝修,基礎(chǔ)實訓(xùn)1 開設(shè)淘寶店鋪,實訓(xùn)目的：了解在淘寶上開設(shè)網(wǎng)店的操作方法及過程，并能自己動手裝修店鋪并成功發(fā)布。操作要求：掌握開設(shè)網(wǎng)店的操作流程，成功開始店鋪之后對店鋪進行必要的設(shè)置和裝修。技能點撥：利用店鋪裝修中的“自定義內(nèi)容區(qū)”，可以制作出功能強大的店鋪公告和促銷區(qū)，在該區(qū)還可以對促

12、銷商品設(shè)置鏈接。實訓(xùn)步驟：參見教材,,,,,,,,,,,,,實踐操作,拓展實訓(xùn) 開設(shè)慧源店鋪,實訓(xùn)目的：了解在慧源電子商務(wù)平臺上以賣家身份開設(shè)網(wǎng)絡(luò)店鋪的過程和操作方法。操作要求：要求學(xué)生能以賣家的身份注冊并登錄平臺，通過相關(guān)的設(shè)置成功開始自己的網(wǎng)絡(luò)店鋪。技能點撥：注冊并成功登錄后，必須先開通支付通，才能進行開店操作。實訓(xùn)步驟：參見教材,,,,,,,,,,,,,任務(wù)2.2裝修網(wǎng)絡(luò)商店,店鋪裝修是店鋪的形象和門面，而在電子商務(wù)中的

13、店招涉及店招設(shè)計、店標設(shè)計、導(dǎo)航欄設(shè)計、促銷區(qū)設(shè)計等。其中店招是淘寶店鋪的招牌，是店鋪給客戶的第一印象，恰到好處的店招設(shè)計能讓店鋪更出彩和吸引人。店標是店鋪的logo，好的店標可以讓客戶清楚了解店鋪名稱和產(chǎn)品類型。導(dǎo)航欄是店鋪商品分類鏈接，讓客戶能最快找到需要的商品。促銷區(qū)放置店鋪公告、促銷信息能增加店鋪的活力和吸引力。,知識準備,任務(wù)2.2裝修網(wǎng)絡(luò)商店,制作店鋪裝修的時候注意整體風(fēng)格的統(tǒng)一，簡單來說就是主色調(diào)、輔助色和字體要統(tǒng)一。如

14、果每個設(shè)計都沒任何聯(lián)系、各自為政的話整個店面就會很混亂。 2012年廣東省電子商務(wù)技術(shù)技能競賽在網(wǎng)店裝修方面的基本要求是，為店鋪設(shè)置合適的風(fēng)格、整體色調(diào)，以使店鋪具有鮮明的特色及吸引力。,關(guān)于店鋪風(fēng)格設(shè)置和色調(diào)選擇，下面提供參考意見。 店鋪風(fēng)格的選擇依據(jù)主要是根據(jù)店鋪所經(jīng)營的主營產(chǎn)品來設(shè)置。 1．食品類：食品類較多使用綠色，代表健康，客戶看起來感覺安全可靠，設(shè)計風(fēng)格偏向清新。但也有一些特例，如谷物則可用橙色；咖啡

15、、巧克力、茶類可用褐色等。 2．服飾類：服飾根據(jù)客戶類別分男性、女性、老人、兒童。男性可用教理性的顏色如：黑色、灰色、深藍色等，設(shè)計風(fēng)格偏向冷酷。女性則可以用較夢幻、柔美的顏色和風(fēng)格，如粉紅色、紫色等。老人服飾顏色偏暗沉，故可選用深色作為店鋪的主色調(diào)。而兒童服飾則相反，兒童活潑、精力旺盛、好奇，根據(jù)他們的特點選色上可用三原色搭配即紅黃藍，風(fēng)格也較活潑。,,,任務(wù)2.2裝修網(wǎng)絡(luò)商店,關(guān)于店鋪風(fēng)格設(shè)置和色調(diào)選擇，下面提供參考意見。

16、 3．電子產(chǎn)品類：電子產(chǎn)品賣點是時尚、功能和科技，因此可選用藍色作主色調(diào)，風(fēng)格可采用時尚風(fēng)格。 4．日用品類：日用品門類多、較瑣碎，因此適宜使用中性顏色即綠色，可涵蓋更多不同特性的產(chǎn)品。此外也可采用較陽光溫暖的顏色，如黃色和橙色，給人家的溫馨感覺。 5．運動戶外類：運動戶外容易讓人聯(lián)想到陽光、海洋和郊野，因此可以對應(yīng)選取黃色、藍色、綠色等作為主色調(diào)，設(shè)計時要表達清新、活力。 6．家具建材類：家具建材一般體型

17、較大，可選用厚實的顏色，如褐色作為主調(diào)。,,,任務(wù)2.2裝修網(wǎng)絡(luò)商店,對于網(wǎng)店的色彩搭配，下面提供五種參考方法。 1．同類色：同類色即同一色系的顏色，采取的是不同明度和純度的搭配，如大紅配暗紅。同類色的搭配最溫和也最容易，但是也容易顯得呆板。 2．類似色：類似色即相鄰的兩種顏色搭配，如紅色的相鄰色是橙色和紫色、黃色的相鄰色是綠色和橙色、藍色的相鄰色是紫色和綠色。這種搭配感覺自然而不會沉悶。 3．對比色：對比色搭配

18、主要指紅黃藍、綠橙紫這兩組強對比色的相互搭配，這種搭配較強烈，適用于活潑的風(fēng)格。 4．互補色：互補色是指在色環(huán)上互成180°的顏色，互補色共三組：紅配綠、藍配橙、黃配紫。這三組顏色搭配是難度最高也最容易不協(xié)調(diào)的搭配。恰當?shù)厥褂没パa色搭配能讓店鋪突出，但是若搭配不宜會讓店鋪顯得乖張、突兀。,,,任務(wù)2.2裝修網(wǎng)絡(luò)商店,基礎(chǔ)實訓(xùn)1 制作店招,實訓(xùn)目的：掌握店招的制作方法。操作要求：能制作出日用品類店鋪招貼。技能點撥：日

19、用品類可用綠色、紅色、黃色等作為設(shè)計主色調(diào)，設(shè)計風(fēng)格應(yīng)為實用。在店招上可加入店鋪logo、店鋪主營產(chǎn)品類別、提供的服務(wù)等增加店招的可讀性，讓客戶直接了解該店鋪。店招的尺寸為950像素×142像素，圖片文件小于100k。實訓(xùn)步驟：參見教材,,,,,,,,,,,,,實踐操作,基礎(chǔ)實訓(xùn)2 設(shè)計店標,實訓(xùn)目的：掌握店標設(shè)計的方法。操作要求：能制作出精美的店標。技能點撥：為了使整個店面的風(fēng)格統(tǒng)一，所以設(shè)計店標的時候盡量與店招的風(fēng)格

20、、主色調(diào)統(tǒng)一。在制作店標的時候可使用店招的文字和圖片素材。店標尺寸為100像素×100像素，格式只能為GIF和JPG格式，大小限制在80K。實訓(xùn)步驟：參見教材,,,,,,,,,,,,,基礎(chǔ)實訓(xùn)3 設(shè)計導(dǎo)航,實訓(xùn)目的：掌握導(dǎo)航設(shè)計的方法。操作要求：能制作出精美的導(dǎo)航。技能點撥：導(dǎo)航的設(shè)計風(fēng)格與店標相一致能使店鋪顯得更專業(yè)和出彩，所以導(dǎo)航的主色調(diào)仍為綠色，輔助色為中黃色。導(dǎo)航設(shè)計共兩類，一類是目錄，第二類是子目錄。實訓(xùn)步驟

21、：參見教材,,,,,,,,,,,,,基礎(chǔ)實訓(xùn)4設(shè)計促銷廣告,實訓(xùn)目的：掌握促銷廣告設(shè)計的方法。操作要求：能制作出精美的廣告。技能點撥：促銷廣告放置在淘寶店鋪的當眼位置，內(nèi)容有店鋪宣傳、店鋪促銷信息等。促銷屬于快餐式廣告，因此設(shè)計時一般使用較鮮艷的顏色和明快的風(fēng)格。實訓(xùn)步驟：參見教材,,,,,,,,,,,,,拓展實訓(xùn)1 制作動態(tài)店招,實訓(xùn)目的：制作生動有趣的動態(tài)店招。操作要求：能使用Photoshop的動畫功能制作簡單的動態(tài)店招。

22、技能點撥：設(shè)計制作生動有趣的動態(tài)店招能吸引買家的注意，增加點評的親和力。這個例子里面使用本節(jié)的制作好的店招進行動畫改造：店鋪名稱的笑臉眨眼、裝飾的光點交替閃爍。實訓(xùn)步驟：參見教材,,,,,,,,,,,,,任務(wù)2.3 設(shè)計商品描述頁,如果說網(wǎng)店推廣的基礎(chǔ)是網(wǎng)絡(luò)店鋪，那網(wǎng)絡(luò)店鋪的根本則是“商品描述”和店鋪的整體裝修。在設(shè)計商品描述頁時，設(shè)計思路和風(fēng)格主題要明確，富有個性，突出店鋪的特色。要做到這點，必須先做好規(guī)劃和定位。,知識準備,首先

23、，商品描述頁的設(shè)計要和店鋪風(fēng)格基本一致，最大程度的突出和反映本店的特色?！吧唐访枋鲰摗钡念伾詈煤偷赇佌w顏色相近，主要用色最好不要超過三種，過多則顯得雜亂無章，切忌顏色反差過大，主題明確風(fēng)格簡潔清新為宜。 其次，要站在消費者角度進行商品描述頁的設(shè)計。要換位思考，弄清顧客最關(guān)心的內(nèi)容，把顧客最感興趣的內(nèi)容展示或描述出來。如服裝銷售，顧客最關(guān)心的是自己穿上去的真實效果如何，以及衣服的質(zhì)地和設(shè)計細節(jié)。這時，如果在商品描述頁放上模特展

24、示效果圖就比單純的實物平面圖更吸引人。 那么，商品描述頁通常放置什么內(nèi)容，它們的重要程度及排列順序應(yīng)該如何設(shè)置。通過對淘寶商城以及人氣店鋪的統(tǒng)計分析，我們可以把商品描述頁的內(nèi)容大致歸為以下幾類，并按重要性進行先后排序，如表2-3-1所示。,,,任務(wù)2.3 設(shè)計商品描述頁,,,任務(wù)2.3 設(shè)計商品描述頁,,,任務(wù)2.3 設(shè)計商品描述頁,大多數(shù)淘寶旺鋪的商品描述頁都包含有以上內(nèi)容中的至少三項，在實際的運用中，要根據(jù)所銷售商品的特性適

25、當選擇上述內(nèi)容放置在商品描述頁中，例如OLAY®品牌淘寶官方旗艦店的某一款產(chǎn)品的商品描述頁分別放置了如圖2-3-1所示的內(nèi)容。,,,任務(wù)2.3 設(shè)計商品描述頁,,,任務(wù)2.3 設(shè)計商品描述頁,基礎(chǔ)實訓(xùn)1 設(shè)計商品促銷區(qū),實訓(xùn)目的：掌握產(chǎn)品促銷區(qū)的設(shè)計和制作方法。操作要求：能自行使用Photoshop軟件設(shè)計和制作出配色和布局合理的商品促銷區(qū)，能充分展示該產(chǎn)品的特性，激發(fā)消費者的購買欲。技能點撥：淘寶網(wǎng)的商品描述頁寬度為74

26、0像素，慧源電子商務(wù)平臺的商品描述頁寬度為715像素。根據(jù)不同的應(yīng)用平臺選擇合適的頁面寬度。商品促銷區(qū)的背景切忌太過復(fù)雜花俏，要能較好的烘托出主題產(chǎn)品的形象。實訓(xùn)步驟：參見教材,,,,,,,,,,,,,實踐操作,基礎(chǔ)實訓(xùn)1 設(shè)計商品促銷區(qū),,,,,,,,,,,,商品促銷區(qū)設(shè)計效果圖,基礎(chǔ)實訓(xùn)2 設(shè)計分類標題欄,實訓(xùn)目的：掌握分類標題欄的設(shè)計和制作方法。操作要求：能自行使用Photoshop軟件設(shè)計和制作出分類標題欄，要能較好的體現(xiàn)出

27、標題欄的質(zhì)感。技能點撥：分類標題欄的質(zhì)感體現(xiàn)主要是通過Photoshop的圖層樣式面板進行調(diào)整和設(shè)置。按鈕的立體感的表現(xiàn)一般來說是通過漸變主體色，高光和暗部這三個要素來體現(xiàn)實訓(xùn)步驟：參見教材,,,,,,,,,,,,拓展實訓(xùn)1 設(shè)計商品介紹區(qū),實訓(xùn)目的：掌握商品介紹區(qū)的設(shè)計和制作方法。操作要求：能自行使用Photoshop軟件設(shè)計和制作出商品介紹區(qū)，要求顏色搭配合理，版面布局美觀大方。技能點撥：商品介紹區(qū)要突出商品的賣點及相關(guān)說明

28、與參數(shù)。商品介紹區(qū)的設(shè)計涉及到段落文本和圖片的排版與布局，需做到布局合理，既能直觀的把信息傳達給客戶，又能給人留下美的感受。實訓(xùn)步驟：參見教材,,,,,,,,,,,,拓展實訓(xùn)1 設(shè)計商品介紹區(qū),,,,,,,,,,,,拓展實訓(xùn)2 設(shè)計商品展示區(qū),實訓(xùn)目的：掌握商品展示區(qū)的設(shè)計和制作方法.操作要求：能自行使用Photoshop軟件設(shè)計和制作出商品介紹區(qū)，要求顏色搭配合理，版面布局美觀大方。技能點撥：商品展示區(qū)是商品外觀及細節(jié)圖的展示區(qū)

29、域，在設(shè)計這部分時通常要用到剪貼蒙版，剪切蒙版可以在不破壞素材大小和形狀的基礎(chǔ)上調(diào)整素材的形狀、大小和顯示區(qū)域。實訓(xùn)步驟：參見教材,,,,,,,,,,,,拓展實訓(xùn)2 設(shè)計商品展示區(qū),,,,,,,,,,,商品展示區(qū)設(shè)計效果圖,拓展實訓(xùn)3 設(shè)計幫助與說明區(qū),實訓(xùn)目的：掌握幫助與說明區(qū)的設(shè)計和制作方法。操作要求：能自行使用Photoshop軟件設(shè)計和制作出幫助與說明區(qū)，要求顏色搭配合理，版面布局美觀大方。技能點撥：幫助與說明區(qū)可以對常見

30、問題進行答疑，也可以對可能引起的爭議事項做事先的說明。本案例中所使用的圖標來自于Photoshop自帶的自定義形狀工具。實訓(xùn)步驟：參見教材,,,,,,,,,,,,拓展實訓(xùn)3 設(shè)計幫助與說明區(qū),,,,,,,,,,,幫助與說明區(qū)設(shè)計效果圖,本單元主要介紹了在淘寶網(wǎng)上開設(shè)網(wǎng)絡(luò)店鋪以及網(wǎng)店裝修的流程和方法，并結(jié)合廣東省電子商務(wù)技能競賽的要求介紹了慧源電子商務(wù)平臺的使用方法和網(wǎng)店裝修技巧。 在淘寶網(wǎng)上開店的流程和慧源電子商務(wù)平臺的開店流