網(wǎng)店視覺營銷與制作項目1 走進網(wǎng)店視覺營銷電子課件 中職專用

網(wǎng)店視覺營銷與制作項目1走進網(wǎng)店視覺營銷電子課件高教版中職專用項目1

走進網(wǎng)店視覺營銷《網(wǎng)店視覺營銷設計與制作》重慶大學出版社項目綜述

近年來，電子商務成為推動“互聯(lián)網(wǎng)+”發(fā)展的重要力量和中國新經(jīng)濟的重要組成部分，網(wǎng)購已成為人們最重要的購物方式之一。根據(jù)統(tǒng)計，截止2020年5月，淘寶店鋪1056萬多，天貓店鋪31萬多家，產(chǎn)品更是數(shù)以億計，但產(chǎn)品同質(zhì)化嚴重。如何讓自己的店鋪和產(chǎn)品脫穎而出？第一眼就能吸引住消費者的目光呢？眾所周知，視覺在人類所有感覺中占主導地位，它是人類接收外界信息的第一道防線。所以，此時不得不談及一個重要的概念就是“網(wǎng)店視覺營銷”。通過視覺沖擊，引起顧客注意，喚起顧客興趣，激起顧客購買欲望，促成顧客采取購買行為，這是網(wǎng)店視覺營銷的目的所在。跟隨本項目，我們一起走進網(wǎng)店視覺營銷，了解視覺營銷的基本概念、意義價值、實施原則、設計誤區(qū)和提高視覺效果設計的配色工具等內(nèi)容。內(nèi)容導航內(nèi)容導航任務1∣認識視覺營銷任務1∣認識視覺營銷

相對于實體店，電子商務更加講究“用戶體驗”。隨著電子商務的發(fā)展，消費者對網(wǎng)店的視覺設計要求越來越高，網(wǎng)店不再是產(chǎn)品信息的簡單羅列，而更應該是體現(xiàn)網(wǎng)店特色、產(chǎn)品靈魂。通過視覺的沖擊和審美感觀提高顧客興趣，達到產(chǎn)品或服務的推廣。視覺營銷的表象是視覺呈現(xiàn)，其核心目的是營銷。網(wǎng)店視覺營銷就是要塑造一個良好用戶體驗的網(wǎng)店，讓目標顧客容易進、容易看、容易選、容易買、容易回的店鋪，讓商品轉(zhuǎn)化率與營銷額產(chǎn)生直接聯(lián)動。小可即將成為網(wǎng)店美工的從業(yè)人員，想通過學習視覺營銷，提高崗位技能和提高自己的核心競爭力，我們跟隨小可，一起來認識視覺營銷吧！情景設計任務1∣認識視覺營銷

任務分解

視覺是一種影響消費者行為的重要先決因素。隨著電商的快速發(fā)展，視覺營銷深受關注，為什么視覺營銷會引起大家的重視呢？本任務主要分為以下兩個活動：①了解視覺營銷的基本概念；②了解視覺營銷的價值。內(nèi)容導航任務1∣認識視覺營銷

活動1解視覺營銷的基本概念

活動2了解視覺營銷的價值

活動1∣認識視覺營銷

小可最近經(jīng)常聽到“網(wǎng)店視覺營銷”這個詞語，什么是視覺營銷？在網(wǎng)店商品同質(zhì)化和價格透明化的今天，作為網(wǎng)店美工師，如何使用視覺手段來達到營銷的目的，我們跟小可一起來學習一下吧?；顒颖尘盎顒幽繕肆私饩W(wǎng)店視覺營銷的起源、基本概念等,為了解視覺營銷的信息傳遞和定位打下堅實基礎，同時，激發(fā)學生對網(wǎng)店美工崗位的興趣?；顒?∣認識視覺營銷

(1)了解網(wǎng)店視覺營銷的起源。

