《網店美工》走進視覺營銷與美工設計ContentsPage目錄頁—2

—

任務1視覺色彩心理

任務2視覺營銷任務3網店美工ContentsPage目錄頁—3

—

任務1視覺色彩心理1.1.1色彩分類與屬性1.1.2色彩搭配與網店

任務2視覺營銷1.2.1視覺營銷目的與原則1.2.2視覺營銷的流程整合任務3網店美工1.3.1網店美工簡介1.3.2網店美工運營之手1.3.3美工成長路徑項目一視覺營銷與美工設計【項目導圖】

【本項目重點難點】

掌握色彩的分類、屬性和色彩搭配；掌握視覺營銷的原則及流程整合，掌握網店的崗位圖表及美工崗位能力要求。

作為網店品牌裂帛，它以出色的產品以及高質感的視覺營銷在年輕群體中迅速站穩腳跟。它的風格無拘無束，有著狂喜、神秘、流浪、異域的意態氣場。那么，裂帛究竟是通過怎樣的方式向消費者展示自己產品呢？

【引例】裂帛的視覺營銷裂帛的店鋪視覺，從色彩定位、版面布局、品牌故事頁面梳理、描述頁面策劃等等，都講求精益求精；視覺形象分明，沖擊力強；讓人印象深刻。

裂帛的產品主要走民族風格+流行設計元素，產品以棉麻絲毛為高質感為原料。產品圖片大膽的色彩搭配以及深刻的視覺沖擊讓人耳目一新。讓人看到產品圖片的那一刻起，就能明白設計要表達的靈魂理念，從而忘不了。【引例】裂帛的視覺營銷

從上面案例可以看出，裂帛作為快時尚網絡品牌之所以能夠成功的原因，就是抓住了視覺營銷這么一個概念。

店鋪的視覺，結合了品牌的特色，兩者相統一，帶給了人們不一樣的視覺印象，表達給消費者的是品牌風格、品牌故事。

消費者愿意為故事而買單，達到情感營銷的效果。另外還能起到圈粉的效果，增加店鋪的關注度。

【引例分析】ContentsPage目錄頁—9

—

任務1視覺色彩心理

任務2視覺營銷任務3網店美工

我們打開網店的頁面后，首先看到的是店鋪色彩帶給我們的視覺感受。合理的色彩搭配會對人產生心理影響，甚至在不知不覺中左右、引導、影響人們的情緒。

顏色的鮮亮在不同程度上給人的情緒也是不同的，紅橙黃三種色彩明亮且充滿活力,藍綠兩種色彩則讓人舒心愜意。

網店裝修設計中的搭配色彩事關重要，色彩運用合理度可以直接影響買家對店鋪的好感程度及店鋪的轉化率。任務一視覺色彩心理1.1.1色彩分類與屬性1．色彩分類：色彩分為兩種，一種是無彩色，另一種是有彩色。

無彩色是指除了彩色以外的顏色，常見的顏色有黑色、白色和灰色。無彩色視覺海報圖視覺兩把利器-圖片+文字

有彩色就是除了黑色、白色和灰色以外的顏色，它的基本色包括了以紅、橙、黃、綠、藍、紫等。1.1.1色彩分類與屬性有彩色-紅色視覺海報圖

2．色彩屬性1.1.1色彩分類與屬性

色彩三屬性明度對比飽和度對比1.1.1色彩分類與屬性（1）色相：顧名思義即色彩的相貌。它是由原色、間色和復色來構成的。1.彩色系2.非彩色系1）.色相2）.飽和度（也稱彩度、純度）3）.明度色彩的分類與屬性總結圖1）.顏色只有一種基本性質明度2)無色相和飽和度，理論上值等于0非彩色系是白色、黑色和由白色黑色調合形成的各種深淺不同的灰色。3．色彩的感覺與象征

色彩作為一種客觀存在，可以表現豐富的情感效應，這就是色彩的感覺與象征。（1）色彩的冷暖感（2）色彩的輕重感（3）色彩的空間感1.1.1色彩分類與屬性色彩的冷暖根據人們的心理和視覺判斷，色彩有冷暖之分，可分為三個類別：暖色系（紅、橙、黃），冷色系（藍、綠、藍紫），中性色系（綠、紫、赤紫、黃綠等）。1、同類色搭配—簡潔清爽1.1.2色彩搭配與網店同類色運用1.1.2色彩搭配與網店

同類色網店頁面2、鄰近色搭配—舒適自然1.1.2色彩搭配與網店領近色運用1.1.2色彩搭配與網店

