《網店美工設計》教學課件

1、 網店美工設計項目 實戰(zhàn) 網店美工設計項目01項 目0203040506 淘寶女裝店鋪首頁設計淘寶食品店鋪首頁設計淘寶護膚品店鋪首頁設計 淘寶嬰幼兒玩具店鋪首頁設計淘寶瓷器店鋪寶貝詳情頁設計淘寶運動鞋店鋪手機端首頁設計01項 目0203040506 淘寶女裝店鋪首頁設計淘寶食品1淘寶女裝店鋪首頁設計Part one1淘寶女裝店鋪首頁設計Part one 電子商務是凌架于互聯(lián)網系統(tǒng)上的一個銷售平臺，是地面銷售系統(tǒng)的一種延伸和互補，也是商家和顧客的一種有效的溝通途徑?，F今國內通過不同程序實現網上銷售的企業(yè)或廠商約占78%，剩下的22%左右的企業(yè)和廠商，都在努力創(chuàng)造著網上銷售的地面物質準備。鑒于電子

2、商務在互聯(lián)網的發(fā)展前景，實現網上銷售，已經成為未來商場戰(zhàn)爭中占有優(yōu)勢地位的必不可少的手段。通過實現女裝店鋪首頁設計，學習淘寶店鋪設計相關知識，了解電子商務的發(fā)展、淘寶網店美工人才要求和行業(yè)趨勢。在任務實現過程中： 了解電子商務的定義。 了解淘寶網站相關知識。 掌握淘寶網店設計原則。 電子商務是凌架于互聯(lián)網系統(tǒng)上的一個銷售平臺，網店美工設計教學課件【情境導入】 隨著現代經濟的發(fā)展和互聯(lián)網技術的不斷完善，傳統(tǒng)的服裝營銷模式已經不能滿足新生代的主力消費群體需求。服裝電子商務開始作為一種新的營銷方式和理念發(fā)展迅速，并逐漸被廣大消費群體所接受。如今，其發(fā)展勢頭異常強勁，正在給人們的消費習慣帶來深刻的影響

3、。當前服裝產品流行周期短，款式和品種多變。整個消費市場正需要一種能滿足不同層次消費者個性化需求的多品種小批量產品的供應方式，這就使得服裝電子商務的迅猛發(fā)展成為必然。 而淘寶網作為服裝類電子商務行業(yè)的老大，是國內B2C及C2C 電子商務網站中發(fā)展最快、最為成功的案例，以提供具有本土特色的電子商務平臺服務為宗旨，并一直不斷完善和發(fā)展。其在中國的 C2C 市場中可謂是一家獨大，市場份額更是超過了 90%，行業(yè)領先的地位暫時是無人能撼動的。目前，服裝服飾類產品已經成為網絡零售的第一大商品，無論從數量還是交易規(guī)模上都是如此。單是淘寶網上初具規(guī)模的賣家群體皇冠店鋪就已達上萬家之多，并且仍保持著快速增長的態(tài)

4、勢。本次任務主要是實現淘寶女裝店鋪首頁設計?！竟δ苊枋觥?使用淘寶布局要素來設計女裝店鋪首頁。 頭部包括店鋪的logo、宣傳標語、購物車、賬戶登錄及客戶中心的圖標。 主體包括各個分類版塊下的圖片鏈接。 底部包括店鋪的各項服務鏈接、搜索框及返回首頁和頂部的按鈕?！厩榫硨搿俊竟δ苊枋觥考寄茳c1 電子商務概述1 電子商務的定義 廣義上講，電子商務一詞源自于英文Electronic business，是指利用簡單、快捷、低成本的方式，在買賣雙方不謀面的情況下，所進行的商務貿易活動。 聯(lián)合國國際貿易程序簡化工作組對電子商務的定義是：采用電子形式開展商務活動，它包括在供應商、客戶、政府及其他參與方之間通

5、過任何電子工具共享非結構化商務信息、管理活動和消費活動中的各種交易。 電子商務是利用計算機技術、網絡技術和遠程通信技術，實現電子化、數字化和網絡化的整 個商務過程。 電子商務是以商務活動為主體，以計算機網絡為基礎，以電子化方式為手段，在法律許可范圍內所進行的商務活動過程。 電子商務是運用數字信息技術，對企業(yè)的各項活動進行持續(xù)優(yōu)化的過程。2 淘寶網簡述 伴隨著互聯(lián)網技術的迅猛發(fā)展，消費者的消費觀逐漸成熟，到網上進行購物慢慢成為千家萬戶購物的重要選擇。隨之涌現的一些電子商務購物平臺，如淘寶網、京東網、號店、唯品會、小紅書、拼多多等也逐漸地成為大部分網民的購物選擇，其中最受中國消費者歡迎的網購零售平

