第1章淺談電商視覺營銷電商視覺營銷設計全套可編輯PPT課件淺談電商視覺營銷淺析電商視覺營銷設計基礎(chǔ)用文案解決營銷軟肋店鋪首頁視覺營銷設計商品詳情頁視覺營銷設計專題頁視覺營銷設計推廣圖視覺營銷設計移動端店鋪視覺營銷設計在電商平臺選購商品時，消費者是無法真實地觸摸和感受到商品的，只能通過查看店鋪提供的信息來判斷。因此，“視覺”成為消費者獲取商品信息及決定是否購買商品的重要依據(jù)，這就使電商視覺營銷成為店鋪運營的制勝關(guān)鍵。本章通過介紹電商視覺營銷的基礎(chǔ)知識，幫助大家初步認識電商視覺營銷。章前導語（1）了解電商視覺營銷的概念及作用。（2）熟悉電商視覺營銷的內(nèi)容構(gòu)成和主要應用。知|識|目|標（1）能夠分析電商視覺營銷在具體店鋪中的應用。（2）能夠利用網(wǎng)絡搜集電商視覺設計師的相關(guān)信息。技|能|目|標（1）初步具備電商視覺營銷思維。（2）增強自主學習、探究學習的意識。素|質(zhì)|目|標章節(jié)目標第一章1.1

初識電商視覺營銷1.2詳解電商視覺營銷的內(nèi)容構(gòu)成1.3揭秘電商視覺營銷的主要應用1.4分析電商視覺營銷在故宮文化店鋪中的應用本章實訓——了解電商視覺設計師章節(jié)目錄初識電商視覺營銷01隨著消費市場的不斷升級和人們消費觀念的不斷變化，電商視覺營銷已經(jīng)成為提升品牌形象和促進商品銷售的重要手段。什么是電商視覺營銷？電商視覺營銷有哪些作用和內(nèi)容？電商視覺營銷主要的應用場景？想一想電商視覺營銷是指通過色彩、文案、圖片、視頻等形式，在電商平臺上對所經(jīng)營的品牌和商品進行形象化展示，以增加品牌和商品的吸引力，激發(fā)消費者的購買欲望，從而達到提升品牌形象和促進商品銷售目的的營銷活動。通俗地說，電商視覺營銷就是通過影響消費者的視覺感受來達到營銷目的。電商視覺營銷的關(guān)鍵在于用協(xié)調(diào)的色彩搭配、合理的構(gòu)圖、有創(chuàng)意的文案、吸引人的圖片等設計店鋪各個頁面，以吸引消費者目光，最終達成推廣品牌和銷售商品的目的。1.1.1什么是電商視覺營銷如圖中的電子產(chǎn)品系列宣傳海報中，將商品與商品顏色相匹配的自然景觀相融合，以及十分吸引人的商品圖片來展示商品的優(yōu)勢，以激發(fā)消費者的購買欲望，從而達成銷售商品的目的。1.1.1什么是電商視覺營銷

好的視覺營銷設計可以引起消費者關(guān)注，使消費者對品牌和商品產(chǎn)生興趣，從而提高店鋪流量。下圖借助“記憶中的奶”文案喚醒消費者對品牌的記憶，又利用“2件5折”文案激發(fā)消費者對商品的興趣，促使消費者點擊圖片進入店鋪查看商品，從而為店鋪帶來流量。1.1.2電商視覺營銷的作用1．提高店鋪流量優(yōu)秀的商品視覺營銷設計可以充分展示商品賣點，讓消費者感受到商品帶來的“利益”，從而激發(fā)消費者的購買欲望，促使其產(chǎn)生購買行為，進而提高商品轉(zhuǎn)化率。便攜熨燙機主圖例如，便攜熨燙機主圖用“1200W大功率快速除皺”文案突出商品的核心賣點，并配合使用場景體現(xiàn)其便攜性能，能夠給有此類需求的消費者留下深刻的印象。1.1.2電商視覺營銷的作用2．提高商品轉(zhuǎn)化率品牌的視覺營銷設計如果足夠出彩，可以強化品牌的辨識度，提升品牌在消費者心中的好感度，從而有效提升品牌形象。例如，圖中的潮牌店鋪首頁的視覺營銷設計極具時尚感，可以強化品牌“潮流”“時尚”等特色，加深消費者的品牌記憶，提升品牌在消費者心中的形象。1.1.2電商視覺營銷的作用3．提升品牌形象

詳解電商視覺營銷的內(nèi)容構(gòu)成02電商視覺營銷通過視覺設計來達到營銷目的，因此消費者在電商平臺看到的所有信息都可以算作電商視覺營銷的范疇。其中，視覺識別系統(tǒng)、色彩、構(gòu)圖、商品和文案是電商視覺營銷的主要內(nèi)容。1.2.1便于消費者識別的視覺識別系統(tǒng)視覺識別系統(tǒng)（簡稱VI）是指用完整、系統(tǒng)的視覺傳達體系，將企業(yè)理念、文化特質(zhì)、企業(yè)規(guī)范等抽象語義轉(zhuǎn)換為具體符號，塑造出的獨特的便于消費者識別的視覺符號系統(tǒng)。視覺識別系統(tǒng)包括基本要素和應用要素。基本要素1.2.1便于消費者識別的視覺識別系統(tǒng)品牌名稱、標志、標準字、標準色、象征圖案、品牌口號等辦公用品、商品包裝、廣告媒體、旗幟、招牌、標識牌、櫥窗、陳列展示等。視覺識別系統(tǒng)包括基本要素和應用要素。應用要素在電商視覺營銷中應用較多的是基本要素中的品牌名稱、標志和口號。注意:1.2.1便于消費者識別的視覺識別系統(tǒng)在電商視覺營銷中應用較多的是基本要素中的品牌名稱、標志和口號。品牌名稱、標志：是品牌的標識，方便消費者識別品牌。品牌口號：通常是品牌理念的概括，常用于展現(xiàn)品牌最突出的特點，其簡單易記、富有特色，可以給消費者留下深刻的印象，同時有利于品牌的宣傳與傳播。品牌口號在視覺營銷中的應用十分廣泛。左圖的店鋪招牌和海報都用了品牌名稱、標志，目的在于強化消費者對品牌的記憶。左圖品牌口號在店鋪標志中的應用1.2.1便于消費者識別的視覺識別系統(tǒng)色彩是電商視覺營銷的重要內(nèi)容，其極具表現(xiàn)力，能夠很大程度上影響消費者的感受。在品牌和商品的視覺營銷設計中恰當?shù)貞蒙剩苋菀滓鹣M者關(guān)注，從而達到營銷目的。1.2.2帶動消費者情緒的色彩采用不同配色的牛奶主圖左圖以白色為背景色，雖能突顯商品，卻使畫面顯得單調(diào)，很難引起消費者關(guān)注；而右圖以綠色為背景色，容易讓人聯(lián)想到大自然，能使牛奶給人天然、健康的感覺，加上足球等元素的裝飾，使畫面更有視覺沖力，能瞬間吸引消費者目光。1.2.2帶動消費者情緒的色彩1.2.3聚焦消費者視線的構(gòu)圖者構(gòu)圖是把文案、圖片等元素適當?shù)亟M織起來，構(gòu)成一個協(xié)調(diào)、完整的畫面，它是為視覺營銷設計增添藝術(shù)感染力的重要手段。在商品的視覺營銷設計中使用適合的構(gòu)圖方式，可以增強商品的視覺吸引力，讓消費者快速關(guān)注到商品。1.2.3聚焦消費者視線的構(gòu)圖者左圖的構(gòu)圖雖增強了畫面的延伸感，卻缺乏視覺吸引力，無法讓消費者眼前一亮；右圖的構(gòu)圖不僅使畫面更具藝術(shù)感染力，還能通過彎曲的項鏈間接表現(xiàn)女性的柔美，從而激發(fā)消費者的購買欲望。采用不同構(gòu)圖方式的項鏈主圖1.2.4滿足消費者需求的商品商品是視覺營銷的主體，商品視覺效果呈現(xiàn)的質(zhì)量直接影響消費者的購買決策，因此對商品的視覺效果進行設計與美化是電商視覺營銷的重要內(nèi)容。另外，同一品牌、不同商品的視覺效果呈現(xiàn)采用統(tǒng)一的規(guī)范，可以加深消費者對商品甚至是品牌的記憶。例如下面三幅圖的羽絨服詳情頁用精心設計的清晰、美觀的商品圖片表現(xiàn)商品及商品賣點，可以讓消費者直觀、全面且深入地了解商品，最終毫無顧慮地購買商品。1.2.4滿足消費者需求的商品在電商視覺營銷中，品牌和商品信息大多依靠文案傳達。根據(jù)品牌特色和商品特點編寫優(yōu)質(zhì)的文案，并配以合適的字體，不僅可以有效傳達信息，還可以提高畫面的表現(xiàn)力和美觀度，從而快速引起消費者注意。1.2.5向消費者傳達信息的文案1.2.5向消費者傳達信息的文案例如，對于左圖的口紅詳情頁，從文案內(nèi)容角度看，“雕花口紅，唇間錦繡”既描述了商品的外觀，又說明了商品的用處；從文案外形角度看，采用較細的字體，使文案呈現(xiàn)娟秀之美，與商品精致的外觀交相呼應。可以說，加了文案“裝飾”的詳情頁更顯古韻之美，更能抓住消費者眼球，且充分傳達了商品信息。知識庫電商視覺營銷的內(nèi)容除前面所講外，還有圖案和圖形。其中，圖案常用于裝飾背景，以提升畫面質(zhì)感和層次感，如圖1-11所示；圖形常用于裝飾文案、商品，以豐富畫面效果，如圖1-12所示。圖1-11