視覺營銷(visualmerchandisedisplay，VMD)，源自于視覺展示理論。是一種新的市場營銷手段，一種借助商標、描述性符號、和自身文化元素來表現(xiàn)自己品牌的視覺展示。最早應用于服飾行業(yè)終端賣場，通過服飾商品的陳列和形象化展示，對顧客的視覺造成強勁攻勢，實現(xiàn)與顧客的溝通，以此向顧客傳達商品信息、服務理念和品牌文化，達到促進商品銷售、樹立品牌形象的目的。近幾年隨著互聯(lián)網(wǎng)技術和電子商務的快速發(fā)展，網(wǎng)店銷售日益興盛。為了能吸引消費者眼球，促進銷售，網(wǎng)店的裝修與商品陳列也開始關注視覺營銷。知識鏈接活動1∣認識視覺營銷

（2）知道網(wǎng)店視覺營銷的概念。

進入21世紀，隨著互聯(lián)網(wǎng)電子商務的發(fā)展，一些學者關注到網(wǎng)絡空間視覺營銷的重要性，并對基于電商平臺的網(wǎng)店視覺營銷進行了定義，

但目前對網(wǎng)店視覺營銷的定義還沒有統(tǒng)一認識，比較主流的觀點是楊銀輝（2009）認為：網(wǎng)店視覺營銷是指在網(wǎng)絡環(huán)境下，利用色彩、圖像、文字等造成的視覺沖擊力來吸引潛在顧客的關注，由此增加產(chǎn)品和店鋪的吸引力，從而達到營銷制勝的效果。知識鏈接活動1∣認識視覺營銷

（3）認識視覺營銷打造網(wǎng)店引力“磁場”的作用。

視覺是手段，營銷是目的，視覺以營銷為出發(fā)點，營銷則是通過視覺進行實現(xiàn)，兩者關系是相輔相成的。視覺營銷融合了營銷學、美學、文藝學，藝術和媒體攝影等內(nèi)容，通過視覺沖擊，引起顧客注意，喚起顧客興趣，激起顧客購買欲望，促成顧客采取購買行為，這是網(wǎng)店視覺營銷的目的所在。網(wǎng)店不同于實體店鋪，從目前的網(wǎng)絡技術發(fā)展水平來看，客戶對網(wǎng)上商品主要還是通過文字描述、圖片和短視頻展示來了解，而不能像在實體店鋪里一樣與商品進行“親密接觸”。因此網(wǎng)店的吸引力打造主要通過色彩、圖像、文字、短視頻、布局在店鋪“裝修”效果來呈現(xiàn)和傳達品牌文化、商品信息、服務理念、店鋪活動等。而網(wǎng)店的視覺營銷設計包括了店鋪裝修、主圖設計、商品陳列、短視頻制作、活動廣告等，形成了如下圖1.1.1所示的吸引力“磁場”。知識鏈接活動1∣認識視覺營銷通過本活動，小可了解網(wǎng)店視覺營銷的概念，知道視覺營銷的發(fā)展情況，基本了解視覺營銷設計包括哪些模塊的設計，小可對視覺營銷設計非常感興趣?；顒釉u價活動1∣認識視覺營銷

登錄淘寶網(wǎng)，收集一些能夠展現(xiàn)視覺營銷的海報，分析其視覺營銷的具體體現(xiàn)，分析哪些屬于好的視覺營銷？哪些視覺效果不夠完整？活動拓展內(nèi)容導航任務1∣認識視覺營銷

活動1解視覺營銷的基本概念

活動2了解視覺營銷的價值

活動2∣了解視覺營銷的價值

在當下視覺營銷時代，色彩、圖像、文字對潛在顧客造成的沖擊力有目共睹，視覺營銷的價值不容小覷。是網(wǎng)店中不可或缺的營銷手段。視覺營銷在增加店鋪整體形象和產(chǎn)品吸引力的同時，也提升了流量的轉(zhuǎn)化和成單量，讓店鋪的有效流量再次轉(zhuǎn)變?yōu)橹覍嵙髁?。我們跟著小可一起了解視覺營銷的價值，認識到網(wǎng)店視覺營銷的重要性，讓其助我們一臂之力吧?；顒颖尘盎顒幽繕肆私饩W(wǎng)店視覺營銷的的價值，認識網(wǎng)店視覺營銷的重要性?；顒?∣了解視覺營銷的價值