6、臺當屬淘寶網。技能點1 電子商務概述1 電子商務的定義 淘寶網成立于2003年5月10日，由阿里巴巴集團投資創(chuàng)辦。淘寶網分為淘寶C店和淘寶商城2種模式。淘寶C店是淘寶集市賣家所開設的店鋪，這種店鋪的門檻低，任何通過實名認證的人，只要發(fā)布10件寶貝就可以免費在淘寶上開店。淘寶商城（天貓）是亞洲最大的購物網站淘寶網打造的在線 B2C 購物平臺，自2008年4月10日成立以來，吸引了 Kappa、JackJones、蘇泊爾、聯(lián)想、惠普等在淘寶商城開設官方旗艦店，受到了消費者的熱烈歡迎。 一個清新美觀、富有吸引力的旺鋪能夠吸引更多的買家前來購物，提升銷售額，網店的迅速發(fā)展還催生出網店美工這樣的職業(yè)。和

7、傳統(tǒng)實體店面的裝修不同，不需要購買很多的建筑材料，網店的裝修只需要具備網頁設計和圖片處理的相關知識就能設計出精美的網店。技能點2 網店美工人才要求 網店美工崗位的工作范圍包括網店美工設計、網店裝修色系與產品色系的美學解構、網店全面裝修、產品圖片處理、廣告促銷圖片、產品描述圖片處理，等等。當今市場需要網店美工崗位的企業(yè)主要分為三類。第一類是電子商務類企業(yè)，網店美工崗位要求專業(yè)以電子商務/市場營銷類專業(yè)為主，除了具備一定的美工技能，更突出要求具有電商知識，熟悉網絡消費者需求。第二類是互聯(lián)網技術類企業(yè)，網店美工崗位要求專業(yè)以計算機類專業(yè)為主，要求技術的全面性，能夠掌握常用設計制作軟件。第三類是傳統(tǒng)行

8、業(yè)企業(yè)，網店美工崗位要求平面設計類專業(yè)為主，要求有深厚的美術功底和設計理念，除了負責線上網店的網店美工，往往還要兼職線下企業(yè)宣傳海報的設計。通過調查分析，互聯(lián)網技術類企業(yè)重視技術，傳統(tǒng)行業(yè)企業(yè)重視設計，電子商務類企業(yè)重視對電商知識的掌握。 淘寶網成立于2003年5月10日，由阿里巴巴集技能點3 網店美工基本知識1 分辨率分辨率有兩種：屏幕分辨率和圖像分辨率。圖像由一個個點組成，這個點叫作像素。像素是圖像中最小的單位。每個像素是一個小點，不同顏色的點（像素）聚集起來就變成一幅動人的畫面。2 像素技能點3 網店美工基本知識1 分辨率分辨率有兩種：屏技能點3 網店美工基本知識3 尺寸圖像尺寸的長度和

9、寬度經常以毫米或厘米為單位，也通常以像素為單位。圖片格式是計算機存儲圖片的格式，常見的存儲格式有jpg、png、jif、psd、ai等。4 常用圖片文件格式技能點4 網店美工必備軟件技能要求1 Photoshop軟件2 Dreamweaver軟件3 Illustrator軟件技能點5 淘寶網店設計原則1 界面布局要美觀合理2 定位明確、主題突出3 視覺統(tǒng)一性技能點3 網店美工基本知識3 尺寸圖像尺寸的長度和寬2淘寶食品店鋪首頁設計Part two2淘寶食品店鋪首頁設計Part two 隨著電子商務在國內的迅猛發(fā)展，傳統(tǒng)的店面式銷售方式已經很難滿足經濟快速發(fā)展的需要。目前很多廠商、經銷商都采用了

10、電子商務的銷售模式。這種模式成本低、流通快，實現了商品的批量快速流通，消費者可以以低于傳統(tǒng)渠道的價格獲取所需要的商品，制造企業(yè)和經銷商也能以合理的利潤實現商品的大批量快速銷售，達到了多方共贏的局面。開展電子商務的一個重要平臺就是淘寶網，通過實現食品店鋪首頁設計，學習淘寶店鋪設計相關知識。在任務實現過程中： 理解淘寶美工設計制作流程。 了解淘寶店面設計基本構圖技巧。 了解淘寶店鋪裝修常見圖片尺寸。 了解淘寶店鋪首頁布局要素。 隨著電子商務在國內的迅猛發(fā)展，傳統(tǒng)的店面式銷網店美工設計教學課件【情境導入】 隨著互聯(lián)網技術的不斷發(fā)展，網上購物已經成為了很多人的主要消費方式之一，價格優(yōu)勢不再是第一選項，

11、消費者更多的是關注產品本身的質量、網店視覺形象的設計等原因。越來越多的線下實體巨頭瞄準網購市場，進而刺激網購平臺商家間的競爭，由于網店的視覺形象是消費者初次印象，憑此印象在短時間內選擇繼續(xù)瀏覽，還是離開，如何提高網店的跳轉率，加強網店的視覺形象，加深客戶的印象。由此可以看出網店品牌視覺形象設計若可以提高視覺觀感，符合網購者的消費心理，這樣客戶的注意力才能夠被吸引，把客戶的興趣激發(fā)出來、釋放其購買的欲望，最后促成消費者買單。在淘寶網店中，食品品牌形象設計運用成功的商家有“三只松鼠”“巧廚”“小奶花”等，這些店鋪標志設計與品牌形象的相互結合，提升網店在買家心中的地位，使買家成為網店的忠實粉絲。因此

