淘寶大學(xué)-第一章-視覺營銷及店鋪裝修-上.ppt

1、淘寶大學(xué)電商精英專才系列課程,1,視覺營銷與裝修店鋪 上,淘寶大學(xué)電商精英專才系列課程,能夠應(yīng)用用科學(xué)的方法，熟練的配色和調(diào)色 如何進行首頁布局、店招、自定義促銷區(qū)設(shè)計 制作寶貝描述頁、制作自定義頁、寶貝規(guī)劃及分類,本課程適合有一定的美工基礎(chǔ)，能夠熟練應(yīng)用網(wǎng)頁三劍客、photoshop及相關(guān)設(shè)計軟件，及在設(shè)計中遇到瓶頸的網(wǎng)店美工。,視覺營銷與店鋪裝修,為什么要裝修店鋪,視覺營銷,配色技巧,圖像的擺放,文字的處理,課程大綱,色彩的屬性,調(diào)配色技巧,寶貝描述,首頁布局,焦點圖、促銷區(qū),店招,分類,自定義頁面,為什么要店鋪裝修？,店鋪更好看唄？,更吸引人？,讓我的生意更好？,店鋪好，心情好！,應(yīng)該更

2、容易被買家看到吧？,裝修效果案例對比,商家A,商家B,不同裝修商家數(shù)據(jù)對比,視覺營銷,您認為視覺營銷中什么更重要？,美觀,創(chuàng)意,傳達,淘寶大學(xué)電商精英專才系列課程,視覺營銷概念,視覺營銷是作好營銷必不可少的營銷手段之一，所謂視覺營銷就是利用色彩、圖像、文字等造成的沖擊力吸引潛在顧客的關(guān)注，由此增加產(chǎn)品和網(wǎng)站的吸引力，從而達到營銷制勝的效果。,視覺營銷 配色技巧,紅色：熱情 權(quán)威 自信 粉色：溫柔 甜美 浪漫 黑色：高貴 權(quán)威 創(chuàng)意 灰色：誠懇 考究 沉穩(wěn) 藍色：希望 理想 獨立 紫色：優(yōu)雅 浪漫 高貴 綠色：清新 活力 安全,給你點顏色看看,色彩基本概念,自然界中的顏色可以分為非彩色和彩色兩大

3、類。 非彩色指黑色、白色和各種深淺不一的灰色，而其他所有顏色均屬于彩色。,是色彩的相貌，根據(jù)波長的不同，產(chǎn)生不同的色彩，如紅、綠、藍等,指色彩的亮度，即色彩的深淺,指色彩的鮮艷度,任何一種彩色具有三個屬性,非彩色只有明度特征，沒有色相和飽和度的區(qū)別,色彩基本概念色相,色彩基本概念飽和度,色彩基本概念明度,色彩基本概念非彩色,練習(xí),網(wǎng)頁色彩的搭配,1用一種色彩。這里是指先選定一種色彩，然后調(diào)整透明度或者飽和度，(說得通俗些就是將色彩變淡或則加深)，產(chǎn)生新的色彩，用于網(wǎng)頁。這樣的頁面看起來色彩統(tǒng)一，有層次感。,如何配出同一種色彩,用一種色彩： 保證色調(diào)和飽和度不變，調(diào)亮度,網(wǎng)頁色彩的搭配,1用一種

4、色彩。這里是指先選定一種色彩，然后調(diào)整透明度或者飽和度，(說得通俗些就是將色彩變淡或則加深)，產(chǎn)生新的色彩，用于網(wǎng)頁。這樣的頁面看起來色彩統(tǒng)一，有層次感。 2選第二種色彩。先選定一種色彩，然后選擇它的對比色。,=187-148,用黃金分割法取對比色,黃金分割的比例值 為0.618，240*0.618=148 y=(148240)-148，色相可以任意調(diào) 建議:不要用亮度值在92147之間的顏色，作為大面積的背景色！ y=(092)+148，色相可以任意調(diào),=46+148,為什么呢？,以下畫面可能會讓你感到不適，請做好心理準備！,眼睛流淚了吧？！它們的亮度值都是120，是最亮的顏色這樣做不禮貌喲

5、！_,網(wǎng)頁色彩的搭配,1用一種色彩。這里是指先選定一種色彩，然后調(diào)整透明度或者飽和度，(說得通俗些就是將色彩變淡或則加深)，產(chǎn)生新的色彩，用于網(wǎng)頁。這樣的頁面看起來色彩統(tǒng)一，有層次感。 2選第二種色彩。先選定一種色彩，然后選擇它的對比色。 3用一個色系。簡單的說就是用一個感覺的色彩，例如淡藍，淡黃，淡綠；或者土黃，土灰，土藍。,網(wǎng)頁色彩的搭配同一色系,同一色系：保證亮度不變，調(diào)色相,同一種顏色,對比色,同一色系,在配色中，還要切記一些誤區(qū)：,1不要將所有顏色都用到，盡量控制在三種色彩以內(nèi)。 2背景和前文的對比盡量要大，(絕對不要用花紋繁復(fù)的圖案作背景)，以便突出主要文字內(nèi)容。,練習(xí),請給這個店