用圖案裝飾背景的海報圖1-12用圖形裝飾文案的海報1.2.5向消費者傳達信息的文案揭秘電商視覺營銷的主要應用03電商視覺營銷貫穿于店鋪運營的整個過程，店鋪中的任何一個版塊都是視覺營銷的應用區(qū)域。通常來說，電商視覺營銷的主要應用體現(xiàn)在店鋪首頁、商品詳情頁、專題頁及推廣圖中。1.3.1電商視覺營銷在店鋪首頁中的應用店鋪首頁是店鋪的門面，其視覺營銷設計往往與品牌特色和商品屬性緊密結(jié)合。另外，店鋪首頁是消費者了解店鋪活動的重要途徑，因此在對店鋪首頁進行視覺營銷設計時，也要將想傳達給消費者的信息充分表現(xiàn)出來，以達到營銷目的。1.3.1電商視覺營銷在店鋪首頁中的應用右圖的中式家具店鋪首頁，通過水墨背景、留白設計、豎排文字等打造濃厚的中國風，與商品的中式屬性相結(jié)合，為消費者塑造中式產(chǎn)品的品牌形象；同時在其中加入促銷信息，方便消費者了解店鋪近期活動。1.3.1電商視覺營銷在店鋪首頁中的應用1.3.2電商視覺營銷在商品詳情頁中的應用電商視覺營銷在商品詳情頁中的應用主要體現(xiàn)在商品主圖和商品詳情圖。1.3.2電商視覺營銷在商品詳情頁中的應用1.商品主圖商品主圖的視覺營銷設計十分重要，一是要有能夠充分展現(xiàn)商品及其賣點的商品圖片，以便向消費者展示商品；二是要有精練的文案描述商品價值，以吸引消費者目光。左圖利用手環(huán)屏幕顯示運動信息，并輔以多項說明商品價值的文案描述，充分展示了商品的外觀和賣點功能，能有效激發(fā)消費者對商品的興趣，促使其點擊以進一步了解商品。手環(huán)主圖1.3.2電商視覺營銷在商品詳情頁中的應用1.商品主圖視覺效果好的商品詳情圖能有效傳達商品信息，如商品的基本信息、賣點、服務、品質(zhì)等，讓消費者充分了解商品，并在視覺呈現(xiàn)上保證整體感和美觀度，給消費者構(gòu)建一個清晰的商品印象，使其對商品產(chǎn)生信任，從而購買商品。1.3.2電商視覺營銷在商品詳情頁中的應用2.商品詳情圖左圖的手環(huán)詳情圖以簡約大氣的色彩搭配、充分說明商品基本信息和賣點的文案、清晰美觀的商品圖片，讓消費者對商品有一個系統(tǒng)、清晰的整體印象，促使其對商品產(chǎn)生信任并購買商品。1.3.2電商視覺營銷在商品詳情頁中的應用2.商品詳情圖1.3.3電商視覺營銷在專題頁中的應用專題頁是活動期間店鋪進行流量引導的重要頁面，其目的是介紹和展示活動，營造活動氛圍，激發(fā)消費者參與活動的積極性，最終促成點擊、瀏覽，甚至是購買。專題頁不僅要利用美觀的視覺呈現(xiàn)引起消費者關(guān)注，還要展示清楚活動內(nèi)容、活動規(guī)則、優(yōu)惠力度、活動時間等營銷信息。右圖的化妝品專題頁利用合理的頁面布局、協(xié)調(diào)的色彩搭配等吸引消費者注意，利用文案詳細介紹與本次活動有關(guān)的營銷信息，讓消費者充分了解活動的內(nèi)容。

化妝品專題頁在活動期間，可將店鋪首頁設計成專題頁，也可在電商平臺專門設立的活動版塊中單獨設計專題頁。1.3.3電商視覺營銷在專題頁中的應用小提示1.3.4電商視覺營銷在推廣圖中的應用多數(shù)電商平臺都提供了顯眼的、需付費的推廣位，方便企業(yè)進行營銷與推廣，如淘寶網(wǎng)的鉆石展位和直通車展位、京東商城的京選展位和京東快車展位等。在這些推廣位放置推廣圖，可以有效引流，提高店鋪流量和商品銷量。1.3.4電商視覺營銷在推廣圖中的應用推廣圖的視覺營銷設計重點在于保證促銷信息簡潔鮮明、畫面效果醒目、以吸引消費者目光，如下圖所示。分析電商視覺營銷在故宮文化店鋪中的應用04下面以故宮文化店鋪首頁（右圖）為例，分析電商視覺營銷在店鋪中的應用。（1）視覺識別系統(tǒng)。加入品牌標志、口號，方便消費者識別品牌，同時有利于品牌的宣傳和傳播。（2）配色。故宮文化店鋪首頁采用獨特的傳統(tǒng)繪畫形式“青綠山水”

中的配色，力求打造獨特的中國品牌形象。另外，還在店鋪中將一些信息用紅色表現(xiàn)出來，增加畫面的視覺沖擊力，以吸引消費者目光。