12、淘寶店鋪的裝修既要有科學性，又要有藝術性，同時還需要同其目的性緊密相連，從而增加消費者的購買欲望及回頭率。本次任務主要是實現淘寶食品店鋪首頁設計?！竟δ苊枋觥?使用淘寶布局要素來設計食品店鋪首頁。 頭部包括店鋪的logo、廣告語、收藏按鈕 主體包括各個分類版塊。 底部包括店鋪的頁尾導航?！厩榫硨搿俊竟δ苊枋觥考寄茳c1 網店美工設計制作流程1 素材規(guī)劃2 圖片設計工作3 切片處理4 上傳圖片空間5 預覽效果6 其他工作 視覺營銷是一種新的市場營銷手段，為達成營銷的目標而存在的，通過商品的陳列和形象化展示，對顧客的視覺造成強勁攻勢，實現與顧客的溝通，以此向顧客傳達商品信息、服務理念和品牌文化，達

13、到促進商品銷售、樹立品牌形象的目的。在網店界面的設計過程中，經常使用的構圖技巧有以下三種： 1 對比技能點2 網店設計基本構圖技巧技能點1 網店美工設計制作流程1 素材規(guī)劃 2 對稱3 反復2 對稱3 反復技能點3 淘寶店鋪裝修常見圖片尺寸技能點3 淘寶店鋪裝修常見圖片尺寸技能點4 淘寶店鋪首頁布局要素1 店招店招顧名思義是店鋪的招牌。2 導航條 導航條可分為淘寶系統(tǒng)自帶和自定義導航條設計，主要功能是可以快速鏈接到相應的指定頁面。3 全屏海報（banner）技能點4 淘寶店鋪首頁布局要素1 店招店招顧名思義是店鋪的技能點4 淘寶店鋪首頁布局要素4 產品促銷輪播海報 產品促銷輪播海報主要用于推廣

14、產品的促銷內容可以做成促銷海報吸引買家。尺寸為950像素500像素（建議高度在500像素左右）。5 產品分類 產品分類方便買家根據自己的需求在店鋪上快速找到產品。分類主要有按價格分類、產品功能分類、產品屬性分類等。技能點4 淘寶店鋪首頁布局要素4 產品促銷輪播海報 技能點4 淘寶店鋪首頁布局要素6 優(yōu)惠券設計 優(yōu)惠券是指淘寶店鋪的一個營銷服務，起到主動營銷買家，提升回頭客的效果。我們所說的設計，是通過平面圖片的設計將優(yōu)惠券展示在店鋪的首頁，讓買家一目了然地看到。設計常規(guī)尺寸950像素200像素內。7 客服旺旺 客服旺旺是用于買家跟店家溝通的軟件，設計在首頁上可方便買家聯(lián)系商家。技能點4 淘寶店

15、鋪首頁布局要素6 優(yōu)惠券設計 技能點4 淘寶店鋪首頁布局要素8 產品自定義主圖展示 產品自定義主圖展示是指產品通過平面圖片展示設計，更能突出產品的性價比，更能融合到店鋪的風格里，極大提升產品的視覺展示效果。9 店鋪頁尾 店鋪頁尾主要展示的內容有：關于快遞包裝物流、關于售后等服務，尺寸950像素300像素內。技能點4 淘寶店鋪首頁布局要素8 產品自定義主圖展示 技能點4 淘寶店鋪首頁布局要素10 店鋪背景 一個店鋪的風格確立，店鋪的背景占據了大部分，背景主要設計的內容店鋪的背景圖片，店鋪手機二維碼或店鋪一些重要的折扣信息都可以加入店鋪上。以上就是淘寶店鋪設計布局的主要內容。技能點4 淘寶店鋪首頁

16、布局要素10 店鋪背景 3淘寶護膚品店鋪設計Part three3淘寶護膚品店鋪設計Part three 伴隨著科技的發(fā)展和深入，當下消費者購物方式發(fā)生了顛覆性的改變，去實體商店消費不再是人們的唯一選擇，從一開始對互聯(lián)網安全隱患的恐懼，到現在網上購物成為一個潮流。只需要鼠標點擊幾下，就可以立即付款，然后在家坐等收貨即可。便利快捷的購物方式讓人足不出戶，就能夠享受與去商業(yè)街一樣的樂趣，滿足人們的需求。通過實現護膚品店鋪首頁設計，學習網店設計相關知識，了解網店店招、導航和頁尾的設計技巧。在任務實現過程中： 了解網店店招設計相關知識。 了解網店導航設計相關知識。 了解網店頁尾設計相關知識。 伴隨著科

