《跨境電商視覺(jué)營(yíng)銷設(shè)計(jì)》課件-1.1視覺(jué)營(yíng)銷的體現(xiàn)與布局

項(xiàng)目一了解視覺(jué)營(yíng)銷跨境電商視覺(jué)營(yíng)銷設(shè)計(jì)CONTENTS目

錄任務(wù)一視覺(jué)營(yíng)銷基礎(chǔ)視覺(jué)營(yíng)銷設(shè)計(jì)要素提煉視覺(jué)創(chuàng)意任務(wù)二任務(wù)三Task

objectives任

務(wù)

目

標(biāo)視覺(jué)營(yíng)銷是將商品賣點(diǎn)、商品主要信息、品牌信息，通過(guò)文字、圖片或視頻等視覺(jué)元素傳達(dá)給消費(fèi)者，增加商品點(diǎn)擊率、轉(zhuǎn)化率，并提升品牌形象的整個(gè)過(guò)程。本任務(wù)將對(duì)視覺(jué)營(yíng)銷的基本概念、視覺(jué)營(yíng)銷的信息傳達(dá)、視覺(jué)營(yíng)銷的定位等知識(shí)進(jìn)行介紹。（一）什么是視覺(jué)營(yíng)銷視覺(jué)營(yíng)銷是現(xiàn)代商業(yè)隨著消費(fèi)需求從基本溫飽層面向精神層面發(fā)展應(yīng)運(yùn)而生的營(yíng)銷學(xué)科，旨在通過(guò)增強(qiáng)消費(fèi)者的視覺(jué)感受促進(jìn)銷售。在視覺(jué)營(yíng)銷中，視覺(jué)是手段，營(yíng)銷才是目的，視覺(jué)以營(yíng)銷為出發(fā)點(diǎn)，營(yíng)銷則通過(guò)視覺(jué)得以實(shí)現(xiàn)。因此，兩者是相輔相成的關(guān)系。傳統(tǒng)線下商品電商商品具有直接觸摸的優(yōu)勢(shì)，可以帶給消費(fèi)者真實(shí)的購(gòu)物體驗(yàn)商家通過(guò)視覺(jué)展示商品，消費(fèi)者通過(guò)視覺(jué)了解商品。（一）什么是視覺(jué)營(yíng)銷如果對(duì)視覺(jué)營(yíng)銷的文字進(jìn)行拆解，則“視”可以理解為眼睛看到的一切，“覺(jué)”可以理解為消費(fèi)者接收的信息，“營(yíng)”可以理解為營(yíng)造氛圍，“銷”可以理解為促成商品或服務(wù)的銷售。下面的商品圖片，從視覺(jué)營(yíng)銷的角度進(jìn)行分析，可發(fā)現(xiàn)商家從不同的方面向消費(fèi)者傳達(dá)了商品的信息。（二）視覺(jué)營(yíng)銷的信息傳達(dá)視覺(jué)營(yíng)銷的信息傳達(dá)是指通過(guò)視覺(jué)的展現(xiàn)傳達(dá)營(yíng)銷的信息，引起消費(fèi)者共鳴，進(jìn)而促成營(yíng)銷，其主要是通過(guò)店鋪的定位、店鋪的商品風(fēng)格、商品價(jià)格和促銷活動(dòng)的力度來(lái)體現(xiàn)的。3214店鋪的定位店鋪的商品風(fēng)格商品價(jià)格促銷活動(dòng)的力度（三）視覺(jué)營(yíng)銷的定位1．品牌型視覺(jué)定位品牌型視覺(jué)定位需要突出品牌優(yōu)勢(shì)，如愛(ài)馬仕至今還沿用一駕馬車的Logo，就是想通過(guò)Logo告訴消費(fèi)者自己的品牌定位，體現(xiàn)品牌的傳承優(yōu)勢(shì)。一般品牌型視覺(jué)定位的商品價(jià)格要高于同類商品，因此，在視覺(jué)營(yíng)銷的過(guò)程中要體現(xiàn)出品牌優(yōu)勢(shì)，弱化價(jià)格。（三）視覺(jué)營(yíng)銷的定位2．營(yíng)銷型視覺(jué)定位營(yíng)銷型視覺(jué)定位需要凸顯商品價(jià)格優(yōu)勢(shì)，利用價(jià)格優(yōu)勢(shì)銷售更多的商品。一般來(lái)說(shuō)，營(yíng)銷型視覺(jué)定位的店鋪，其商品價(jià)格要低于同類型商品，因此在視覺(jué)營(yíng)銷的過(guò)程中，需要開(kāi)展足夠的促銷活動(dòng)，以吸引消費(fèi)者，從而促進(jìn)商品銷售。Task