視覺營銷是為提高營銷的目標而存在的，“一切不以銷售為目的設計，都是徒勞”，銷售額=流量x轉(zhuǎn)化率x客單價，所以，視覺營銷主要圍繞著如何提高流量、轉(zhuǎn)化率、客單價進行設計。(1)了解流量對網(wǎng)店的重要性。引流是決定成功與否的關鍵，客戶只有訪問了店鋪才可能下單，如果店鋪無人訪問，則一切的促銷手段都失去了實施的基礎，而對應的價值也得不到體現(xiàn)，所以開店的頭等大事就是“引流”。流量具體分為PV、UV、IP三個指數(shù)，如下圖1.1.2所示。其中，IP便于統(tǒng)計，具有較高的真實性，能比較真實地體現(xiàn)店鋪的人氣，所以成為大多數(shù)機構(gòu)衡量網(wǎng)站流量的重要指標。知識鏈接活動2∣了解視覺營銷的價值

知識鏈接活動2∣了解視覺營銷的價值

知識鏈接活動2∣了解視覺營銷的價值

（2）認識轉(zhuǎn)化率。轉(zhuǎn)化率是指網(wǎng)店最終下單訪客數(shù)（UV）與當天網(wǎng)店瀏覽量（PV）的比值。視覺營銷的作用就是通過視覺沖擊，引起顧客注意，喚起顧客興趣，激起顧客購買欲望，促成顧客采取購買行為，從而提高轉(zhuǎn)化率。一個出色的設計方案，不僅能用新、奇、特吸引顧客的注意力，讓顧客對產(chǎn)品感興趣，引導顧客繼續(xù)往下看，增強對產(chǎn)品的信任和喜愛，最后形成購買行為。如圖1.1.4所示的蘇寧電器618預售活動廣告的設計，優(yōu)秀的視覺設計能將顧客的視覺重點引導至廣告的主題上，圖片中的“GO”的按鈕設計，激發(fā)顧客點擊的欲望，是提升轉(zhuǎn)化率的關鍵。知識鏈接活動2∣了解視覺營銷的價值

（3）提高客單價提高客單價是每個店鋪的重要工作之一，店鋪的盈利與客單價息息相關，提高客單價能提高商品的利潤，是消費者滿意度的體現(xiàn)。通過提高淘寶店鋪裝修的視覺效果、營銷推廣、客服服務態(tài)度以及產(chǎn)品質(zhì)量等策略，可以有效地提高客單價。例如圖1.1.5所示的詳情頁關聯(lián)銷售，把幾個互補的商品搭配起來銷售，比如買衣服搭配褲子或者鞋子，搭配的好很多顧客愿意買單，視覺設計上引導消費者購買相關產(chǎn)品，有效地提高客單價。知識鏈接活動2∣了解視覺營銷的價值

（4）傳播品牌文化視覺是無聲的語言，通過視覺傳播其品牌文化，引導大眾深刻理解品牌，是視覺最重要的展現(xiàn)部分。當標志、圖片、產(chǎn)品、櫥窗、陳列等營造出品牌的消費意境和情調(diào)時，立刻發(fā)揮出啟發(fā)思維、引導銷售和加深印象的作用。如圖1.1.6所示，三只松鼠旗艦店的首頁設計。知識鏈接活動2∣了解視覺營銷的價值通過本活動的學習，小可理解了流量三大數(shù)據(jù)IP、PV、UV，了解視覺營銷的流量、轉(zhuǎn)化率、客單價的影響，掌握了視覺營銷設計對品牌文化的傳播功能，小可覺得學習視覺營銷設計非常重要?；顒釉u價活動2∣了解視覺營銷的價值