17、技的發(fā)展和深入，當下消費者購物方式發(fā)網店美工設計教學課件【情境導入】 網購的迅猛發(fā)展對淘寶賣家的網店品牌視覺設計是一個極大的考驗。由于人們的審美能力不斷提高，對網站設計的概念已經不再局限在技術層面，網站的設計外觀也逐漸藝術化，因此網店設計的藝術性被開發(fā)者重視。本次任務主要是實現淘寶護膚品店鋪的首頁設計?！竟δ苊枋觥?使用淘寶布局要素來設計護膚品店鋪首頁。 頭部包括店鋪的logo、宣傳標語、收藏按鈕、首焦海報等。 主體包括各個分類版塊下的圖片鏈接。 底部包括店鋪的各項服務圖標及返回按鈕。【情境導入】【功能描述】技能點1 網店店招設計1 店招設計思路（1）以品牌宣傳為主的類型：一般有著雄厚的實力，

18、給力的產品，想要打造自己的品牌。店招元素包括品牌名稱、logo、關注、收藏等。（2）以活動促銷為主的店鋪：薄利多銷，店招風格視活動主題來定，營造出一個活動氛圍。店招上適當地加入一些紅包或者優(yōu)惠券領取的按鈕。（3）以產品推廣為主的店鋪：增加店鋪主推產品的銷量，通常在店招上放上兩三款推廣的產品。2 店招設計原則（1）要直觀明確地告訴客戶自己店鋪是賣什么的，表現形式最好是實物照片。（2）要直觀明確地告訴客戶自己店鋪的賣點（特點、優(yōu)勢、差異化）。3 店招設計要點（1）店鋪名字利用文字傳達信息，告訴客戶自己是賣什么的，品牌店鋪可以標榜自己的品牌。（2）實物照片利用圖像傳遞信息，更加直觀形象地告訴客戶自己

19、店鋪的經營內容。（3）產品特點利用簡潔明了的文案直接闡述自己店鋪的產品特點，第一時間打動客戶、吸引客戶。（4）店鋪（產品）優(yōu)勢和差異化告訴客戶店鋪和產品的優(yōu)勢以及和其他的店鋪的不同，形成差異化競爭。技能點1 網店店招設計1 店招設計思路（1）以品牌技能點1 網店店招設計4 店招制作規(guī)范、流程（1）確定風格:視產品而定。（2）布局:店招尺寸、店招構成、區(qū)塊劃分。（3）配色方案 可以從logo提取顏色，用品牌的標準色作為色調參考，配色用同色系或鄰近色，給人頁面很一致化的感受，色相柔和過渡看起來也很和諧。如果店招里包含產品展示，也可以從產品本身提取顏色作為色彩搭配方案。產品聯(lián)想屬性提取顏色，比如水果

20、容易讓人聯(lián)想到黃色、橙色；環(huán)保產品容易讓人聯(lián)想到綠色；女性用品容易讓人聯(lián)想到粉色、紫色等。配色方案中所包含的顏色不宜超過3種。（4）規(guī)范字體 店招設計中一般不超過3種字體，重點部分可以用字體加粗的方式來突顯，并且字體大小使用要有主次之分。（5）Ps排版 越是簡約大氣的頁面，元素務必不要太多，清爽舒適的頁面多留白。技能點1 網店店招設計4 店招制作規(guī)范、流程（1）技能點2 網店導航設計1 網店導航的作用 導航如同現實生活中商場里樓層懸掛的指示牌、分類牌，起到指引消費者快速找到所需商品。導航在店鋪首頁，起到非常重要的作用，它能方便地引導消費者找到自己需要的商品。（1）店招導航 店招導航是淘寶店鋪中

21、默認存在，且不可刪除的，它會在店鋪的每一個頁面（首頁、詳情頁、專題頁等）都進行展示。2 網店導航分類（2）頁中分類導航 頁中分類導航一般情況下出現在店鋪首頁，其目的是為了更好地引導買家在瀏覽店鋪時及時找到所需商品。頁中店招的設計形式多種多樣，可以是圖文顯示，也可以是文字直接引導。技能點2 網店導航設計1 網店導航的作用 技能點2 網店導航設計（3）左側分類導航 左側分類導航一般出現在兩個位置，第一個位置是在店鋪首頁，會跟著頁面的下拉而變動；第二個是出現在寶貝描述頁面，通常作為寶貝分類出現。技能點2 網店導航設計（3）左側分類導航技能點2 網店導航設計（4）頁尾導航頁尾導航在店鋪首頁,買家瀏覽到

22、底部可直接選擇剛才看過的某一個商品類目信息。頁尾導航有時也會出現在詳情頁最底部，目的也是引導買家再次瀏覽店鋪商品，提升店鋪的訪問深度。技能點3 網店頁尾設計1 網店頁尾的作用 網店的尾頁設計讓店鋪頁面的結構更加完整，可以起到宣傳、告知、引發(fā)興趣、引起注意等作用。頁尾模塊相對頁頭會少，因此利用好頁尾能為店鋪起到良好的分流作用，而且頁頭和頁尾屬于共同展示頁面，無論打開哪個詳情頁都會顯示。技能點2 網店導航設計（4）頁尾導航技能點3 網店頁技能點2 網店導航設計2 網店頁尾設計技法(1) 頁尾設計要素一:客服聯(lián)系方式 客服聯(lián)系方式很多店鋪會設置在左右兩邊，而設置到頁尾的目的就是頁頭和頁尾屬于共同頁面