training任

務(wù)

實(shí)

訓(xùn)結(jié)合本任務(wù)所學(xué)知識(shí)，對(duì)該海報(bào)進(jìn)行分析，確認(rèn)其視覺(jué)營(yíng)銷定位。Task

training任

務(wù)

實(shí)

訓(xùn)掌握視覺(jué)營(yíng)銷的定位。實(shí)訓(xùn)目標(biāo)實(shí)訓(xùn)要求從“視”“覺(jué)”“營(yíng)”“銷”4個(gè)角度分析該衛(wèi)浴產(chǎn)品海報(bào)在視覺(jué)營(yíng)銷方面的體現(xiàn)。1、在“視”“覺(jué)”的環(huán)節(jié)。這張海報(bào)的視覺(jué)設(shè)計(jì)以浴室場(chǎng)景為主，整個(gè)場(chǎng)景色彩明快，溫馨、美觀。海報(bào)右下側(cè)為圖片視覺(jué)表現(xiàn)的主體——浴缸，與左上側(cè)文案相搭配，占據(jù)著視覺(jué)中心位置。海報(bào)通過(guò)場(chǎng)景展示將消費(fèi)者帶入沐浴的使用氛圍中，從而激發(fā)消費(fèi)者實(shí)訓(xùn)思路

對(duì)商品的購(gòu)買欲望。2、在“營(yíng)”“銷”的環(huán)節(jié)。該海報(bào)不僅成功營(yíng)造出商品的高品質(zhì)氛圍，巧妙借助色彩搭配抓住消費(fèi)者的視覺(jué)，同時(shí)利用“營(yíng)造夢(mèng)想的家”文案直接營(yíng)造出“溫情”的氛圍，文案和商品使用圖激發(fā)了消費(fèi)者對(duì)商品的好奇心和購(gòu)買欲，為最終的商品銷售做好了

鋪墊。Task

assessment任

務(wù)

考

核觀察右側(cè)的商品海報(bào)，填寫(xiě)表格并上交。Task

assessment任

務(wù)

考

核序號(hào)考核內(nèi)容分值（100分）說(shuō)明簡(jiǎn)述該海報(bào)是如何體現(xiàn)視覺(jué)營(yíng)銷的簡(jiǎn)述該海報(bào)是如何進(jìn)行視覺(jué)的傳遞的30分30分12分析該海報(bào)采用了哪種視覺(jué)營(yíng)銷定位，是如何進(jìn)行體現(xiàn)的40分3CONTENTS目

錄任務(wù)一視覺(jué)營(yíng)銷基礎(chǔ)視覺(jué)營(yíng)銷設(shè)計(jì)要素提煉視覺(jué)創(chuàng)意任務(wù)二任務(wù)三Task

objectives任

務(wù)

目