6、招重新設(shè)置對比色,您學(xué)會了嗎？呵呵！_,如何把握好風(fēng)格,統(tǒng)一的外觀，界面友好，易使用。 突出你的標準色彩。 將你的標志logo，盡可能的放在每個頁面上最突出的位置。 相同類型的圖像采用相同效果,自己的喜好 根據(jù)自己店鋪主營項目 從客戶的角度出發(fā) 裝修風(fēng)格必須應(yīng)季,從哪些方面來選擇風(fēng)格呢？,自己的喜好 根據(jù)自己店鋪主營項目 從客戶的角度出發(fā) 裝修風(fēng)格必須應(yīng)季,從哪些方面來選擇風(fēng)格呢？,自己的喜好 根據(jù)自己店鋪主營項目 從客戶的角度出發(fā) 裝修風(fēng)格必須應(yīng)季,從哪些方面來選擇風(fēng)格呢？,自己的喜好 根據(jù)自己店鋪主營項目 從客戶的角度出發(fā) 裝修風(fēng)格必須應(yīng)季,從哪些方面來選擇風(fēng)格呢？,自己的喜好 根據(jù)自己店

7、鋪主營項目 從客戶的角度出發(fā) 裝修風(fēng)格必須應(yīng)季,從哪些方面來選擇風(fēng)格呢？,自己的喜好 根據(jù)自己店鋪主營項目 從客戶的角度出發(fā) 裝修風(fēng)格必須應(yīng)季,從哪些方面來選擇風(fēng)格呢？,風(fēng)格設(shè)置,風(fēng)格設(shè)置,淘寶大學(xué)電商精英專才系列課程,店鋪裝修流程,設(shè)置風(fēng)格,首頁截圖,設(shè)計首頁整體效果圖,視覺營銷 圖片的擺放,首頁布局,視覺營銷的基本原則,“一屏論”首頁布局,-把最重要的信息放在“一屏” -下面的節(jié)目“更精彩”,審美的一般規(guī)律,-黃金分割；,審美性,黃金分割,1.618 : 1或1 : 0.618,-大多數(shù)門窗的寬長之比 也是0.618,-人們的肚臍是人體總長 的黃金分割點,-人的膝蓋是肚臍到腳跟 的黃金分割

8、點,黃金分割與淘寶,黃金分割與淘寶,黃金分割與淘寶,淘寶大學(xué)電商精英專才系列課程,自定義促銷區(qū)設(shè)計,淘寶大學(xué)電商精英專才系列課程,促銷區(qū)的設(shè)計要點,促銷區(qū)好比線下店鋪的櫥窗 促銷區(qū)作用是什么？不僅僅是促銷，而是體現(xiàn)店鋪的“不可替代性”,淘寶大學(xué)電商精英專才系列課程,促銷區(qū)“不可替代性”表現(xiàn),服務(wù) 品質(zhì) 價格 特殊效果 品牌效應(yīng) 促銷活動,淘寶大學(xué)電商精英專才系列課程,突出重點！,淘寶大學(xué)電商精英專才系列課程,重點太多，就沒了重點,突出重點！,淘寶大學(xué)電商精英專才系列課程,促銷頻道首頁第2輪播焦點圖,時間：2011-2-9 PV:355274 點擊：17981 點擊率：5.06%,淘寶大學(xué)電商精

9、英專才系列課程,促銷頻道首頁第2輪播焦點圖,時間：2011-2-21 PV: 324356 點擊： 1372 點擊率： 0.42%,淘寶大學(xué)電商精英專才系列課程,思考,您的店鋪 “不可替代”的是什么？ 您的店鋪針對的消費人群是怎樣的？ 您的店鋪的潛在消費者的需求是什么？,淘寶大學(xué)電商精英專才系列課程,促銷區(qū)設(shè)計(實例分析),奔騰無水焗電壓力鍋焦點圖設(shè)計要求: 1、突出無水焗的功能，可以最大限度的鎖住 食物的營養(yǎng) 2、可以做出很多種美味食物 3、顯示出其是高科技的產(chǎn)物 4、頁面設(shè)計要大氣、感覺產(chǎn)品很高貴,淘寶大學(xué)電商精英專才系列課程,淘寶大學(xué)電商精英專才系列課程,頁面設(shè)計要大氣,淘寶大學(xué)電商精英

10、專才系列課程,感覺產(chǎn)品很高貴,淘寶大學(xué)電商精英專才系列課程,感覺產(chǎn)品很高貴,淘寶大學(xué)電商精英專才系列課程,可以做出很多種美味食物,淘寶大學(xué)電商精英專才系列課程,顯示出其是高科技的產(chǎn)物,淘寶大學(xué)電商精英專才系列課程,顯示出其是高科技的產(chǎn)物,淘寶大學(xué)電商精英專才系列課程,最大限度的鎖住食物的營養(yǎng),淘寶大學(xué)電商精英專才系列課程,打造品牌,淘寶大學(xué)電商精英專才系列課程,店招,淘寶大學(xué)電商精英專才系列課程,店招的作用,招牌品牌展示的窗口 如何設(shè)置？ 要有明確的品牌定位和產(chǎn)品定位,淘寶大學(xué)電商精英專才系列課程,店鋪賣什么的，你知道嗎？,想一想！,有明確的品牌定位，但產(chǎn)品定位不明確,淘寶大學(xué)電商精英專才系列課程,店招要有明確的：品牌定位和產(chǎn)品定位,淘寶