新冠疫情期間，大量農(nóng)產(chǎn)品滯銷，為了提高銷售，寶媽開設了網(wǎng)店“寶媽的創(chuàng)業(yè)夢”，銷售自己的農(nóng)產(chǎn)品，但寶媽不懂網(wǎng)店裝修設計，雖然價格很親民，但客流量很少，想請小可幫忙診斷網(wǎng)店的視覺設計問題,下圖1.1.7淘寶店鋪的首頁視覺設計的效果,請你指出哪些視覺效果不夠完整,該如何改進?活動拓展內(nèi)容導航任務2∣遵循視覺營銷的實施原則任務2∣遵循視覺營銷的實施原則

電商發(fā)展至今，可以說已經(jīng)過了爆款紅利時代了，隨著電商品類的不斷壯大，和消費群體的不斷壯大，身經(jīng)百戰(zhàn)的消費者品味也越來越高。營銷花樣年年變，視覺設計恒永久。在電商平臺上，視覺設計已經(jīng)成為消費者網(wǎng)店認知和品牌認知的首要因素。如何通過提升網(wǎng)店視覺效果，來給消費者更好的購物體驗。其中一個非常直觀的因素就是視覺創(chuàng)意設計，那網(wǎng)店視覺營銷設計需要遵循的原則？我們跟著小可一起了解一下吧！情景設計任務2∣遵循視覺營銷的實施原則

任務分解

消費者對于網(wǎng)店的視覺體驗越來越重視，相應的要求也就越來越高，因此美工師在對網(wǎng)店進行視覺營銷設計的過程中要遵循一定的原則，避免踩雷。本任務主要分為以下兩個活動：①了解視覺營銷的實施原則；②避免視覺營銷的誤區(qū)。內(nèi)容導航任務2∣遵循視覺營銷的實施原則

活動1了解視覺營銷的實施原則

活動2避免視覺營銷的誤區(qū)

活動1∣了解視覺營銷的實施原則

一年一度的“雙十一”大戰(zhàn)，是全鏈條式“大閱兵”，商家們都使出渾身解數(shù)爭奪眼球，各大電商主會場更是琳瑯滿目，讓人目不暇接，也正是這個時候，視覺設計的作用更加凸顯，甚至將直接導致進店流量的轉(zhuǎn)化。為了迎接“大閱兵”，美工團隊要根據(jù)視覺營銷的實施原則更新公司網(wǎng)店的裝修設計，視覺營銷有哪些實施的原則呢？我們跟隨小可一起了解一下吧！活動背景活動目標了解網(wǎng)店視覺營銷實施的基本原則,并能根據(jù)原則辨認視覺營銷設計頁面的好壞?；顒?∣了解視覺營銷的實施原則

真正優(yōu)秀的視覺設計不是獨立成環(huán)，而是與店鋪運營、文案、產(chǎn)品、品牌、消費者心理等各個因素緊密結(jié)合。視覺營銷實施的基本原則包括目的性、審美性、實用性三大原則。（1）了解視覺營銷實施的基本原則——目的性網(wǎng)店本身就是虛擬的店鋪，視覺是一切購買的前提，“一切不以銷售為目的的設計都是耍流氓”。所以，通過視覺沖擊力來吸引消費者形成購買是最主要目的。做視覺營銷絕對不是為了美，而是為了營銷。網(wǎng)店是由一張張圖片、文字、視頻組合起來的。文字要簡短精辟、富有吸引力，能引起共鳴；圖片設計顏色搭配合理，精致美觀，有視覺沖擊力；分析目標客戶群的需求，產(chǎn)品要全面展示產(chǎn)品概貌、功能、特征，讓人產(chǎn)生購買的欲望，以達到營銷勝利的效果。

活動實施活動1∣了解視覺營銷的實施原則