標(biāo)認(rèn)識(shí)視覺(jué)設(shè)計(jì)要素是進(jìn)行視覺(jué)設(shè)計(jì)的關(guān)鍵，本任務(wù)將分別對(duì)視覺(jué)設(shè)計(jì)要素中的視覺(jué)色彩、視覺(jué)文字和視覺(jué)構(gòu)圖等知識(shí)進(jìn)行介紹，讓讀者對(duì)視覺(jué)設(shè)計(jì)要素有一定的了解。（一）視覺(jué)色彩1．色彩的構(gòu)成要素在色彩的視覺(jué)搭配中，色相、明度、純度是色彩的三個(gè)要素，是人眼能夠正常感知色彩的基本條件，熟悉并靈活應(yīng)用三要素是進(jìn)行視覺(jué)設(shè)計(jì)的基礎(chǔ)。色相明度純度（一）視覺(jué)色彩1．色彩的構(gòu)成要素色相色彩的不同是由光的波長(zhǎng)的長(zhǎng)短差別所決定的，而色相是指這些不同波長(zhǎng)的色彩情況。商品海報(bào)，從色相的角度進(jìn)行分析，商品色彩以紅、黃為主，屬于暖色調(diào)，給人一種溫暖、熱情的感覺(jué)，搭配深紅色的背景色彩，營(yíng)造出一種濃厚熱烈的氛圍，與商品本身所代表的喜慶、幸福等寓意相融合，給人一種非常強(qiáng)烈的婚姻幸福感。（一）視覺(jué)色彩1．色彩的構(gòu)成要素明度明度可以簡(jiǎn)單理解為色彩的亮度，不同的色彩具有不同的明度，上圖背景采用深淺不一的藍(lán)色，給人一種干凈、純粹的感覺(jué)，下圖畫(huà)面的整體色彩明度較低，以黑色為主，青色、天藍(lán)色為點(diǎn)綴色，但由于點(diǎn)綴色的明度高，因此整個(gè)畫(huà)面會(huì)顯得較暗，反而具有科技感。（一）視覺(jué)色彩1．色彩的構(gòu)成要素純度純度（也叫飽和度，下文統(tǒng)稱為飽和度）是指色彩的純凈或者鮮艷程度。飽和度越高，色彩越鮮艷，視覺(jué)沖擊力越強(qiáng)。下圖為飽和度較高的海報(bào)，通過(guò)高飽和度的色彩對(duì)比，整個(gè)海報(bào)具有強(qiáng)烈的視覺(jué)沖擊力。（一）視覺(jué)色彩2．色彩的搭配原理原色。原色是指不能通過(guò)其他色彩的混合調(diào)配而得到的色彩，又稱“基本色”，是人眼在光的照射下所能感受到的基本色彩。色光三原色顏料三原色（一）視覺(jué)色彩2．色彩的搭配原理間色。間色也稱“二次色”，由三原色中的某兩種色彩混合而成。復(fù)色。復(fù)色也稱“三次色”，是指由任何兩個(gè)間色或3個(gè)原色混合而成的色彩。原色、間色與復(fù)色示意圖（一）視覺(jué)色彩2．色彩的搭配原理將這些色彩按照光譜在自然中出現(xiàn)的順序來(lái)進(jìn)行排列，形成首尾相接的圓形光譜，一共12種色彩，叫作12色相環(huán)。色環(huán)上色彩與色彩之間離得越近，對(duì)比度就越?。浑x得越遠(yuǎn)，對(duì)比度就越大。（一）視覺(jué)色彩3．色彩的搭配技巧色彩搭配是一門技術(shù)，靈活運(yùn)用色彩搭配技巧能增加圖片的視覺(jué)美觀度。白色被稱為全光色。在視覺(jué)營(yíng)銷中，白色能帶給人高級(jí)和科技的感覺(jué)，純白色會(huì)帶給人寒冷、嚴(yán)峻的感覺(jué)，所以在使用純白色時(shí)，都會(huì)摻一些其他的色彩，從而形成象牙白、米白、乳白、蘋果白等。（一）視覺(jué)色彩3．色彩的搭配技巧在視覺(jué)搭配中，黑色能給人高貴、穩(wěn)重、科技的感覺(jué)，許多科技類商品，如電視、攝影機(jī)、音箱大多采用黑色。（一）視覺(jué)色彩3．色彩的搭配技巧綠色本身會(huì)營(yíng)造出與健康相關(guān)的感覺(jué)，所以也經(jīng)常用于與健康相關(guān)的設(shè)計(jì)中。當(dāng)綠色和白色搭配使用時(shí)，可以給人自然清新的感覺(jué)。（一）視覺(jué)色彩3．色彩的搭配技巧高飽和度的藍(lán)色會(huì)營(yíng)造出一種整潔、輕快的感覺(jué)，低飽和度的藍(lán)色會(huì)給人一種都市化的現(xiàn)代派感覺(jué)。藍(lán)色和綠色、白色的搭配在日常生活中也是隨處可見(jiàn)的，藍(lán)色的應(yīng)用范圍很廣泛。（一）視覺(jué)色彩3．色彩的搭配技巧紅色是強(qiáng)有力、喜慶的色彩，給人熱情、有活力的感覺(jué)。高明度的紅色與灰色、黑色等色彩搭配使用，可以給人一種現(xiàn)代且激進(jìn)的感覺(jué)。低明度的紅色給人一種冷靜沉著的感覺(jué)，適合營(yíng)造古典的氛圍。（二）視覺(jué)文字1．字體的類型不同的字體類型可以帶給人不同的視覺(jué)感受，傳統(tǒng)的字體類型可分為楷、草、隸、篆、行5種，從視覺(jué)感觀與應(yīng)用的角度來(lái)講，還可以把字體類型分為宋體類、黑體類、書(shū)法體類和藝術(shù)體類4種。（二）視覺(jué)文字1．字體的類型宋體是比較傳統(tǒng)的字體，其字形較方正、纖細(xì)，結(jié)構(gòu)嚴(yán)謹(jǐn)，筆畫(huà)橫平豎直，末尾有裝飾，整體給人一種秀氣端莊的感覺(jué)，在保持極強(qiáng)筆畫(huà)韻律性的同時(shí)，能夠給人一種舒適醒目的感覺(jué)。（二）視覺(jué)文字1．字體的類型黑體又稱方體或等線體，沒(méi)有襯線裝飾，字形端莊，筆畫(huà)橫平豎直，筆跡粗細(xì)幾乎完全一致。黑體的商業(yè)氣息濃厚，其“粗”的特點(diǎn)能夠滿足消費(fèi)者對(duì)于文案“大”的要求，常表現(xiàn)陽(yáng)剛、氣勢(shì)、端正等含義，可用于科技、數(shù)碼、運(yùn)動(dòng)等商品海報(bào)或商品詳情頁(yè)等大面積使用文字的頁(yè)面中。（二）視覺(jué)文字1．字體的類型書(shū)法體是指具有書(shū)法風(fēng)格的字體，主要包括隸書(shū)、行書(shū)、草書(shū)、篆書(shū)和楷書(shū)等類型的字體。書(shū)法體能賦予商品較強(qiáng)的文化底蘊(yùn)，字形自由多變、頓挫有力，力量中摻雜著文化氣息，常帶給人一種古典文化的美好意境。（二）視覺(jué)文字1．字體的類型藝術(shù)體是指一些非常規(guī)的特殊印刷字體，一般是為美化版面而采用的。其筆畫(huà)和結(jié)構(gòu)大都進(jìn)行了一些形象化處理，常用于商品海報(bào)制作或模板設(shè)計(jì)的標(biāo)題部分，可提升藝術(shù)品位。（二）視覺(jué)文字2．文字組合形式當(dāng)確定畫(huà)面中運(yùn)用的字體后，還需要對(duì)文字進(jìn)行組合排版，讓畫(huà)面的展現(xiàn)效果更加充實(shí)、美觀。根據(jù)風(fēng)格選擇字體文字的可讀性字體的搭配（三）視覺(jué)構(gòu)圖平衡式構(gòu)圖法在視覺(jué)設(shè)計(jì)中，平衡感是很重要的，一般情況下，為保證視覺(jué)平衡，會(huì)使用左圖右文、左文右圖、上文下圖、中心構(gòu)圖等構(gòu)圖方式。（三）視覺(jué)構(gòu)圖韻律式構(gòu)圖法除了平衡感外，視覺(jué)整體的韻律感也是非常重要的。與音樂(lè)中的韻律相似，視覺(jué)設(shè)計(jì)也需要節(jié)拍、節(jié)奏以及各種元素的組合，形成統(tǒng)一、連貫、舒適的整體頁(yè)面。（三）視覺(jué)構(gòu)圖切割構(gòu)圖法適當(dāng)?shù)漠?huà)面切割能夠增強(qiáng)頁(yè)面的動(dòng)感與節(jié)奏感，加入幾根線條、幾個(gè)塊面就能使頁(yè)面起到意想不到的效果。設(shè)計(jì)時(shí)需要注意，素材不宜太過(guò)復(fù)雜和花哨，一般以純色大塊搭配漸變。（三）視覺(jué)構(gòu)圖流程構(gòu)圖法流程構(gòu)圖法類似樹(shù)杈結(jié)構(gòu)，以流程圖的方式展示商品。這種構(gòu)圖方式能夠?qū)⒏鞑襟E、各個(gè)節(jié)點(diǎn)以及整體流向展示清楚，配合圖片展示將一個(gè)枯燥的流程瞬間變得個(gè)性十足，讓消費(fèi)者瀏覽起來(lái)更輕松，并且充滿趣味性。（三）視覺(jué)構(gòu)圖放射構(gòu)圖法放射構(gòu)圖法是指以主體物為核心，將核心作為構(gòu)圖的中心點(diǎn)并向四周擴(kuò)散的一種構(gòu)圖方式。Task