（3）構(gòu)圖。大部分圖片都是一側(cè)放置商品，另一側(cè)放置文案，從而形成一個協(xié)調(diào)、完整的畫面，為畫面增添感染力，以吸引消費者關(guān)注。1.4分析電商視覺營銷在故宮文化店鋪中的應用（4）商品。每幅商品圖片都將商品的外觀和特色清晰地展現(xiàn)出來，可以讓消費者直觀地了解商品。另外，還加入了折扇、祥云等中國元素，不僅能更好地烘托商品，還能強化消費者對品牌形象的記憶。（5）文案。從文案內(nèi)容角度看，該店鋪首頁充分展示了促銷信息和商品信息，方便消費者了解店鋪動態(tài)和活動信息；從文案外形角度看，其采用了具有結(jié)構(gòu)嚴謹、整齊均勻特點的宋體，為畫面增加東方傳統(tǒng)氣韻的同時，使消費者在閱讀時有一種舒適感，從而獲得良好的瀏覽體驗。可以說，該店鋪首頁既保證了信息的有效傳達，又考慮到了消費者的視覺體驗，還兼顧了畫面的美觀度，很難不引起消費者關(guān)注。1.4分析電商視覺營銷在故宮文化店鋪中的應用隨著電子商務的不斷發(fā)展和壯大，主流電商平臺呈現(xiàn)出店鋪繁多、商品繁雜的情況，隨之而來的就是店鋪同質(zhì)化現(xiàn)象。如何讓自己的店鋪在眾多店鋪中脫穎而出呢？這就需要對店鋪進行視覺營銷設計。在店鋪運營過程中，負責店鋪頁面視覺營銷設計的工作者稱為電商視覺設計師。本章實訓——了解電商視覺設計師下面利用BOSS直聘網(wǎng)站了解電商視覺設計師的崗位職責與技能要求。“電商視覺設計師”搜索結(jié)果本章實訓——了解電商視覺設計師1.了解崗位職責與技能要求（1）打開BOSS直聘官方網(wǎng)站（網(wǎng)址為）。（2）在該網(wǎng)站搜索框中輸入關(guān)鍵字“電商視覺設計師”，并按“Enter”鍵進行搜索，頁面會顯示多條與電商視覺設計師相關(guān)的招聘信息，如右圖所示。“電商視覺設計師”搜索結(jié)果（3）在搜索結(jié)果中選擇任意一條，查看企業(yè)對電商視覺設計師崗位職責與技能要求的描述。采用同樣的方法多查看幾條招聘信息。（4）根據(jù)查看的招聘信息，總結(jié)電商視覺設計師的崗位職責與技能要求。本章實訓——了解電商視覺設計師1.了解崗位職責與技能要求小提示（1）參照上述方法還可借助其他招聘網(wǎng)站搜索并了解電商視覺設計師的崗位職責與技能要求。（2）網(wǎng)上求職要加強安全意識、保護好個人資料，無論對方給出什么理由，都不要輕易給對方匯款，也不要隨意打開來路不明的網(wǎng)址。本章實訓——了解電商視覺設計師1.了解崗位職責與技能要求（1）查找國家為扶持電子商務發(fā)展出臺的政策、舉辦的會議（如中國電子商務大會），分析電商視覺設計師的發(fā)展前景。（2）借助一些網(wǎng)站的資訊、報告了解電子商務行業(yè)情況，如全國電子商務公共服務網(wǎng)（網(wǎng)址為），分析電商視覺設計師的發(fā)展前景。（3）閱讀一些關(guān)于電子商務行業(yè)深度調(diào)研及前景預測的書籍，分析電商視覺設計師的發(fā)展前景。（4）調(diào)研電商視覺設計師相關(guān)崗位的薪資及漲幅情況，分析電商視覺設計師的發(fā)展前景。本章實訓——了解電商視覺設計師2.了解發(fā)展前景全國職業(yè)院校技能大賽是教育部發(fā)起并牽頭，聯(lián)合國務院有關(guān)部門以及有關(guān)行業(yè)、人民團體、學術(shù)團體和地方共同舉辦的一項公益性、全國性職業(yè)院校學生綜合技能競賽活動。大賽分為中職組、高職組等，而“視覺營銷”是高職組電子商務技能賽項的競賽內(nèi)容之一。大賽要求此競賽內(nèi)容參賽者熟悉PC店鋪、跨境店鋪和移動店鋪開設流程與規(guī)范，掌握商品屬性、展示方式、信息采集、美術(shù)等知識，以及具備文案策劃、商品圖片處理、廣告設計、首頁設計、詳情頁設計、專題頁設計等技能。作為一名青年學生，提升自己的綜合素質(zhì)非常重要，而參加技能大賽正是督促自己學習技能及證明自己實力的重要方式。因此，大家應踴躍參加各類技能大賽，不斷提升自己各方面的能力，為以后的職業(yè)發(fā)展奠定良好的基礎(chǔ)。大賽直通車本章實訓——了解電商視覺設計師謝謝觀看第二章淺析電商視覺營銷設計基礎(chǔ)電商視覺營銷設計要想獲得良好的電商視覺營銷效果，精心的設計必不可少，如合理運用色彩提升店鋪格調(diào)，善用點線面為店鋪聚焦，充分利用構(gòu)圖讓店鋪更出彩……本章將介紹電商視覺營銷設計的基礎(chǔ)知識。章前導語（1）熟悉電商視覺營銷設計的原則和基本流程。（2）掌握搜集文案和圖片素材的方法。（3）掌握配色技巧、點線面運用技巧及構(gòu)圖技巧。知|識|目|標（1）能夠通過合適的方法和途徑高效搜集素材。（2）能夠從配色、構(gòu)圖等角度，對店鋪進行合理的視覺營銷設計。（3）能夠賞析優(yōu)秀店鋪，并從中提煉電商視覺營銷設計技巧。技|能|目|標（1）夯實基礎(chǔ)，助力個人的長遠發(fā)展。（2）增強法治意識，自覺用相關(guān)法律法規(guī)規(guī)范自身行為。素|質(zhì)|目|標章節(jié)目標第二章2.1初識電商視覺營銷設計2.2學會搜集素材，讓營銷更高效2.3合理運用色彩，讓營銷更出色2.4善用點線面，讓營銷更加靈活多變2.5打造最佳構(gòu)圖，讓營銷更有感染力章節(jié)目錄2.6賞析優(yōu)秀店鋪，提煉電商視覺營銷設計技巧本章實訓——設計女裝店鋪促銷海報初識電商視覺營銷設計01在進行視覺營銷設計之前，首先要了解電商視覺營銷設計的原則和基本流程。2.1.1電商視覺營銷設計的四大原則電商視覺營銷設計需要遵循一定的原則，如下。目的性原則美觀性原則統(tǒng)一性原則易用性原則2.1.1電商視覺營銷設計的四大原則1.目的性原則目的性原則是電商視覺營銷設計的首要原則。網(wǎng)店是數(shù)字化的店鋪，通過視覺設計來吸引消費者是其視覺營銷設計最重要的目的。因此，在開展視覺營銷設計工作時：應先根據(jù)品牌和商品定位確定目標消費群體；然后根據(jù)目標消費群體的喜好確定店鋪視覺定位；接著有針對性地對店鋪進行視覺營銷設計，這樣才能使店鋪視覺呈現(xiàn)與目標消費群體的喜好相吻合。某男裝店鋪首頁，該店鋪的目標消費群體為35～45歲男性，因此頁面使用的顏色較暗且單一，以彰顯這個階段男性的成熟與穩(wěn)重。某女裝店鋪首頁，該店鋪的目標消費群體為

25～30歲女性，因此頁面使用的顏色較亮且多樣，以表現(xiàn)這個階段女性的青春與活力。2.1.1電商視覺營銷設計的四大原則1.目的性原則2.1.1電商視覺營銷設計的四大原則2.美觀性原則優(yōu)秀的視覺營銷設計應具備協(xié)調(diào)的色彩搭配、合理的構(gòu)圖、獨特的創(chuàng)意等，這樣才能吸引消費者注意，讓消費者在愉悅的視覺體驗中購買商品和記住品牌。右圖的運動鞋店鋪首頁采用“橙、紫”配色，使畫面看起來十分協(xié)調(diào)；將運動鞋傾斜擺放，能為畫面增加張力；將運動鞋放在跑道的起跑線（終點線）上，巧妙體現(xiàn)了商品的運動性能，整個畫面極具創(chuàng)意，能夠快速吸引消費者目光。2.1.1電商視覺營銷設計的四大原則2.美觀性原則2.1.1電商視覺營銷設計的四大原則3.統(tǒng)一性原則當?shù)赇伒囊曈X呈現(xiàn)與品牌形象、商品定位一致，或者網(wǎng)店各個頁面的設計風格統(tǒng)一時，可以有效強化品牌形象，讓消費者對品牌有統(tǒng)一、完整的認識。這也是提升店鋪形象最直接的方法。2.1.1電商視覺營銷設計的四大原則3.統(tǒng)一性原則下圖的數(shù)碼產(chǎn)品店鋪首頁和手機詳情頁采用統(tǒng)一的設計風格，能讓瀏覽該店鋪的消費者對品牌的印象更加深刻。和手機詳情頁（部分）數(shù)碼產(chǎn)品店鋪首頁（部分）2.1.1電商視覺營銷設計的四大原則4.易用性原則易用性關(guān)系著消費者的體驗感，只有操作方便、瀏覽流暢的頁面，才能給消費者帶來良好的購物體驗，從而促進商品銷售、提升品牌影響力。易用性原則在店鋪視覺營銷設計中主要體現(xiàn)在商品類目的劃分、購物路徑的優(yōu)化兩個方面。商品類目的劃分：店鋪中商品類目的劃分層次不宜過多，且盡量不要重復，以免讓消費者產(chǎn)生混亂感。在實際應用中，商品類目通常劃分為兩個層次。2.1.1電商視覺營銷設計的四大原則4.易用性原則第一個層次第二個層次購物路徑的優(yōu)化：設計店鋪頁面的購物路徑時，要盡量保證消費者無論瀏覽到頁面的哪個部分，都能夠方便地購買商品。例如，在店鋪頁尾添加底部導航，可以方便消費者查找、選購商品。2.1.1電商視覺營銷設計的四大原則4.易用性原則2.1.2電商視覺營銷設計的五個步驟電商視覺營銷設計的基本流程如下圖所示。調(diào)研與策劃搜集資料設計制作與投放數(shù)據(jù)化分析2.1.2電商視覺營銷設計的五個步驟1.調(diào)研與策劃調(diào)研與策劃在正式對店鋪進行視覺營銷設計之前需要開展調(diào)研工作：首先收集信息，如目標消費者信息；然后對收集到的信息進行研究分析，如分析目標消費者的消費習慣、審美偏好等，以確定消費者需求；接著根據(jù)分析結(jié)果有針對性地策劃營銷活動；最終形成一套完整的策劃方案。搜集資料根據(jù)策劃方案搜集資料，包括文案、圖片等，為后續(xù)的視覺營銷設計做準備。2.1.2電商視覺營銷設計的五個步驟2.搜集資料設計構(gòu)思整個店鋪的視覺呈現(xiàn)效果，包括色彩、構(gòu)圖方式、圖片的選擇，文案的編寫等。2.1.2電商視覺營銷設計的五個步驟3.設計制作與投放利用圖像處理軟件將構(gòu)思好的店鋪視覺呈現(xiàn)效果制作出來并進行切片，然后上傳到店鋪中，完整的店鋪頁面就可以展示在消費者面前了。2.1.2電商視覺營銷設計的五個步驟4.制作與投放數(shù)據(jù)化分析通過分析流量、轉(zhuǎn)化率、客單價等店鋪經(jīng)營基礎(chǔ)數(shù)據(jù)，可以得出店鋪視覺營銷的基本情況。如果這些數(shù)據(jù)“可觀”，說明店鋪視覺營銷效果較好；反之，說明店鋪視覺營銷效果不佳，此時就需要結(jié)合這些數(shù)據(jù)對各個頁面進行優(yōu)化，直至獲得滿意的效果。2.1.2電商視覺營銷設計的五個步驟5.數(shù)據(jù)化分析知識庫