例如圖1.2.1所示的百度云攝像頭的5張大海報，幾個關鍵詞：隨時、安心、放心、可靠、省心，海報中的人物是家喻戶曉的superstar，并且整個頁面有一定的故事性和想象空間，讓人印象很深刻，并且引起了好奇心，能產(chǎn)生共鳴?；顒訉嵤┗顒?∣了解視覺營銷的實施原則

例如圖1.2.2所示的三只松鼠旗艦店的產(chǎn)品主圖設計，色彩搭配跟店鋪風格一致，促銷信息突出，產(chǎn)品圖片讓人垂涎欲滴，激發(fā)購買欲望?；顒訉嵤┗顒?∣了解視覺營銷的實施原則

（2）感受視覺營銷實施的基本原則——審美性視覺營銷自始至終都要注重視覺感受，試想如果店主看自己店鋪都不喜歡的話，又如何說服顧客下單呢?網(wǎng)店裝修好了是不是就可以撒手不管了呢？網(wǎng)店需要我們定期根據(jù)活動更新店鋪的布置，讓客戶們每次來都有一個很好的心情，因為隨著時間的推移，你的商店會引起審美疲勞。活動實施活動1∣了解視覺營銷的實施原則

（2）感受視覺營銷實施的基本原則——審美性例如圖1.2.3所示的小熊電器官方旗艦店，根據(jù)6.18年中大促活動精心布置的店鋪裝修，充分體現(xiàn)節(jié)日活動氛圍?；顒訉嵤┗顒?∣了解視覺營銷的實施原則

（3）認識視覺營銷實施的基本原則——實用性

實用性影響著顧客對網(wǎng)店的體驗度，如果顧客進入一家網(wǎng)店，網(wǎng)店的頁面設計文字過小無法看清內(nèi)容、圖片模糊不清、排版混亂無分類找不到相關產(chǎn)品、產(chǎn)品鏈接無效或跳轉(zhuǎn)錯誤等，都會造成顧客體驗不佳，流量白白流失的問題。所以，視覺營銷的實用性就是服務于好客戶的需求，權(quán)衡好可操作性，提高顧客對網(wǎng)店的體驗性。設計時巧妙地使用文字或圖片說明，使客戶更容易地熟悉商店的操作功能和產(chǎn)品的結(jié)構(gòu)。了解消費者自身的消費習慣，改進頁面設計的效果，提升其舒適性價值。活動實施活動1∣了解視覺營銷的實施原則

如圖1.2.4所示的小米官網(wǎng)手機廣告圖，設計風格能體現(xiàn)產(chǎn)品格調(diào)，提升產(chǎn)品品質(zhì)感，傳達信息明確精準，“立即搶購”的信息有助于顧客精準跳轉(zhuǎn)至產(chǎn)品的詳情頁，符合消費者的瀏覽習慣，很好地引導流量的轉(zhuǎn)化，很好地體現(xiàn)了視覺營銷設計的實用性?；顒訉嵤┗顒?∣了解視覺營銷的實施原則

通過本活動的學習，小可理解了網(wǎng)店視覺營銷實施的三大基本原則：目的性、審美性、實用性，并能根據(jù)三大原則，辨認視覺營銷設計頁面的好壞?；顒釉u價活動1∣了解視覺營銷的實施原則

雙11購物狂歡節(jié)以來，優(yōu)衣庫自2012年開始參與其中，并已連續(xù)6年蟬聯(lián)天貓雙十一服裝類銷售No.1，2019年雙11，優(yōu)衣庫全國門店在11月8日提前開搶，今年以歷史最快速度破天貓旗艦店10億銷售額的優(yōu)衣庫，這背后是到底蘊藏了什么秘密？請登陸“優(yōu)衣庫官方旗艦店”，根據(jù)視覺營銷三大原則，去分析優(yōu)衣庫如何從視覺上吸引顧客眼球，提高消費欲望，增加購買數(shù)量，實現(xiàn)利潤最大化？活動拓展內(nèi)容導航任務3∣提高視覺效果的配色工具