training任

務(wù)

實(shí)

訓(xùn)結(jié)合本任務(wù)所學(xué)知識(shí)，賞析工程線纜旗艦店首頁(yè)，通過(guò)對(duì)其色彩、構(gòu)圖、文字等進(jìn)行分析，學(xué)習(xí)其色彩搭配和版式布局的方法。Task

training任

務(wù)

實(shí)

訓(xùn)（1）掌握首頁(yè)的色彩搭配和布局方法。（2）掌握文字的表現(xiàn)方式。實(shí)訓(xùn)目標(biāo)實(shí)訓(xùn)要求根據(jù)實(shí)訓(xùn)目標(biāo)，需要先了解工程線纜旗艦店首頁(yè)中包含的信息和內(nèi)容，再分析其中的色彩搭配和布局方法。1、打開(kāi)工程線纜旗艦店的首頁(yè)，經(jīng)觀察，該店鋪首頁(yè)采用明度較高的綠色，屬于較鮮亮的色彩。2、文字字體以宋體為主，畫(huà)面簡(jiǎn)潔、大方。由于頁(yè)面中的板塊和文案具有促銷效果，可單擊此板塊鏈接進(jìn)入相應(yīng)的活動(dòng)頁(yè)面。實(shí)訓(xùn)思路3、頁(yè)面布局采用平衡式