23、，增加展示機會，方便顧客咨詢。(2) 頁尾設計要素二:購物保障及售后服務 目的讓顧客對店鋪增加信任。從推銷工作來看，售后服務本身同時也是一種促銷手段。在追蹤跟進階段，店鋪要采取各種形式的配合步驟，通過售后服務來提高店鋪的信譽，擴大產品的市場占有率，提高推銷工作的效率及效益。技能點2 網店導航設計2 網店頁尾設計技法(1) 頁技能點2 網店導航設計2 網店頁尾設計技法(3) 頁尾設計要素三:返回首頁、購物流程 人性化的設計能夠使用戶操作更加便捷，目的在于提升用戶的購物體驗?！坝脩趔w驗”是直接影響用戶是否下單以及用戶能否成為回頭客的關鍵。(4) 頁尾設計要素四:關于我們展示店鋪的文化、特色、內涵、

24、服務等；店鋪加入哪些售后保障等，如圖3.4.10所示。(5) 頁尾設計要素五:友情鏈接 除了上述要素之外，還可以在店鋪頁尾添加友情鏈接，例如姐妹店鋪、合作同盟等。技能點2 網店導航設計2 網店頁尾設計技法(3) 頁4淘寶嬰幼兒玩具店鋪首頁設計Part four4淘寶嬰幼兒玩具店鋪首頁設計Part four 進入21世紀以來，互聯(lián)網信息技術的飛速發(fā)展及廣泛應用為我國經濟社會的發(fā)展帶來了巨大的變化，不僅沖擊著我國的經濟結構及傳統(tǒng)營銷模式，同時也改變了許多國人的消費理念及消費習慣。互聯(lián)網應用目前已經迅速蔓延及滲透到人們的日常生活中，給消費者帶來了諸多的便利，這些便利不僅僅是互聯(lián)網上的豐富娛樂及海量信

25、息，同時互聯(lián)網展示給人們的還有一種與以往不同的購物方式。通過實現嬰幼兒玩具店鋪首頁設計，學習淘寶店鋪設計相關知識，了解網店海報設計技巧。在任務實現過程中： 了解網店海報設計思路。 了解常見網店海報主題方案。 理解網店海報設計“三”原則。 了解網店海報常見構圖版式。 進入21世紀以來，互聯(lián)網信息技術的飛速發(fā)展及網店美工設計教學課件【情境導入】 近年來電子商務的快速發(fā)展，滲透到人們生活的方方面面，網店如何能夠提高關注度和吸引顧客的注意力，成為網店是否能夠成功的關鍵。不能夠親眼看到、摸到實物，無法體驗產品的真實感是消費者在網上購物的一個非常大的弊端，尤其是作為孩子家長的消費者會更加重視產品在使用時的

26、安全性和可靠性。吸引消費者注意力最有效的方法就是優(yōu)化網店的頁面設計，所以嬰幼兒玩具店鋪只有通過優(yōu)化頁面設計，塑造網店品牌安全健康的視覺形象，提高視覺觀感，増加真實度，展現消者的需求從而吸引消費者購買。本次任務主要是實現淘寶嬰幼兒玩具店鋪首頁設計?！竟δ苊枋觥?使用淘寶布局要素來設計嬰幼兒玩具店鋪首頁。 頭部包括店鋪的logo、導航及收藏按鈕。 主體包括首焦海報、各個分類版塊下的圖片鏈接。 底部包括返回首頁按鈕?！厩榫硨搿俊竟δ苊枋觥考寄茳c1 網店海報設計思路 1 海報與背景色色調統(tǒng)一在設計海報（banner）時，先觀察背景環(huán)境，海報設計盡量避免與主色調產生強烈對比，必須要用對比色設計海報時，

27、要考慮降低純度或明度。參考圖4.4.1 中案例1（a）與降低純度、明度后的案例2(b)的對比效果。技能點1 網店海報設計思路 1 海報與背景色色調統(tǒng)一技能點1 網店海報設計思路 2 觀察產品亮點決定背景色背景的選擇上不能單純當海報設計，為了做出一張比較漂亮的圖片，最好做到背景與產品的呼應。在海報設計中，大體分為兩種風格： （1）將拍攝的圖直接用作背景，版式排列活動文案技能點1 網店海報設計思路 2 觀察產品亮點決定背技能點1 網店海報設計思路 2 觀察產品亮點決定背景色（2）將產品提取出來，背景根據產品靈活變動，再配合版式技能點1 網店海報設計思路 2 觀察產品亮點決定背技能點1 網店海報設計

28、思路 3文案策劃排版式在 要明確自己的海報是給中國人看的，過度使用英文是不合適的，可將英文作為中文的輔助元素技能點1 網店海報設計思路 3文案策劃排版式在 要明技能點1 網店海報設計思路 4 合理版式、突出主題產品圖片展示與攝影圖片展示不同。攝影作品突出原生態(tài)，添加文字是為了更好地突出畫面。設計作品是畫面烘托文案主題的，應將主題文案放在首位重點突出。技能點1 網店海報設計思路 4 合理版式、突出主題產品圖技能點2 常見網店海報主題方案 1 店鋪活動：促銷活動 （1）品牌團：官方活動聚劃算，可提高品牌的曝光度。 （2）官方季節(jié)性活動：雙十一/雙十二活動/年中大促。 （3）店鋪常規(guī)活動：換季、節(jié)日