活動1初識配色軟件ColorSchemer

Studio

活動2體驗配色網(wǎng)

活動1∣初識配色軟件ColorSchemerStudio

視覺營銷是行業(yè)內(nèi)炙手可熱的名詞，是重要的營銷手段，能有效地提高網(wǎng)店的流量和轉(zhuǎn)化率。但是很多店鋪在做視覺營銷時存在很多誤區(qū)，我們跟隨小可一起了解店鋪視覺營銷的常見誤區(qū)，有效地趨利避害?；顒颖尘盎顒幽繕肆私獾赇佉曈X營銷的常見誤區(qū)，有效地避開誤區(qū)，提高視覺營銷設計效果?；顒?∣初識配色軟件ColorSchemerStudio

（1）認識視覺營銷的常見誤區(qū)——店鋪裝修無風格定位。店鋪裝修風格由賣家的產(chǎn)品和定位來決定，它體現(xiàn)著店鋪的格調(diào)，展示了店鋪的層次、特色、專業(yè)度，注重整體頁面的風格和表達形式、美感。但目前還有很多店鋪裝修無風格定位,如圖1.2.5所示店鋪裝修,雜亂的排版、色彩的搭配不符合整個店鋪主題、顏色太多等問題會造成產(chǎn)品視覺的混亂，更無風格可言。活動實施活動1∣初識配色軟件ColorSchemerStudio

（2）了解視覺營銷的常見誤區(qū)——店招定位不清晰。店招是作為整個店鋪的門面，是全店首屏且是最顯眼的位置，目的要讓消費者一進入到店鋪，在不了解產(chǎn)品的情況下對店鋪有所了解和產(chǎn)生良好的第一印象。因此，店招的作用一定要給客戶第一個清晰的定位。如圖1.2.6所示的“霍爽官方旗艦店”的店招，從店招來看很難了解該店主要銷售農(nóng)產(chǎn)品和產(chǎn)品特色。店招的定位不清晰，店鋪logo、文案內(nèi)容、文字排版也沒有很好設計，店招色彩搭配不能凸顯原生態(tài)農(nóng)產(chǎn)品的理念，店招上的新品發(fā)布的信息也不足以吸引顧客進行點擊查看。活動實施活動1∣初識配色軟件ColorSchemerStudio

范例：如圖1.2.7所示，以“明祖湖旗艦店”為例，同樣是買農(nóng)產(chǎn)品，該店從店招上就能一目了然地知道該店的主營產(chǎn)品為芡實。logo加上廣告語“食之以芡養(yǎng)之以身”，讓整個店招飽滿又不顯得雜亂，同時，店招上擺放近期活動產(chǎn)品，能有效地提高銷量，再加上“關注”店鋪的按鈕，這樣既簡單方法又能提高店鋪的收藏量?；顒訉嵤┗顒?∣初識配色軟件ColorSchemerStudio

（3）認識視覺營銷的常見誤區(qū)——首屏視覺和排版重視度不夠。首屏是全店的黃金區(qū)域，是買家進入店鋪的第一眼視覺落腳點，一定要極度重視。在首屏的設置上，可以通過設置店鋪促銷信息、品牌宣導等方式來吸引消費者繼續(xù)閱讀并關注產(chǎn)品。如圖1.2.8所示網(wǎng)店首屏就是一堆文字，產(chǎn)品訴求點表達不清，視覺上沒有沖擊力，文字排版缺乏主次之分，整體顯得十分凌亂。不管促銷信息力度有多大，很容易讓消費者產(chǎn)生厭煩的情緒而忽略文字內(nèi)容。這些都是首屏視覺營銷很大的敗點?；顒訉嵤┗顒?∣初識配色軟件ColorSchemerStudio