流量：店鋪的訪問量，主要用來描述店鋪的訪問數(shù)及消費者瀏覽頁面的次數(shù)。影響流量的因素有商品圖片、商品標題關(guān)鍵詞、商品價格等。其中，商品圖片是主要影響因素之一。轉(zhuǎn)化率：產(chǎn)生購買行為的人數(shù)與進入店鋪人數(shù)的比率，是店鋪產(chǎn)生銷售額的重要依據(jù)。影響轉(zhuǎn)化率的因素有店鋪首頁、商品詳情頁、商品價格、商品評價等。其中，店鋪首頁和商品詳情頁的視覺效果對轉(zhuǎn)化率起著至關(guān)重要的作用。客單價：消費者平均購買商品的金額，是與店鋪銷售額息息相關(guān)的重要數(shù)據(jù)。在同等成交人數(shù)的基礎(chǔ)上，客單價越高，店鋪的銷售額就越高。提高消費者單筆購買金額的方式主要包括關(guān)聯(lián)銷售、營銷活動、客服推薦等。2.1.2電商視覺營銷設計的五個步驟學會搜集素材，讓營銷更高效02亮眼的電商視覺營銷設計效果離不開合理且恰當?shù)乃夭氖褂茫虼硕谩凹s會”素材就顯得尤為重要了。本節(jié)將介紹文案和圖片素材的搜集方法。剛接觸營銷的人在寫文案時總會遇到無從下筆，或者寫出來的文案辭藻華麗卻空洞無物，又或者文案內(nèi)容邏輯混亂、詞不達意等情況，這是因為他們積累的相關(guān)素材較少。2.2.1文案素材的四大高效搜集法四大高效搜集法利用網(wǎng)絡搜集文案素材根據(jù)消費者反饋搜集文案素材通過實踐體驗獲得文案素材認真觀察并記錄生活認真觀察并記錄生活。在生活中遇到的任何事情都可以記錄下來，因為它可能是很好的文案素材。在記錄時可以加上自己對這件事情的評價和感受，這些評價和感受可能會成為文案創(chuàng)作的“突破口”。這是一種成本很低卻能有效積累文案素材的方式。2.2.1文案素材的四大高效搜集法1.認真觀察并記錄生活例如，許多果汁飲料的商品包裝上會有這樣一排小字“如有沉淀，為果肉沉淀，搖勻后請放心飲用”，這排小字的本意是消除誤會——有了沉淀并非商品有問題，喝前搖勻即可。但是農(nóng)夫果園相關(guān)負責人卻認為它是一個很好的賣點，反而證明商品的水果含量高，于是把它裝扮一新，包裝成了一句絕妙的廣告語“喝前搖一搖”，該廣告語為農(nóng)夫果園“搖”來了不少的銷量。2.2.1文案素材的四大高效搜集法1.認真觀察并記錄生活利用網(wǎng)絡搜集文案素材。現(xiàn)在的網(wǎng)絡非常發(fā)達，發(fā)達到足不出戶就能知曉天下事。利用網(wǎng)絡多看不同類型、領(lǐng)域的文章、資訊、熱點事件，以及不同國家、不同年代、不同載體的廣告，將這些元素整合發(fā)酵，會給文案編寫提供意想不到的幫助，不僅如此，長此以往還可以拓寬知識面、開闊思路、提高寫作水平。總之，利用好網(wǎng)絡這個取之不盡、用之不竭的大寶庫，有助于個人各個方面能力的飛速提升。2.2.1文案素材的四大高效搜集法2.利用網(wǎng)絡搜集1.3.1電商視覺營銷在店鋪首頁中的應用例如，2022年北京冬季奧運會上谷愛凌為國爭光，許多品牌借勢營銷，其中瑞幸咖啡憑借谷愛凌的“東風”為自己博得了不少眼球。在瑞幸咖啡海報中，除了有谷愛凌的“身影”，還有“颯颯颯恭喜谷愛凌2金1銀YYDS”“年輕，就是盡99%的努力，1%交給幸運”“年輕，就要瑞幸”等全新的品牌宣傳文案，這些文案的設計令瑞幸成為該時段唯一登上熱搜高位的品牌。2.2.1文案素材的四大高效搜集法2.利用網(wǎng)絡搜集借勢營銷是將銷售目的隱藏于營銷活動之中，將商品的推廣融入消費者喜聞樂見的環(huán)境里，使消費者在這個環(huán)境中了解商品并接受商品的營銷手段。換句話說，借勢營銷就是通過順勢、造勢、借勢等方式，提高品牌或商品的知名度、美譽度，樹立良好的品牌形象，并促成商品銷售的營銷策略。需要注意的是，商家在進行借勢營銷時，應符合法律法規(guī)相關(guān)條例。小提示2.2.1文案素材的四大高效搜集法2.利用網(wǎng)絡搜集根據(jù)消費者反饋搜集文案素材。有消費者真實感受的文案會增加商品的真實性，更容易讓消費者信服，從而調(diào)動消費者的購買積極性，進而提高店鋪的轉(zhuǎn)化率。因此，商家可以將消費者關(guān)于商品的真實反饋信息作為素材摘記出來，留作必要時使用。2.2.1文案素材的四大高效搜集法3.根據(jù)消費者反饋搜集2.2.1文案素材的四大高效搜集法4.通過實踐體驗獲得通過實踐體驗獲得文案素材。把自己當作消費者，然后親身體驗商品，對商品做出客觀評價，并記錄下使用商品的感受，這些也可以作為文案的素材積累。2.2.1文案素材的四大高效搜集法4.通過實踐體驗獲得小提示文案素材庫的建立不是一朝一夕就能完成的，而是需要一個長期不懈的過程。建議大家平時要不斷地搜集、積累，不斷地更新、修正，持續(xù)為文案素材庫增加素材。2.2.2圖片素材的兩大搜集途徑圖片素材拍攝圖片借助網(wǎng)絡搜集圖片2.2.2圖片素材的兩大搜集途徑1．拍攝圖片一般來說，店鋪頁面展示的商品圖片大多來自拍攝，以確保展示在消費者面前的商品是真實可靠的。采用拍攝途徑獲得圖片素材通常要經(jīng)過如下流程。準備并檢查拍攝器材布置拍攝環(huán)境布光拍攝修圖2.2.2圖片素材的兩大搜集途徑1．拍攝圖片（1）準備并檢查拍攝器材。開拍之前，拍攝者要準備好拍攝會用到的所有器材，如相機、便攜式攝影棚、背景紙、反光板、柔光箱等，并檢查是否損壞，以保證拍攝的順利完成。項鏈拍攝器材準備如下圖所示。拍攝器材準備2.2.2圖片素材的兩大搜集途徑1．拍攝圖片（2）布置拍攝環(huán)境。首先要根據(jù)商品大小選擇合適的拍攝環(huán)境，然后根據(jù)拍攝需要擺放商品，此時應注意商品擺放的位置和角度，接著為商品搭配合適的背景與道具。項鏈拍攝環(huán)境布置如右圖所示。2.2.2圖片素材的兩大搜集途徑1.拍攝圖片（3）布光。眾所周知，肉眼所看到的一切事物都是由物體對光線的反射所致。拍攝商品時，要如實描述商品本身的結(jié)構(gòu)、形態(tài)、顏色、質(zhì)感，就要通過布光來實現(xiàn)。通常，拍攝反光類商品時要用柔和的光線照明，以免商品表面出現(xiàn)難看的光斑；拍攝吸光類商品時，如果商品表面比較粗糙，可用硬朗的光線照明，以表現(xiàn)其質(zhì)感。項鏈布光右圖所示。