29、。符合當下季節(jié)或者節(jié)日、特殊日子的相關題材。 （4）店鋪常規(guī)活動：周年店慶、清倉甩賣。技能點2 常見網店海報主題方案 1 店鋪活動：促銷活動技能點2 常見網店海報主題方案 2 單品推廣 （1）單品聚劃算、爆款：適合店鋪中推成爆款或者想要提高某款產品的轉化率。 （2）新品上市、特價促銷：適用于新品上市，并且打算全力推廣的產品。技能點2 常見網店海報主題方案 2 單品推廣技能點2 常見網店海報主題方案 3 品牌宣傳品牌宣傳適用于達到一定認知度的品牌以及在行業(yè)中有一定的知名度的店鋪。技能點2 常見網店海報主題方案 3 品牌宣傳技能點3 網店海報設計“三”原則1.內容三元素 （1）海報背景。 （2）文

30、案：名稱、賣點、價格、其他。 （3）產品信息。技能點3 網店海報設計“三”原則1.內容三元素技能點3 網店海報設計“三”原則1.內容三元素 （1）海報背景。 （2）文案：名稱、賣點、價格、其他。 （3）產品信息。2. 三段文字 主標題、副標題、附加內容。3. 三種字體 海報的文案所使用的字體不宜超過3種。4. 三種顏色 海報配色方案。70%主色，25%輔助色， 5%點綴色。5. 30%以上留白 高端、大氣的海報風格要多留白，最好可以讓客戶能在0.3秒讀完。技能點3 網店海報設計“三”原則1.內容三元素技能點4 網店海報常見構圖版式1 左文右圖字體上粗下細、上大下小，上下主次分明，形成對比。文案

31、四四方方架構非常穩(wěn)重，非常平衡技能點4 網店海報常見構圖版式1 左文右圖技能點4 網店海報常見構圖版式 2 左圖右文 字體上粗下細、上大下小，排版結實、穩(wěn)重技能點4 網店海報常見構圖版式 2 左圖右文技能點4 網店海報常見構圖版式3 兩邊圖中間文字 一般利用近景、遠景的照片產生對比和呼應（多見模特海報）技能點4 網店海報常見構圖版式3 兩邊圖中間文字技能點4 網店海報常見構圖版式4 背景為風景圖利用半透明的底框，然后再在里面排文案，避免文字模糊與混亂技能點4 網店海報常見構圖版式4 背景為風景圖技能點4 網店海報常見構圖版式 5 展示多種產品當海報上要放置過多的促銷產品時，可以采用這種版式。產

32、品平行排版，中間利用半透明的框展現文案技能點4 網店海報常見構圖版式 5 展示多種產品技能點4 網店海報常見構圖版式 6 斜切式構圖斜切式構圖會讓畫面顯得時尚，動感活躍。但是畫面平衡感不是很好控制。一般文案傾斜角度不超過30，文字往右上方傾斜便于閱讀技能點4 網店海報常見構圖版式 6 斜切式構圖5淘寶瓷器店鋪寶貝詳情頁設計Part five5淘寶瓷器店鋪寶貝詳情頁設計Part five 隨著電子商務的迅猛發(fā)展，淘寶網成為區(qū)別于實體店的互聯(lián)網視覺營銷，其網站運作完全依賴于互聯(lián)網。網店產品價值的塑造是淘寶賣家裝修網店吸引買家的一個非常重要的手段。所以網店產品價值的塑造同時具有科學性、藝術性，同其目

33、的性結合起來，因而加強買家對網店的購買熱情，能夠増強買家的粉絲忠實度。通過實現淘寶瓷器店鋪寶貝詳情頁設計，學習淘寶詳情頁設計相關知識，了解淘寶詳情頁的設計方法。在任務實現過程中：了解淘寶詳情頁的作用。了解制作淘寶詳情頁的前期準備。了解淘寶詳情頁的設計元素。了解淘寶詳情頁的設計原則。掌握淘寶詳情頁的設計技巧。 隨著電子商務的迅猛發(fā)展，淘寶網成為區(qū)別于實體網店美工設計教學課件【情境導入】 網絡購物作為一種全新的購物模式，在我們日常生活中逐漸興起。作為一個虛擬的網絡平臺，購買者并未和物品的實體進行接觸，也缺少直接的購物體驗。但網絡購物與傳統(tǒng)零售業(yè)相比，也有著無法比擬的便捷和方便。產品詳情頁的設計是否