范例：如圖1.2.9所示吃貨電器官方旗艦店，首屏設計有視覺沖擊力，紅黃綠色彩搭配，營造濃濃中國年，突出店鋪年貨節(jié)大促活動主題和促銷利益點，并利用圖片輔助讓買家快速了解店鋪優(yōu)惠信息。在排版上主次分明，重點突出?；顒訉嵤┗顒?∣初識配色軟件ColorSchemerStudio

（4）了解視覺營銷的常見誤區(qū)——寶貝陳列展示視覺效果不夠突出。

寶貝陳列是店鋪經(jīng)營中需要掌握的必備技巧，好的陳列展示能為買家?guī)碛鋹偟男那?、體驗、進而激發(fā)他們的購買的欲望。如圖1.2.10所示的清晰的圖片化產(chǎn)品類目導航，圖形化的產(chǎn)品類目導航放置在首頁，能夠讓新顧客看到店鋪里的相關的產(chǎn)品目錄?；顒訉嵤┗顒?∣初識配色軟件ColorSchemerStudio

常見的寶貝陳列的操作誤區(qū)有產(chǎn)品搭配無系列感，設計不統(tǒng)一，畫面雜亂無章、產(chǎn)品圖片沒有感染力、產(chǎn)品陳列區(qū)域?qū)氊惖臄?shù)量和品種過多，導致顧客失去耐心等問題。如圖1.2.11所示店鋪陳列，產(chǎn)品主圖設計不統(tǒng)一，產(chǎn)品搭配無系列感，產(chǎn)品圖沒有感染力，不能吸引連帶消費，文字沒有統(tǒng)一的排版設計，寶貝陳列區(qū)雜亂不堪。?；顒訉嵤┗顒?∣初識配色軟件ColorSchemerStudio

通過本活動的學習，小可能根據(jù)店鋪主營產(chǎn)品確定裝修風格定位，了解店招定位和作用，非常重視首屏視覺和排版，注重寶貝陳列展示視覺效果，提升了購物體驗?；顒釉u價活動1∣初識配色軟件ColorSchemerStudio

老金磨方旗艦店是一家“賣食補養(yǎng)生”類目為主的天貓店，老金磨方自身由民國時期開創(chuàng)至今也逾百年，該店在同行類目中脫穎而出，視覺差異化做的非常好，顧客無不被該店濃郁的民國設計風所吸引和感嘆為何如此美麗。請在淘寶網(wǎng)上登陸“老金磨方旗艦店”，分析該網(wǎng)店如何避開本活動中所述的視覺設計誤區(qū)，讓店鋪更有美感，差異化，給消費者更好的購物體驗?；顒油卣箖?nèi)容導航任務3∣提高視覺效果的配色工具任務3∣提高視覺效果的配色工具

色彩搭配能力是一名合格的網(wǎng)店美工的基本職業(yè)素養(yǎng)。色彩是視覺上的感應，網(wǎng)店設計讓人看上去舒適，協(xié)調(diào)，除了文字，圖片等內(nèi)容的合理排版，色彩的均衡也是相當重要的一個部分，配色方案直接關系到設計的效果。然而，對于初學者來說，色彩搭配總是讓人難以琢磨，當我們裝修店鋪或是處理圖片時，時常是確定了某種基色，卻找不到相應的其他顏色予以搭配而一籌莫展時，我們需要借助配色工具，幫助美工人員找到最合適的色彩搭配方案。通過本任務，我們跟隨小可一起學習配色工具，提高我們的色彩搭配能力吧！情景設計任務3∣提高視覺效果的配色工具

任務分解

本任務通過學習配色軟件和掌握配色網(wǎng)的配色技巧，提高美工師的色彩搭配能力，提升網(wǎng)店的視覺營銷設計效果，本任務主要分為以下2個活動：①初識配色軟件ColorSchemerStudio；②體驗配色網(wǎng)。內(nèi)容導航任務3∣提高視覺效果的配色工具

活動1初識配色軟件ColorSchemer

Studio