（4）拍攝。首先根據(jù)拍攝環(huán)境設置相機參數(shù)，然后確定構(gòu)圖方式、拍攝角度等，最后開展拍攝工作。項鏈拍攝效果如右圖所示。需要注意的是，應盡量多拍攝一些素材，便于挑選的同時，可避免返工情況的發(fā)生。2.2.2圖片素材的兩大搜集途徑1.拍攝圖片（5）修圖。拍攝完的商品圖片往往會因為一些因素無法直接使用，還需利用圖像處理軟件進行調(diào)整，如二次構(gòu)圖、修復瑕疵、調(diào)色等，使圖片更加美觀的同時方便使用。需要注意的是，修圖時切不可過度美化商品，以免消費者無法真正地了解商品。2.2.2圖片素材的兩大搜集途徑1.拍攝圖片2.2.2圖片素材的兩大搜集途徑2.借助網(wǎng)絡搜集圖片名稱及網(wǎng)址介紹包圖網(wǎng)（）包括數(shù)量超3000萬的正版圖片、視頻、音頻等素材，這些素材均可商用，但要下載這些素材需付費開通VIP。攝圖網(wǎng)（https://699）提供豐富的多媒體素材，涵蓋圖片、視頻、創(chuàng)意背景、設計模板、GIF動圖、免摳元素、辦公文檔、插畫、音樂等，這些素材均可商用，但要下載這些素材需付費開通VIP。千圖網(wǎng)（）提供圖片、矢量圖、PSD源文件、網(wǎng)頁、3D模型、PPT、畫冊、圖標等多種素材下載，并設有“免費專區(qū)”，允許普通用戶在此專區(qū)內(nèi)每日免費下載一次素材。2.2.2圖片素材的兩大搜集途徑2．借助網(wǎng)絡搜集圖片花瓣網(wǎng)（）一個圖片分享社區(qū)，其中收集了眾多圖片，涵蓋平面、插畫、漫畫、攝影、游戲、動漫、工業(yè)設計、建筑設計、人文藝術(shù)、家居家裝、女裝搭配、男士風尚等多種類型。Iconfont（）中文名稱是“阿里巴巴矢量圖標庫”，提供矢量圖下載、在線存儲、格式轉(zhuǎn)換等功能。該網(wǎng)站中的矢量圖資源十分豐富，且大部分都可以免費下載，但用于商業(yè)用途需獲得原作者授權(quán)。Unsplash（）提供可免費下載的、免授權(quán)使用的高質(zhì)量圖片。其中的圖片大多由專業(yè)攝影師拍攝并上傳，普遍具有設計感。Pixabay（）提供可免費下載的圖片資源，這些圖片涉及人物、動物、交通、醫(yī)療、金融等多個領(lǐng)域，具有多種分辨率，且均遵循CC0協(xié)議，可免授權(quán)用于商業(yè)用途。知識庫CC0協(xié)議是國際知名組織“知識共享組織”（CreativeCommons）所提供的一種版權(quán)許可協(xié)議。若文字、圖片、音頻、視頻等作品遵循CC0協(xié)議，表示作品的著作權(quán)人已放棄對其享有的版權(quán)，將其貢獻到了公共領(lǐng)域中。簡單來說就是，遵循了CC0協(xié)議的作品可以隨意使用。2.2.2圖片素材的兩大搜集途徑Pexels（）提供圖片和視頻資源，該網(wǎng)站的所有內(nèi)容均遵循CC0協(xié)議，可免費下載和商用。合理運用色彩，讓營銷更出色03色彩是影響視覺效果的重要因素，要想得到滿意的色彩搭配效果，就需要了解色彩的基礎(chǔ)知識及傳遞的情感，并掌握色彩搭配的技巧。2.3.1色彩三要素在有彩色系中，任何一種顏色都具有色相、純度、明度這三個基本屬性，它們被稱為色彩三要素。（1）色相：是指色彩的相貌，它是色彩的首要特征，用于區(qū)別不同的顏色，如紅色、橙色、黃色、綠色、藍色、紫色等，如下圖所示。2.3.1色彩三要素1.色相紅色橙色黃色綠色藍色紫色（2）純度：是指色彩的純凈程度，也稱飽和度。色彩純度的高低取決于該色彩中主色和雜色的比例，主色比例越大，純度越高，色彩越鮮艷；反之，純度越低，色彩越暗淡。例如，若紅色為主色，灰色為雜色，為紅色加入不同比例的灰色后，紅色的純度變化如下圖所示。2.3.1色彩三要素2.純度紅色（主色）灰色（雜色）純度高純度低加入的灰色比例逐漸增大（3）明度：是指色彩的明暗程度。色彩的明度有兩種情況，一是同一色相的不同明度，如在同一種顏色中加入不同比例的黑色后產(chǎn)生不同的明暗層次（見下圖），二是各種色相之間的明度差別，如在同樣的純度下，黃色的明度最高，紫色的明度最低。2.3.1色彩三要素3.明度紅色黑色

明度高明度低加入的黑色比例逐漸增大2.3.2色彩表達的情感色彩本沒有具體的意象，但人們卻能感受到色彩傳遞的情感，這是因為人們在這個五彩繽紛的世界中積累了許多關(guān)于色彩的視覺經(jīng)驗，當這些經(jīng)驗與外來色彩產(chǎn)生一定的呼應時，就會在人們的心理上引發(fā)某種情緒，這就是色彩帶給人的視覺效應。因此，在對店鋪進行視覺營銷設計時，應根據(jù)品牌特性和商品屬性，恰當?shù)厥褂蒙省?.3.1電商視覺營銷在店鋪首頁中的應用（1）紅色系。紅色易使人聯(lián)想到太陽、節(jié)日、火焰等，象征著喜悅、熱情、自信、活潑、積極等。以紅色為主的畫面視覺沖擊力強，能瞬間吸引人們的目光。在我國，紅色還是一種具有喜慶色彩的顏色，常用于表現(xiàn)節(jié)日促銷專題頁，以及婚慶類店鋪頁面等。紅色在節(jié)日促銷專題頁中的應用2.3.2色彩表達的情感1.紅色（2）黃色系。黃色是有彩色系中明度最高、最活躍的顏色，象征著活力、輕快、開朗、輝煌、希望等（橙色是紅色和黃色的中間色，其視覺效應與黃色相似），常用于童裝類、食品類等店鋪頁面中。黃色在童裝海報中的應用2.3.2色彩表達的情感2.黃色

綠色系。綠色象征著健康、自然、清新、安全，是所有色彩中最能讓人放松的顏色，它對人的精神有鎮(zhèn)靜和恢復作用，常用于化妝品類、藥品類等店鋪頁面中。2.3.2色彩表達的情感3.綠色

（4）藍色系。藍色易讓人聯(lián)想到高遠的天空、廣闊的海洋、深邃的宇宙等，象征著靜謐、深邃、理智、深沉、現(xiàn)代等（青色是藍色和綠色的中間色，其視覺效應與藍色相似），常用于數(shù)碼類、生活電器類（如下圖）等店鋪頁面中。藍色在生活電器海報中的應用2.3.2色彩表達的情感4.藍色（5）紫色系。紫色是由溫暖的紅色和靜謐的藍色混合而成的顏色，其視覺效應比較復雜，明度不同，表現(xiàn)出的情感截然不同。例如，深紫色給人神秘、憂郁等感覺；淺紫色給人清新、夢幻等感覺；而明度適中的紫色給人高貴、浪漫、優(yōu)雅等感覺。在店鋪視覺營銷設計中，紫色常用于飾品類、化妝品類等店鋪頁面中。2.3.2色彩表達的情感5.紫色2.3.2色彩表達的情感6.無彩色金屬色也稱光澤色，主要指金色和銀色，是最華麗的顏色，恰當?shù)厥褂媒饘偕欣谔嵘唐泛偷赇伒钠焚|(zhì)與檔次。無彩色系包括以下4種。白色象征著純潔、神圣、干凈、雅致，一些文藝范、高雅范的商品和店鋪中，常使用白色作為畫面主色，從而突顯商品格調(diào)。灰色象征著沉穩(wěn)、高雅、溫和，任何顏色都可以與其搭配使用，因此其常用作背景顏色。黑色象征著深沉、莊重、嚴肅，屬于百搭色，與其他顏色結(jié)合使用，能表現(xiàn)出豐富多變的效果。（6）無彩色。在店鋪視覺營銷設計中，無彩色系常用于數(shù)碼類、高檔飾品類等店鋪頁面中。黑色在耳機詳情頁中的應用2.3.2色彩表達的情感6.無彩色知識庫色彩基調(diào)影響著店鋪風格。例如，視覺營銷設計中大面積使用明度、純度較高的綠色，就會使店鋪呈現(xiàn)小清新風；大面積使用中國傳統(tǒng)色彩——鵝黃色，就會使店鋪呈現(xiàn)中國風。2.3.2色彩表達的情感

小清新風店鋪首頁（部分）