領近色海報圖3、互補色搭配—層次鮮明1.1.2色彩搭配與網店互補色運用1.1.2色彩搭配與網店

互補色海報圖ContentsPage目錄頁—24

—

任務1視覺色彩心理

任務2視覺營銷任務3網店美工

隨著電子商務的快速發展，網店也越來越多，各類商品琳瑯滿，讓顧客的選擇余地也大大增加。

與此同時，給商家也帶來了巨大的壓力，要想如何運營網店，不花任何廣告費也能進行產品推廣，從而吸引顧客的注意力，這都是需要考慮的問題。

視覺營銷的重要性，在此刻就得到了較好的體現。做好視覺營銷，不但能得到顧客對網站的關注，還能引導顧客進行消費，從而能在顧客心中樹立良好的品牌形象。任務2視覺營銷1.視覺營銷定義視覺營銷（VisualMarketing）：是指利用色彩、圖像、文字等媒體因素，造成視覺沖擊力吸引潛在顧客的關注，由此增加產品、品牌及店鋪的吸引力，從而達到銷售的目的。1.2.1視覺營銷目的與原則視覺營銷手段目的從手段抓起，目的是最終導向1.視覺營銷流程四步驟1.2.2視覺營銷的流程整合調研（查）市場調研，也可以稱之為前場前瞻。規劃（想）想什么？就是分析受眾的生活方式、消費習慣、審美取向，以及用戶群的需求等，以便體現在設計當中。設計（做）做就是根據前期調研和設想，來構思設計圖，然后運用各種素材進行設計。投放（推）將設計成果通過各種途經、選擇不同的渠道進行推廣。2.視覺營銷目的1.2.1視覺營銷目的與原則3.視覺營銷原則1.2.1視覺營銷目的與原則視覺營銷3原則123目的性審美性實用性做好商品主圖,抓住消費者眼球；合理規劃頁面架構。主次分明、重點突出；做好店招。刺激買家的眼球，并記住店鋪；分析目標客戶群需求。在商品詳情頁面中針對產品屬性和特色，讓別人一眼就能看出來效果和產生購買的欲望。①網店裝修設計中要充分運用視覺引導、“黃金分割”、色彩搭配等平面設計理論；②定期更換店鋪頁面。讓客戶們每次來都有一個很好的心情。①要注意視覺應用的統一②巧妙利用文字或者圖片說明。讓消費者輕松熟悉店鋪的操作功能和商品的分類結構，方便消費者快速找到商品、下單和獲得幫助。店鋪商品和用戶角度1.2.2視覺營銷的流程整合店鋪的商品商品結構體系 商品價格體系等決定“店鋪結構”和“頁面結構”店鋪的用戶群社會層次 消費能力生活習慣等決定“店鋪風格”和“商品陳列”1.2.2視覺營銷的流程整合思考策劃結構規劃頁面實現設計維護調整具體操作流程步驟2.分析目標客戶群體的需求進行視覺營銷1.2.2視覺營銷的流程整合

消費者人群因素ContentsPage目錄頁—33

—

任務1視覺色彩心理

任務2視覺營銷任務3網店美工網店美工是淘寶、天貓、京東、亞馬遜、微店等電商平臺網店頁面編輯美化、視覺設計的工作人員。

1.3.1網店美工簡介

需熟練掌握各種圖片、視頻軟件，如Photoshop、Illustrator、C4D、Dreamweaver、光影魔術手、會聲會影等，熟悉頁面布局，了解產品特性，能設計有思想、有創意、能觸動消費者、產生共鳴、贏得消費者心智的圖片。網店美工職責一、進行網站商品圖的拍攝和詳情頁的描述制作。網店美工職責二、網站各種頁面的設計與裝修網店美工職責三、網店的編輯描述1.3.1網店美工簡介

網店美工職責

1.3.2網店美工運營之手

內外貿公司網店運營崗位圖1.3.2網店美工運營之手銷售額公式圖1.美工成長路徑

1.3.3美工成長路徑

視覺營銷3原則123初級美工（美工助理）中級美工（美工專員）高級美工（美工設計師）

1.3.3美工成長路徑

網店視覺設計師2.美工初學者建議（以下圖為例，圖例分析）1.3.3美工成長路徑1.3.3美工成長路徑廣告圖排版

隨著社會的不斷發展，電子商務發展，視覺營銷也越來越重要。對于視覺營銷一定要講究顧客的需求，即要把產品的信息放在最前面。

大家都知道視覺