34、合理對消費者購買決策影響重大。在新媒體和新技術手段支持下，如何利用互聯(lián)網與交互技術，結合產品自身的特點及優(yōu)勢，從而提升轉化率，是淘寶美工應當掌握的職業(yè)技能。本項目將以淘寶瓷器店鋪寶貝詳情頁設計為例，展示如何應用這些新媒介、新技術條件下的傳播方式，實現全方位、多感官的信息傳播，以便為消費者提供安全可靠的服務?！竟δ苊枋觥?使用淘寶布局要素來設計瓷器店鋪寶貝詳情頁。頭部包括產品的海報。主體包括產品賣點、屬性、細節(jié)展示等?！厩榫硨搿俊竟δ苊枋觥考寄茳c1 淘寶詳情頁的作用 淘寶詳情頁是提高轉化率的入口，激發(fā)消費者的消費欲望，樹立消費者對店鋪的信任感，打消消費者的消費疑慮，促使消費者下單。優(yōu)化寶貝詳情

35、對轉化率有提升的作用，但是起決定性作用的還是產品本身。 具體到詳情頁的構成要素來說，產品海報用以引起消費者的注意；產品全景圖有利于提升消費者的購買興趣；痛點（一般指用戶為了更好的生活而中途碰到的問題）的挖掘可以拉近與消費者的距離；賣點優(yōu)勢體現產品價值；產品屬性功能和細節(jié)展示便于消費者更加深入地了解產品；檢測報告的展示能夠增強消費者的信任感；好評分享展示刺激消費者進一步加強購買欲望。技能點1 淘寶詳情頁的作用 淘寶詳情頁是技能點1 淘寶詳情頁的作用技能點1 淘寶詳情頁的作用技能點2 制作淘寶詳情頁的前期準備 設計寶貝詳情頁之前要充分進行市場調查，同行業(yè)調查，規(guī)避同款。同時也要做好消費者調查，分析

36、消費者人群，分析消費者的消費能力，消費的喜好，以及消費者購買所在意的問題等。 1 進行市場調查通過阿里指數()可以清楚地查到消費者的一切喜好以及消費能力、地域等很多數據，學會利用這些數據對優(yōu)化詳情頁很有幫助。另外“生E經”等付費軟件也有一些分析功能。2 了解消費者最在意的問題可以去寶貝評價里面找，在買家評價里面可以挖出很多有價值的東西，了解買家的真實需求以及購買后遇到的問題等。3 調查結果及產品分析首先，據市場調查結果以及自己的產品進行系統(tǒng)的分析總結，羅列出消費者所在意的問題，同行的優(yōu)缺點，以及自身產品的定位。然后，根據店鋪產品以及市場調查的結果來確定本店的消費群體。最后，針對消費群體挖掘出本

37、店與眾不同的賣點，關于產品賣點的范圍非常廣泛，比如。賣價格、賣款式、賣文化、賣感覺、賣服務、賣特色、賣品質、賣人氣，等等。技能點2 制作淘寶詳情頁的前期準備 設計寶貝詳情頁之前要技能點3 淘寶詳情頁的設計元素 淘寶美工要根據消費者分析、自身產品賣點的提煉以及寶貝風格的定位來準備所用的設計元素。這些設計元素包括配色、字體、文案、構圖、排版以及氛圍。一般來說，詳情頁上半部分訴說產品價值，后半部分培養(yǎng)消費者的消費信任感。對于消費信任感不光通過各種證書，品牌認證的圖片來樹立。使用正確的顏色，字體，還有排版結構，這些對贏得消費者消費信任感也會起到重要的作用。詳情頁每一塊組成都有它的價值，都要經過仔細的推

38、敲和設計。 如何對詳情頁內容進行排版設計，是考驗淘寶美工職業(yè)水平的地方。頁面風格主要根據產品本身來定；素材搜集的渠道可以通過前期實拍或者素材庫的搜集而獲得；頁面框架可以根據文案內容，結合實際產品，進行有效的布局建立；配色方案可以依據已有的店鋪視覺規(guī)范直接延續(xù)使用，或者從產品本身、品牌logo、產品聯(lián)想屬性中提?。豁撁孀煮w相當于一個橋梁，相當重要。他對產品起到解釋說明，方便顧問閱讀，同時也是重要信息的引導作用。所以字體的使用一般不超過三種，重點部分加粗突出，注意字體顏色的深淺不要太復雜，以免影響閱讀。對于初學者而言，越是簡約大氣的頁面，元素務必不要太多，清爽舒適的頁面多是適當留白，參考優(yōu)秀案例，

39、多多借鑒和學習。技能點3 淘寶詳情頁的設計元素 淘寶美工要技能點4 淘寶詳情頁的設計原則 1 把所有的消費者都當作非專業(yè)人士 不要理所當然的認為消費者應當知道關于產品的任何信息，要把所有的消費者都當作非專業(yè)人士，假設消費者對產品是一無所知的，關于產品的性能和細節(jié)都應在詳情頁條理清晰的展示清楚。2 遵循3秒鐘注意力原則 每個消費者在尋找自己需要的產品的時候，面對的選擇非常多。如果產品在開頭的3秒鐘不能給消費者留下深刻的印象，沒有讓他明確地感覺到這個產品可以滿足他的需求，那么，有很大的可能就是在3秒鐘之后，在消費者隨便掃了2眼之后，覺得這個產品沒有吸引力，就會關掉頁面。所以，在詳情頁開頭的3秒吸引