中國風店鋪首頁（部分）2.3.3三大配色技巧在進行視覺營銷設計時，恰當?shù)夭捎蒙蚀钆湫〖记桑梢允巩嬅嫘Ч訁f(xié)調(diào)、亮眼，從而吸引更多消費者的注意。下面介紹店鋪視覺營銷設計中常用的三大配色技巧。色相對比配色冷暖對比配色漸變與分離配色色相對比是指兩種以上的顏色因色相差別而形成的對比。色相對比是色彩搭配時最常用的方法。色相環(huán)上顏色間的距離決定了色相對比的強弱，距離愈近，對比愈弱；距離愈遠，對比愈強。2.3.3三大配色技巧1.色相對比配色同類色對比鄰近色對比類似色對比對比色對比互補色對比（1）同類色對比：色相環(huán)上相距15°以內(nèi)的色彩稱為同類色。同類色對比通常是同一色相中的不同純度與不同明度的色彩對比，易產(chǎn)生柔和、協(xié)調(diào)的畫面效果。例如，女士挎包海報中采用不同明度的紅色搭配，整個畫面十分協(xié)調(diào)，給人以柔和、舒適的感覺。同類色對比在女士挎包海報中的應用

同類色2.3.3三大配色技巧1.色相對比配色

（2）鄰近色對比：色相環(huán)上相距15°～30°的色彩稱為鄰近色。運用鄰近色對比的畫面色調(diào)和諧統(tǒng)一，具有雅致、柔和的特性。例如，化妝品店鋪首頁中采用橙色和黃色搭配，整個畫面和諧統(tǒng)一，給人以溫和、細膩的感覺。鄰近色對比在化妝品專題頁中的應用

鄰近色2.3.3三大配色技巧1.色相對比配色（3）類似色對比：色相環(huán)上相距30°～60°的色彩稱為類似色。類似色對比擁有鄰近色對比的特性，又較鄰近色對比顯得更加豐富、活潑。例如，家居用品海報中采用紅色和黃色搭配，整個畫面既和諧又活潑，給人以飽滿、熱情的感覺。類似色對比在家居用品海報中的應用

類似色2.3.3三大配色技巧1.色相對比配色（4）對比色對比：色相環(huán)上相距120°左右的色彩稱為對比色。運用對比色對比的畫面具有醒目、飽滿、動感等視覺效果。但對比色在色相環(huán)上的跨度較大，容易使人產(chǎn)生視覺及精神上的疲勞，因此適當降低對比色的純度，可為畫面增添和諧之感。例如，濕巾詳情頁中采用綠色和黃色搭配，整個畫面十分飽滿，給人以鮮明、輕快的感覺。對比色對比在濕巾詳情頁中的應用

對比色2.3.3三大配色技巧1.色相對比配色（5）互補色對比：色相環(huán)上相距180°左右的色彩稱為互補色。互補色對比是色相對比中最強烈的色彩搭配，因此運用互補色對比的畫面具有極強的視覺沖擊力。例如，服裝海報中采用藍色和黃色搭配，整個畫面十分鮮明、艷麗，給人以強烈、刺激的感覺。互補色對比在服裝海報中的應用互補色2.3.3三大配色技巧1.色相對比配色色彩的冷暖對比是指因色彩感覺的冷暖差異而形成的對比。色相是影響色彩冷暖的主要因素。從色彩心理學的角度來說，最冷的顏色是藍色，最暖的顏色是橙色，藍色與橙色是色彩冷暖的兩個極端，同時也是一對互補色。如果在色相環(huán)上將冷暖的兩極互相連線，就可以清楚地區(qū)分出冷暖兩組色彩，即紅色、橙色、黃色為暖色，藍紫色、藍色、藍綠色為冷色，如右圖所示。另外，綠色、紫色為中性色。暖色冷色冷暖色彩劃分2.3.3三大配色技巧2.冷暖對比配色2.3.3三大配色技巧2.冷暖對比配色冷暖對比配色對比性暖色調(diào)對比性冷色調(diào)對比性暖色調(diào)：指畫面中面積最大、作用最強的色彩屬于暖色調(diào)，整個畫面只輔以小面積的冷色調(diào)。例如，母嬰用品詳情頁中大面積使用橙色、黃色，小面積使用藍色，整個畫面既和諧又富有變化。2.3.3三大配色技巧2.冷暖對比配色對比性冷色調(diào)：指畫面中面積最大、作用最強的色彩屬于冷色調(diào)，整個畫面只輔以小面積的暖色調(diào)。例如，電子產(chǎn)品詳情頁中大面積使用藍色，小面積使用黃色，整個畫面柔和、統(tǒng)一。2.3.3三大配色技巧2.冷暖對比配色2.3.3三大配色技巧3.漸變與分離配色漸變配色是不同色彩之間過渡和緩的配色方法，采用漸變配色的畫面能給人溫柔、唯美的感覺。

采用漸變配色的畫面效果采用分離配色的畫面效果分離配色是不同色彩之間界限分明的配色方法，采用分離配色的畫面能給人利落、整齊的感覺。看到一些配色舒適、驚艷的作品時，可將其中的顏色提取出來并應用到自己的作品中。另外，還可以借助一些專門的配色網(wǎng)站進行配色，如AdobeColor（https://）、WebGradients（）。其中，AdobeColor是比較權(quán)威的色彩搭配網(wǎng)站之一，擁有來自全世界設計師的配色方案，其數(shù)量和質(zhì)量都比較高；WebGradients

提供了大量漂亮的漸變配色方案，以及配色方案下載和CSS代碼復制功能。小提示2.3.3三大配色技巧3．漸變與分離配色善用點線面，讓營銷更加靈活多變04點線面是視覺營銷設計的基礎(chǔ)，在電商視覺營銷設計中，恰當?shù)厥褂眠@些元素，不僅能增強頁面信息傳達的舒適性，還能豐富頁面的表現(xiàn)形式，給消費者留下深刻的視覺印象。2.4.1點的張力點元素是一種具有大小和形狀的構(gòu)成元素，是視覺營銷設計中最小的單位。在電商視覺營銷設計中，一個文字、一個按鈕等均可以視為一個點。雖然點元素在視覺表現(xiàn)中的級別最低，但是通過對其進行巧妙的設計，可以使其在視覺呈現(xiàn)中“脫穎而出”，營造不一樣的視覺美感。2.4.1點的張力例如，在視覺營銷設計時通過為個別文字和按鈕添加區(qū)別于其他文字和按鈕的特定顏色，可以使其成為吸引消費者目光的焦點區(qū)域。點元素在平板電腦海報中的應用2.4.2線的自如點的移動軌跡形成了線。線元素是一種具有長度、寬度和面積的構(gòu)成元素。它在電商視覺營銷設計中有多種不同的表現(xiàn)形式，如粗細、虛實、曲直等，不同的表現(xiàn)形式對畫面效果的作用不同，如粗線可以使被其裝飾的文案突顯出來，曲線可以增加畫面的柔美度和流動性，但都可以起到豐富畫面效果的作用。線元素在視覺表現(xiàn)中的級別稍高于點元素，對線元素本身具有的延伸性加以設計，可以使其成為消費者的視覺引導線，使消費者的目光聚集到主體上。2.4.2線的自如例如，在背景中加入直線，可以增加畫面的方向感和動感，不僅如此，將兩條直線交叉擺放，可以將消費者的目光引導至交叉點，此時將主體放在交叉點上，就可以將消費者目光引導至主體上。線元素在服裝海報中的應用2.4.3面的整體感線的移動軌跡形成了面，當然也可以將面視為放大后的點，因此面元素是一種具有長度、寬度、面積和形狀的構(gòu)成元素。面元素在視覺表現(xiàn)中的級別最高，但不如點元素和線元素更加靈活多變。在電商視覺營銷設計中，通過對面元素面積大小、層疊關(guān)系等的設計，可以增強頁面的表現(xiàn)力。2.4.3面的整體感例如，將同一色相、不同明度的面進行合理安排，可以增強畫面的空間感，使其更具表現(xiàn)力。面元素在口紅詳情頁中的應用打造最佳構(gòu)圖，讓營銷更有感染力05優(yōu)秀的視覺營銷設計離不開高質(zhì)量的構(gòu)圖設計，構(gòu)圖做得好，畫面的協(xié)調(diào)性、平衡性、視覺流暢感都會隨之提高。2.5.1八種常見的構(gòu)圖方式構(gòu)圖就是處理畫面中文字、圖片、圖形等元素之間的關(guān)系，使之構(gòu)成一個協(xié)調(diào)、完整的畫面。下面介紹幾種電商視覺營銷設計中常用的構(gòu)圖方式。2.5.1八種常見的構(gòu)圖方式1.水平線構(gòu)圖

1.水平線構(gòu)圖：將重要元素安排在畫面水平線上的構(gòu)圖方式。采用水平線構(gòu)圖的畫面能表現(xiàn)出穩(wěn)定、平和、安靜的氣氛。2.5.1八種常見的構(gòu)圖方式2.垂直線構(gòu)圖

2.垂直線構(gòu)圖：將重要元素安排在畫面垂直線上的構(gòu)圖方式。采用垂直線構(gòu)圖的畫面給人高聳、挺拔的感覺。2.5.1八種常見的構(gòu)圖方式3.對角線構(gòu)圖