活動2體驗配色網(wǎng)

活動1∣初識配色軟件ColorSchemerStudio

電子商務專業(yè)學生小可即將畢業(yè)了，可是她沒有扎實的美術基礎，對于色彩搭配沒有把握，每次網(wǎng)店設計時總是無從下手，設計出來的作品總是存在色彩搭配失衡、色彩不夠和諧、信息點不突出等問題，作品更是難以讓人產(chǎn)生“美”的感受。為了提高色彩搭配的能力，小可了解到配色工具(ColorSchemerStudio)是一款專業(yè)的配色軟件，具有顏色盤、實時方案、色彩合成器等顏色匹配工具，可以幫助美工人員快速找到最佳的色彩搭配方案。活動背景活動目標了解配色工具ColorSchemerStudio的功能，能使用該軟件的顏色盤、實時方案、色彩合成器，快速找到最佳的色彩搭配方案。活動1∣初識配色軟件ColorSchemerStudio

（2）知道配色方法1-----確定主色調(diào)，查找實時配色方案。在網(wǎng)店裝修設計時，我們經(jīng)常會確定了某種顏色為基本顏色，即基色，卻很難找到與之匹配的其他顏色，尤其對于新手美工從業(yè)者來說，色彩搭配經(jīng)常會出現(xiàn)不協(xié)調(diào)、太“跳”、不高級、色彩過于統(tǒng)一無變化，導致畫面蒼白無力等問題。ColorSchemerStudio軟件可以通過確定基本色入手，找到與之匹配的漸變色、同色系、對比色等，操作如下圖1.3.2所示：在“基本顏色”標簽中設置一個基本色作為主色調(diào)，選擇“實時方案”，即可獲得配色方案，該方案選擇的2種顏色與基本色色相不同，但是明度、純度基本一樣。這樣不失統(tǒng)一又有色相的顏色對比，該配色方案常用于網(wǎng)店裝修設計中?；顒訉嵤┗顒?∣初識配色軟件ColorSchemerStudio

除了獲得實時配色方案之外，該軟件還提供了“混合器”和“漸變”功能，可以實現(xiàn)基本色與白色、其他顏色之間形成漸變色，以獲取更豐富的配色方案?！盎旌掀鳌辈僮魅缦聢D1.3.3所示，“漸變”操作如下圖1.3.4所示：活動實施活動1∣初識配色軟件ColorSchemerStudio

（3）掌握配色方法2-----利用商品顏色獲取配色方案。在網(wǎng)店裝修中，商品圖片占據(jù)網(wǎng)店大部分內(nèi)容。所以，商品圖片是制定配色方案的一個重要的參考因素，ColorSchemerStudio軟件可以打開產(chǎn)品圖片，獲取商品圖片中的顏色，提取最有代表性的顏色獲取配色方案，操作如圖1.3.5所示。也可以將商品圖片進行“馬賽克”處理，幫助快速顯示出照片中的主要色彩。我們可以根據(jù)網(wǎng)店的裝修風格選擇需要的顏色進行搭配，操作如圖1.3.6所示：活動實施活動1∣初識配色軟件ColorSchemerStudio

（4）掌握配色方法3-----參考官網(wǎng)的配色方案。ColorSchemerStudio軟件不但可以自主配色，還提供了“圖庫瀏覽器”鏈接到官網(wǎng)圖庫，里面有百萬種配色方案可選用。具體操作方法如圖1.3.7、圖1.3.8所示。活動實施活動1∣初識配色軟件ColorSchemerStudio

（5）預覽配色方案的應用效果。選定了配色方案之后，可以通過“快速預覽”查看配色的效果，直接將設置好的顏色拖拽到預覽窗口，選擇一種頁面布局方式，將確認的顏色一一拖拽到文字、邊框上，即可實時觀看配色效果，具體操作如圖1.3.9所示?；顒訉嵤┗顒?∣初識配色軟件ColorSchemerStudio

通