40、客戶的注意力是至關重要的。3 產品詳情前3屏決定買家是否購買商品 現代社會人們生活節(jié)奏在不斷加快，從這個角度出發(fā)，設計詳情頁的前提是確保客戶可以用最短的時間確認當前頁面的產品到底是不是他真正需要購買的。所以，在淘寶詳情頁的前3屏就基本上決定了客戶是否會購買他所瀏覽的這個商品。技能點4 淘寶詳情頁的設計原則 1 把所有的消費者都當作技能點4 淘寶詳情頁的設計原則 4 產品詳情一定要有情感營銷的因素在，且能引起買家的共鳴 當人們看一樣事物，要是這個事物能跟人們產生共鳴，能有相同的理念得到認同，那么人們會很快接受這個事物。一切的購買行為都是建立在信任的基礎上的，當消費者在感情上認同產品的時候，轉化率

41、會大大提升。5 消除一切使買家分心或者暫緩購買的內容 不要在主推的商品里面加入太多的關聯(lián)銷售的內容。在開始主推單品的階段，每一個流量都是寶貴的，不要讓消費者分心，最好是不要在詳情頁里面加關聯(lián)銷售的內容，讓消費者能夠專心看完產品介紹，盡量促成主推產品的成交，否則太多的關聯(lián)銷售，會造成消費者分心，結果是大大降低成交率。6 商品的賣點只有一個，而且要反復不斷地告訴消費者 一個人對一個事物的感覺，第一印象是非常重要的，網店美工要做的就是讓消費者的第一印象盡可能的深刻，從而加深消費者對產品的認可度。不斷重復強調產品的中心賣點，挖掘產品特別突出的地方，而且這個特點是優(yōu)于競爭對手的。技能點4 淘寶詳情頁的設

42、計原則 4 產品詳情一定要有情感技能點5 淘寶詳情頁的設計技巧 在制作詳情頁中美觀不是第一要素，只突出圖片的美好是沒有用的，而是要用符合產品與消費者需求的內容才能激發(fā)購買欲。做一張能夠帶來轉化率的詳情頁可以從以下幾個方面入手。1 首屏具有吸引性 第一張圖一定要吸引眼球，讓消費者有繼續(xù)點下去的想法?？梢圆捎藐P聯(lián)銷售丶實力展現、產品主圖、促銷圖等方式，但是最主要的一點就是必須得是消費者關注的?？梢酝ㄟ^買家的評價找到答案，不管是好評還是差評其中買家提到最多的也就是最為關心的問題，那么就可以從這方面入手來做首屏圖。技能點5 淘寶詳情頁的設計技巧 在制作詳情技能點5 淘寶詳情頁的設計技巧2 產品價值如何

43、在淘寶琳瑯滿目的產品中脫穎而出，塑造產品自身價值，可以從以下幾點入手：（1）產品本身的特點。原材料、大小、形狀、顏色、款式、品質、原產地等。 （2）附加值。贈品、包裝、售后等。（3）品牌概念。自己獨特的風格。（4）唯一性基點。技能點5 淘寶詳情頁的設計技巧2 產品價值技能點5 淘寶詳情頁的設計技巧4 速戰(zhàn)速決速戰(zhàn)速決就是通過活動的設計，比如限時、限量等，盡可能地促進轉化。5 突出特色有些商品的特色并不止一個，要將這些全都放上未免會太繁瑣，而且消費者也記不住。那么就可以找出最為突出的特點，強化唯一的核心賣點，然后用輔助賣點進行扶植。比如。女裝類目中A產品全篇在反復強調一點：衣服修身；而B產品則是

44、強調面料好、款式新、修身、細節(jié)好。對于這兩種產品的記憶效果，消費者一定會記住A產品。想要通過詳情頁得到轉化的技巧之一就是用能夠吸引消費者的特點來抓住買家。技能點5 淘寶詳情頁的設計技巧6項目六 淘寶運動鞋店鋪 手機端首頁設計Part six6項目六 淘寶運動鞋店鋪Part six 信息社會的來臨使移動交互應用媒介和虛擬網絡模式為主的消費方式不受時間、地點的限制，得到人們的青睞。隨著網上購物人群數量的增多，促進了國內各大網站（淘寶、京東、唯品會等）的業(yè)務發(fā)展，這些網站都擁有自己對應的手機客戶端軟件便于用戶通過手機網上購物。通過實現淘寶運動鞋店鋪手機端首頁設計，學習淘寶店鋪手機端設計相關知識，了解淘寶店鋪手機端頁面的設計表現方法。在任務實現過程中：了解淘寶店鋪手機端與PC端的區(qū)別。了解淘寶手機端首頁設計要素。了解淘寶手機端首頁設計原則。 信息社會的來臨使移動交互應用媒介和虛擬網絡模式網店美工設計教學課件【情境導入】 手機在我們的日常生活中有著無法取代的地位，甚至有一種說法，手機已經成了我們身體上的一個器官，找不到手機幾分鐘就會有煩躁情緒產生