3.對角線構(gòu)圖：也稱斜線構(gòu)圖，是將重要元素安排在畫面對角線上或?qū)蔷€附近的構(gòu)圖方式。此構(gòu)圖方式有效利用畫面對角線的長度，使視角顯得更加開闊，為畫面增加延伸感、運動感。2.5.1八種常見的構(gòu)圖方式4.曲線構(gòu)圖

4.曲線構(gòu)圖：將重要元素呈曲線擺放或排列的構(gòu)圖方式。采用曲線構(gòu)圖的畫面給人優(yōu)美、雅致、靈動的感覺。2.5.1八種常見的構(gòu)圖方式5.對稱構(gòu)圖

5.對稱構(gòu)圖：畫面中左右或上下部分的元素大小、形狀基本一致的構(gòu)圖方式。采用對稱構(gòu)圖的畫面給人和諧、穩(wěn)定的感覺。2.5.1八種常見的構(gòu)圖方式6.中心構(gòu)圖

6.中心構(gòu)圖：將重要元素擺放在畫面中心位置的構(gòu)圖方式。采用中心構(gòu)圖的畫面不僅給人端正、整齊的感覺，還能明確突出主體。2.5.1八種常見的構(gòu)圖方式7.三角形構(gòu)圖

7.三角形構(gòu)圖：以三個視覺中心為元素主要擺放位置的構(gòu)圖方式。這三個視覺中心構(gòu)成的三角形可以是正三角、斜三角或倒三角。采用三角形構(gòu)圖的畫面給人穩(wěn)定、均衡的感覺。2.5.1八種常見的構(gòu)圖方式8.九宮格構(gòu)圖

8.九宮格構(gòu)圖：也稱井字構(gòu)圖或三分法構(gòu)圖，是將畫面的橫向和豎向分別用兩條直線平均分成三份的構(gòu)圖方式。其中，橫豎線稱為黃金分割線，其相交的四個點稱為趣味點或黃金分割點。黃金分割點是點元素主體放置的最佳位置；若主體是線元素，則最宜放置在黃金分割線上或附近。構(gòu)圖方式多種多樣，快來說一說你還見過哪些呢？課堂互動2.5.1八種常見的構(gòu)圖方式2.5.2三大構(gòu)圖技巧掌握一定的構(gòu)圖技巧，可以使設計出的店鋪頁面更加出彩，從而快速吸引消費者目光。下面介紹店鋪視覺營銷設計中的三大構(gòu)圖技巧。保證畫面的平衡性注重畫面的節(jié)奏感懂得調(diào)和畫面2.5.2三大構(gòu)圖技巧1.保證畫面的平衡性平衡是指畫面左右或上下部分的元素在不對稱的情況下，通過對其進行等量安排，使畫面形成視覺上的穩(wěn)定，這樣才能保證畫面既穩(wěn)定又富有變化。在電商視覺營銷設計中，將商品、文案等通過疏密、大小、遠近等的處理，可以使畫面達到平衡，從而為消費者提供良好的視覺感受，如下圖所示。1.3.1電商視覺營銷在店鋪首頁中的應用節(jié)奏是指畫面中各個元素組合時，在某種秩序下起伏變化的規(guī)律，帶有節(jié)奏感的畫面具有一種秩序美。在電商視覺營銷設計中，有規(guī)律地對商品、文案等進行排列，就可以使畫面具有一定的節(jié)奏感，為消費者營造一種視覺連續(xù)感，使其瀏覽更加流暢，如右圖所示。2.5.2三大構(gòu)圖技巧2．注重畫面的節(jié)奏感當畫面中多個元素存在明顯差異時，會給人帶來強烈的感官刺激。但是畫面中只有對比沒有調(diào)和，會缺少安定的美感。調(diào)和就是讓畫面中的對比元素找到“妥協(xié)”點，讓對比關(guān)系得以緩和，使整個畫面變得更加和諧。例如，用骨頭圖形及文案來調(diào)和紅、藍背景的對比關(guān)系。2.5.2三大構(gòu)圖技巧3．懂得調(diào)和畫面賞析優(yōu)秀店鋪，提煉電商視覺營銷設計技巧06下面以茶具店鋪首頁為例，講解電商視覺營銷設計技巧在店鋪中的應用。（1）色彩的運用。茶具店鋪首頁的背景圖案、文字等大多使用不同明度的灰色、黑色，這些顏色像不同濃淡的墨色，能為整個畫面增添古香古色之感，以體現(xiàn)茶具店鋪的特點。另外，商品圖片中的背景顏色大多純度較低，與灰色、黑色搭配使用，可以獲得平穩(wěn)、和諧、統(tǒng)一的畫面效果。2.6賞析優(yōu)秀店鋪，提煉電商視覺營銷設計技巧

（2）點線面的運用。該店鋪首頁的商品類目設計使用點元素，可以使其成為焦點，從而吸引消費者注意；背景圖案和文字裝飾都使用了線元素，可以使畫面效果更加豐富；每一幅圖片都可以視為一個面元素，這些面元素面積、形狀不同，可以形成一定的對比，使畫面更具表現(xiàn)力。另外，點線面穿插使用，能為畫面增添動態(tài)美感。（3）構(gòu)圖的運用。該店鋪首頁的商品圖片大多采用對角線構(gòu)圖，能為畫面增加延伸感、運動感；而海報大多一側(cè)展示商品，另一側(cè)添加商品文案，這種平衡構(gòu)圖方式可以使畫面形成視覺上的穩(wěn)定。這種既具動感、又具穩(wěn)定感的畫面能給消費者帶來良好的視覺體驗。2.6賞析優(yōu)秀店鋪，提煉電商視覺營銷設計技巧本實訓設計女裝店鋪促銷海報，要求海報效果簡潔、時尚，具有視覺沖擊力。本章實訓——設計女裝店鋪促銷海報搜集資料確定配色方案確定構(gòu)圖方式本章實訓——設計女裝店鋪促銷海報（1）搜集資料。根據(jù)主題搜集文案、圖片等資料，具體可參考右圖。需要注意的是，圖片素材可實際拍攝，也可從網(wǎng)上下載；且文案內(nèi)容需緊緊圍繞關(guān)鍵詞“促銷”進行搜集。

女裝店鋪促銷海報資料本章實訓——設計女裝店鋪促銷海報（2）確定配色方案。根據(jù)想要獲得的視覺效果進行色彩搭配。例如，利用類似色紫色和紅色搭配，能使整個畫面給人既和諧又活潑的感覺；將畫面中面積最大、作用最強的色彩設置為綠色，不僅能給人自然、清新的感覺，還能與服裝顏色呼應。本章實訓——設計女裝店鋪促銷海報（3）確定構(gòu)圖方式。根據(jù)想要獲得的營銷效果進行構(gòu)圖，此時需注意點、線、面的應用。本章實訓——設計女裝店鋪促銷海報若想讓消費者更多關(guān)注商品本身，可將圖片擺放在中心位置。采用平衡構(gòu)圖的海報效果

采用中心構(gòu)圖的海報效果若想讓消費者更多關(guān)注促銷信息，可左側(cè)放置主要促銷文案，右側(cè)放置圖片。小提示以上提供的效果圖僅供參考，大家可根據(jù)實際情況進行自主設計本章實訓——設計女裝店鋪促銷海報謝謝觀看第3章用文案解決營銷軟肋電商視覺營銷設計營銷能否成功，文案是關(guān)鍵。優(yōu)秀的營銷文案可以促進商品銷售，助力品牌推廣，這是因為文案能直白地描述商品信息，充分地傳達品牌理念，以解決營銷中信息傳達不到位、不準確等軟肋。本章通過介紹營銷文案的編寫與設計技巧，帶領(lǐng)大家學習如何用文案解決營銷軟肋。章前導語（1）了解營銷文案的編寫要點。（2）掌握營銷文案的編寫與設計技巧。知|識|目|標

能夠為特定的商品、品牌、活動等編寫并設計營銷文案。技|能|目|標

堅持實事求是的工作作風，樹立正確的價值觀。素|質(zhì)|目|標章節(jié)目標第三章3.1寫好營銷文案的奧秘3.2設計營銷文案的三大要點3.3賞析食品店鋪專題頁營銷文案本章實訓——為手表編寫并設計營銷文案章節(jié)目錄寫好營銷文案的奧秘01營銷文案是以傳達商品信息和品牌訴求，引導消費者購買商品和識別品牌為目的的創(chuàng)意內(nèi)容。狹義的營銷文案通常僅包括語言文字內(nèi)容，如活動主題文字、商品描述文字等。本節(jié)將介紹如何寫好營銷文案。3.1寫好營銷文案的奧秘營銷文案傳達商品信息傳達品牌訴求引導消費者購買商品引導消費者識別品牌要寫好營銷文案，首先要明確營銷目的，然后在了解營銷對象和受眾的基礎(chǔ)上，精心設計文案內(nèi)容。3.1.1寫好營銷文案的要點在編寫營銷文案前，首先要明確營銷活動的目的是什么，然后根據(jù)營銷目的有針對性地編寫營銷文案，這樣才能保證文案內(nèi)容與營銷目的高度吻合，從而將商品信息和品牌訴求準確地傳達給消費者。例如，某家電品牌某次營銷活動的目的是新品推廣，那么使用“品質(zhì)生活引領(lǐng)者”這類品牌推廣文案就不如“新品上市驚喜放‘價’”“重磅新品快來搶購”等商品促銷文案更有針對性。3.1.1寫好營銷文案的要點1.明確營銷目的（1）了解營銷對象。在電商運營中，營銷對象主要是指商品、品牌和活動。一切視覺營銷設計都是圍繞營銷對象展開的，只有充分了解營銷對象，才能準確提煉出營銷對象的特點，從而更好地向消費者展示營銷信息。3.1.1寫好營銷文案的要點

2.了解營銷對象和受眾（2）分析受眾。電商營銷的受眾就是營銷活動的目標消費者。要想讓文案引發(fā)目標消費者的關(guān)注與傳播，應先充分分析目標消費者的消費心理、消費行為、消費喜好、消費特征等，然后根據(jù)分析結(jié)果進行文案設計，這樣才能使文案更具針對性、更有說服力。3.1.1寫好營銷文案的要點

2.了解營銷對象和受眾3.1.1寫好營銷文案的要點

2.了解營銷對象和受眾例如，營銷文案“運動補水專業(yè)等滲”雖然只有八個字，但卻充分體現(xiàn)了商品的核心賣點——補水且吸收快，滿足了消費者運動后急需專業(yè)的運動飲料這一消費需求，能直擊消費者的內(nèi)心，從而激發(fā)他們的購買欲望。不難看出，這一營銷文案必定是在充分了解營銷對象和受眾的基礎(chǔ)上確定的。運動飲料海報3.1.1寫好營銷文案的要點3.精心設計文案內(nèi)容引人注目，具有吸引力。語言簡練，重點突出。在明確營銷目的、了解營銷對象和受眾之后，就要據(jù)此精心設計文案內(nèi)容，以使營銷文案能夠激發(fā)消費者的消費欲望。在設計文案內(nèi)容時，要注意以下兩點。3.1.1寫好營銷文案的要點

3.精心設計文案內(nèi)容（1）引人注目，具有吸引力。營銷文案內(nèi)容要有一定的吸引力，才能夠引起消費者的興趣、好奇，促使消費者關(guān)注商品和品牌。例如，營銷文案利用“新品”“秒殺”“福利”等詞語吸引消費者眼球，促使他們深入了解商品和品牌。另外，在營銷文案中加入精準的數(shù)字會使其更有沖擊力，如“一年銷售500000件”“僅剩最后10件”等。美妝海報3.1.1寫好營銷文案的要點

3.精心設計文案內(nèi)容（2）語言簡練，重點突出。通常，消費者在某一個頁面的停留時間為10s左右。在這種情況下，簡明扼要的營銷文案才能讓消費者快速了解其傳達的信息。3.1.1寫好營銷文案的要點

3.精心設計文案內(nèi)容營銷文案冗長，會增加消費者的理解成本，很容易讓消費者在沒有完全了解信息的情況下就停止閱讀。營銷文案簡明扼要，能使消費者快速獲取和記憶關(guān)鍵信息。3.1.2各類營銷文案的編寫技巧根據(jù)營銷對象的不同，營銷文案通常分為三種，如下。品牌營銷文案商品營銷文案活動營銷文案3.1.2各類營銷文案的編寫技巧1.商品營銷文案要編寫商品營銷文案，可從不同的角度入手，如下。情感營銷文案痛點營銷文案賣點營銷文案3.1.2各類營銷文案的編寫技巧

1.商品營銷文案（1）賣點營銷文案：突出商品賣點的文案。在展示商品賣點時，搭配賣點營銷文案可以圖文并茂地突出商品的優(yōu)勢或獨特性，更能吸引消費者的注意，使其更加直觀地獲取營銷信息。右圖的營銷文案均為賣點營銷文案，用于突出商品穩(wěn)固耐用這一賣點。3.1.2各類營銷文案的編寫技巧1.商品營銷文案另外，新品上市時，其“新”通常也可以作為一個賣點，此時賣點營銷文案中會加入“冬上新”

“新品上市”等詞語。海報中的新品賣點營銷文案（2）痛點營銷文案：痛點是指消費者未被滿足或急需滿足的需求，痛點營銷文案就是重點描述商品能夠解決消費者哪些痛點的文案。商品是為消費者提供“服務”的，從消費者的痛點出發(fā)，解決消費者的實際問題，能夠很大程度上促使消費者購買商品。3.1.2各類營銷文案的編寫技巧1.商品營銷文案例如，很多消費者覺得穿羽絨服后會顯得臃腫，導致他們在購買羽絨服時猶豫不決，此時用“告別冬日臃腫”營銷文案告訴消費者本款羽絨服可以輕松解決他們的痛點，就有可能促使他們下單。3.1.2各類營銷文案的編寫技巧1.商品營銷文案（3）情感營銷文案：通過挖掘商品對消費者的情感意義而設計的文案。情感營銷文案可以喚起消費者對商品的情感需求，從情感上打動消費者。3.1.2各類營銷文案的編寫技巧

1.商品營銷文案例如，用“健康全接觸選材皆安心”“孩子的健康我們用品質(zhì)驗證”等營銷文案將商品與親情聯(lián)系起來，使商品變成消費者表達情感的媒介，滿足了消費者的情感需求。3.1.2各類營銷文案的編寫技巧

1.商品營銷文案品牌營銷文案是指宣傳品牌形象的文案。要編寫品牌營銷文案，可從品牌理念、品牌精神、品牌文化等方面入手，以提高消費者對品牌的好感度。3.1.2各類營銷文案的編寫技巧

2.品牌營銷文案例如，“綠色讓生活回到原點，不忘初心”“引領(lǐng)綠色生活方式，推動人類與環(huán)境相融共生”等營銷文案都是品牌營銷文案，為品牌塑造“環(huán)保”形象，促使消費者對品牌產(chǎn)生好感，以加深消費者對品牌的記憶。3.1.2各類營銷文案的編寫技巧

2.品牌營銷文案活動營銷文案是指開展某項活動時使用的文案，其內(nèi)容一般依據(jù)活動目的而定。若活動目的是提升品牌形象，則活動營銷文案類似于品牌營銷文案，用于加深消費者對品牌的印象；若活動目的是提高店鋪流量、商品銷量，則活動營銷文案一般是偏促銷型，可使用“打折”“秒殺”“滿減”“搶購”等詞語，以吸引消費者注意。3.1.2各類營銷文案的編寫技巧3.活動營銷文案海報中的活動營銷文案另外，節(jié)日是商家開展活動的絕佳時機，利用節(jié)日開展促銷活動，能夠?qū)⑾M者帶入節(jié)日的氛圍之中，宣傳商品和品牌的同時向消費者傳遞情感。此時活動營銷文案的內(nèi)容應基于節(jié)日特點進行創(chuàng)作，如“中秋節(jié)”的活動營銷文案有“中秋聚惠全場月餅7折優(yōu)惠”，“七夕節(jié)”的活動營銷文案有“鵲橋相‘惠’買五贈一”等。3.1.2各類營銷文案的編寫技巧

3.活動營銷文案需要注意的是，在編寫營銷文案時，不能夸大其詞，過分渲染；不能復制粘貼，抄襲別人的創(chuàng)意；不能使用庸俗、惡俗、媚俗的語句；不能沒有原則和底線地去蹭熱點；等等。3.1.2各類營銷文案的編寫技巧

3.活動營銷文案小提示設計營銷文案的三大要點02營銷文案既是信息傳達的重要載體，也是店鋪頁面中必不可少的視覺符號。因此，營銷文案的設計不僅影響營銷信息的傳播效果，還影響店鋪頁面的視覺美感。本節(jié)將介紹如何設計營銷文案。3.2.1懂得運用字體字體是指文案的外在形式特征。使用不同字體的文案，其筆畫粗細、形態(tài)等都不同。除書法體外，無論哪種字體，都是由襯線體和非襯線體演化而成的。襯線體非襯線體3.2.1懂得運用字體字體中文字體宋體黑體仿宋體西文字體TimesNewRoman字體ArialBlack字體襯線是指文字筆畫始末的裝飾部分。顯而易見，襯線體就是在文字筆畫始末的地方有額外的裝飾，且襯線粗細會因筆畫的不同而有所區(qū)別。襯線體強調(diào)筆畫的走勢及前后聯(lián)系，從而使前后文有更好的連續(xù)性