視覺營銷策略的布局

視覺營銷策略的布局營銷界有個(gè)著名的“7秒定律”，即消費(fèi)者會在7秒內(nèi)決定是否有購買商品的意愿，而在這短短的7秒內(nèi)，色彩的決定因素占比為67％，可見視覺營銷中配色的重要性。除色彩元素外，消費(fèi)者對圖形元素的感知也極為敏銳，在視覺營銷中利用一些主次分明的構(gòu)圖法，也能吸引消費(fèi)者的眼球。目錄contents01視覺營銷中的色彩運(yùn)用02視覺營銷中的構(gòu)圖Part/

01視覺營銷中的色彩運(yùn)用商家要想讓自己的網(wǎng)店在眾多網(wǎng)店中脫穎而出，做好網(wǎng)店的視覺營銷設(shè)計(jì)至關(guān)重要。而在網(wǎng)店視覺營銷設(shè)計(jì)中，最能吸引消費(fèi)者的因素就是色彩。不同的色彩產(chǎn)生的生理和心理效應(yīng)不同，不同的商品也有不同的色彩特性。因此，在網(wǎng)店視覺營銷中，只有將色彩搭配運(yùn)用得恰到好處，才能制作出獨(dú)特的藝術(shù)效果。3.1.1色彩的聯(lián)覺現(xiàn)象不同的色彩會給人帶來不一樣的心理感受與聯(lián)想。在心理學(xué)上，對一種感官的刺激觸發(fā)另一種感官的心理現(xiàn)象被稱為聯(lián)覺現(xiàn)象，而色彩的聯(lián)覺現(xiàn)象也可以簡單地理解為由色彩引發(fā)的聯(lián)想。不同色彩給人帶來的心理感受與聯(lián)想3.1.1色彩的聯(lián)覺現(xiàn)象不同的色彩會給人帶來不一樣的心理感受與聯(lián)想。在心理學(xué)上，對一種感官的刺激觸發(fā)另一種感官的心理現(xiàn)象被稱為聯(lián)覺現(xiàn)象，而色彩的聯(lián)覺現(xiàn)象也可以簡單地理解為由色彩引發(fā)的聯(lián)想。零食商品的不同色調(diào)對比色彩對購買行為的影響3.1.2色彩搭配的方法●漸進(jìn)配色漸進(jìn)配色是指按色彩的三要素色相、明度、飽和度（也叫純度）之一的程度高低依次排列顏色。例如，彩虹就屬于漸進(jìn)配色。這種配色方法的特點(diǎn)是色調(diào)沉穩(wěn)，也很醒目?！駥Ρ扰渖珜Ρ扰渖侵赣蒙?、明度或飽和度的反差進(jìn)行搭配，這種配色方法營造的配色效果有鮮明的強(qiáng)弱感。其中，明度的對比能給人以明快、清晰的印象?！裆{(diào)配色色調(diào)配色是指具有某種相同性質(zhì)（如明度一致、飽和度一致）的色彩搭配在一起，色相越全越好，最好3種色相以上。●近似配色近似配色是指選擇相鄰或相近的色相進(jìn)行搭配。這種配色方法產(chǎn)生的效果非常協(xié)調(diào)。如果是單一色相的濃淡搭配，則稱為同色系配色。3.1.2色彩搭配的方法●單重點(diǎn)配色單重點(diǎn)配色是指讓兩種顏色形成面積的大反差。“萬綠叢中一點(diǎn)紅”，就是一種單重點(diǎn)配色的范例。其實(shí)，單重點(diǎn)配色也是一種對比配色，相當(dāng)于一種顏色是底色，另一種顏色是配色?！穹指羰脚渖绻麅煞N顏色比較接近，看上去不分明，可以將對比色加在這兩種顏色之間，增加色彩強(qiáng)度，使整體效果更協(xié)調(diào)。最簡單的加入色是無色系的顏色，如黑色、白色、灰色和米色等中性色。●夜配色高明度或鮮亮的冷色與低明度的暖色配在一起，稱為夜配色或影配色。它的特點(diǎn)是充滿異國情調(diào)、民族風(fēng)情，讓人產(chǎn)生神秘、遙遠(yuǎn)的感覺。3.1.3網(wǎng)店風(fēng)格的形成●網(wǎng)店的主要風(fēng)格經(jīng)營不同的商品需要不同的網(wǎng)店風(fēng)格，否則就會讓人覺得不倫不類。常見的網(wǎng)店風(fēng)格有簡約清爽型、商業(yè)型、炫酷型、可愛型和特色型等。簡約清爽型網(wǎng)店商業(yè)型網(wǎng)店3.1.3網(wǎng)店風(fēng)格的形成●網(wǎng)店的主要風(fēng)格經(jīng)營不同的商品需要不同的網(wǎng)店風(fēng)格，否則就會讓人覺得不倫不類。常見的網(wǎng)店風(fēng)格有簡約清爽型、商業(yè)型、炫酷型、可愛型和特色型等。炫酷型網(wǎng)店可愛型網(wǎng)店特色型網(wǎng)店3.1.3網(wǎng)店風(fēng)格的形成●商品的情緒商品的情緒是指商品本身所體現(xiàn)的色彩的情感。大多數(shù)色彩的情感來源于生活，因此網(wǎng)店的視覺營銷設(shè)計(jì)也要貼近生活。例如：女裝按風(fēng)格可劃分為淑女風(fēng)格、嬉皮風(fēng)格、波西米亞風(fēng)格、田園風(fēng)格和民族風(fēng)格等。商家要根據(jù)女裝的不同風(fēng)格來選擇視覺營銷所使用的色彩。男裝按風(fēng)格可劃分為中式風(fēng)格、商務(wù)休閑風(fēng)格、運(yùn)動(dòng)休閑風(fēng)格和時(shí)尚休閑風(fēng)格等。淑女風(fēng)格嬉皮風(fēng)格3.1.3網(wǎng)店風(fēng)格的形成波西米亞風(fēng)格田園風(fēng)格民族風(fēng)格●商品的情緒商品的情緒是指商品本身所體現(xiàn)的色彩的情感。大多數(shù)色彩的情感來源于生活，因此網(wǎng)店的視覺營銷設(shè)計(jì)也要貼近生活。例如：女裝按風(fēng)格可劃分為淑女風(fēng)格、嬉皮風(fēng)格、波西米亞風(fēng)格、田園風(fēng)格和民族風(fēng)格等。商家要根據(jù)女裝的不同風(fēng)格來選擇視覺營銷所使用的色彩。男裝按風(fēng)格可劃分為中式風(fēng)格、商務(wù)休閑風(fēng)格、運(yùn)動(dòng)休閑風(fēng)格和時(shí)尚休閑風(fēng)格等。3.1.3網(wǎng)店風(fēng)格的形成中式風(fēng)格商務(wù)休閑風(fēng)格●商品的情緒商品的情緒是指商品本身所體現(xiàn)的色彩的情感。大多數(shù)色彩的情感來源于生活，因此網(wǎng)店的視覺營銷設(shè)計(jì)也要貼近生活。例如：女裝按風(fēng)格可劃分為淑女風(fēng)格、嬉皮風(fēng)格、波西米亞風(fēng)格、田園風(fēng)格和民族風(fēng)格等。商家要根據(jù)女裝的不同風(fēng)格來選擇視覺營銷所使用的色彩。男裝按風(fēng)格可劃分為中式風(fēng)格、商務(wù)休閑風(fēng)格、運(yùn)動(dòng)休閑風(fēng)格和時(shí)尚休閑風(fēng)格等。3.1.3網(wǎng)店風(fēng)格的形成時(shí)尚休閑風(fēng)格運(yùn)動(dòng)休閑風(fēng)格●商品的情緒商品的情緒是指商品本身所體現(xiàn)的色彩的情感。大多數(shù)色彩的情感來源于生活，因此網(wǎng)店的視覺營銷設(shè)計(jì)也要貼近生活。例如：女裝按風(fēng)格可劃分為淑女風(fēng)格、嬉皮風(fēng)格、波西米亞風(fēng)格、田園風(fēng)格和民族風(fēng)格等。商家要根據(jù)女裝的不同風(fēng)格來選擇視覺營銷所使用的色彩。男裝按風(fēng)格可劃分為中式風(fēng)格、商務(wù)休閑風(fēng)格、運(yùn)動(dòng)休閑風(fēng)格和時(shí)尚休閑風(fēng)格等。3.1.3網(wǎng)店風(fēng)格的形成●網(wǎng)店的主題氣氛網(wǎng)店的主題氣氛主要通過網(wǎng)店的配色和裝飾來烘托。網(wǎng)店的主題氣氛3.1.3網(wǎng)店風(fēng)格的形成●網(wǎng)店的包裝色彩人們對于一個(gè)網(wǎng)店色彩的記憶往往更傾向于其包裝，包裝本身也代表著整個(gè)網(wǎng)店的風(fēng)格定位。商家在確定網(wǎng)店的主題色調(diào)時(shí)，應(yīng)該注意與商品特性相符合，或者與目標(biāo)消費(fèi)群體的特性相符合。粉色系黑色系分析盧正浩茶葉店鋪的色彩運(yùn)用課堂練習(xí)1請以盧正浩茶葉店鋪的首頁視覺營銷設(shè)計(jì)（見右圖）為例，分析其設(shè)計(jì)中應(yīng)用了哪些色彩搭配方法。設(shè)計(jì)女裝店鋪的色彩搭配課堂練習(xí)2請嘗試為某品牌女裝店鋪的首頁進(jìn)行視覺營銷設(shè)計(jì)，色彩搭配示例如右圖所示。Part/

02視覺營銷中的構(gòu)圖合理的頁面構(gòu)圖能夠讓頁面設(shè)計(jì)更加出彩。在網(wǎng)店頁面視覺營銷設(shè)計(jì)中，常用的構(gòu)圖方法有簡單切割構(gòu)圖法、組合切割構(gòu)圖法、對稱切割構(gòu)圖法、整體場景構(gòu)圖法、流程構(gòu)圖法、物體輪廓構(gòu)圖法、多重切割構(gòu)圖法等。3.2.1簡單切割構(gòu)圖法簡單切割構(gòu)圖法就是使用簡單的線條或圖案將整個(gè)頁面整齊地分割成不同的部分，這種構(gòu)圖法能使畫面瞬間變得有趣、生動(dòng)起來，內(nèi)容區(qū)域也能得到有效的劃分。這種構(gòu)圖法對內(nèi)容沒有過多的要求，可以隨意安排切割方式，具體排版可以根據(jù)內(nèi)容來處理。3.2.2組合切割構(gòu)圖法組合切割構(gòu)圖法是通過對區(qū)塊進(jìn)行集中而有規(guī)律的排列，讓整個(gè)頁面設(shè)計(jì)更具有層次感的構(gòu)圖法。如果每個(gè)區(qū)塊中的內(nèi)容屬于平級關(guān)系，則適宜采用這種構(gòu)圖法，這樣能讓各個(gè)區(qū)塊中的內(nèi)容保持平行關(guān)系，也能讓頁面布局更具創(chuàng)意。3.2.3對稱切割構(gòu)圖法采用對稱切割構(gòu)圖法的前提一般是能將頁面內(nèi)容分為主次兩部分，并且這兩部分是對立關(guān)系，此時(shí)將整個(gè)頁面一分為二，內(nèi)容劃分明確，也更加具有視覺沖擊力，可以使畫面具有平衡感。3.2.4整體場景構(gòu)圖法整體場景構(gòu)圖法適用于促銷、節(jié)日、活動(dòng)等頁面。整體場景構(gòu)圖法可以將消費(fèi)者快速地帶入頁面氛圍中，使商品或活動(dòng)信息傳播更加精準(zhǔn)。商家在設(shè)計(jì)這種頁面時(shí)，頭腦中要有畫面感，先搭建大的畫面關(guān)系，再往里面添加細(xì)節(jié)和內(nèi)容。需要注意的是，頁面中的場景不要搶了內(nèi)容的視覺焦點(diǎn)，可以適當(dāng)?shù)刈鲂p法。如果商家想要按照循序漸進(jìn)的方式展現(xiàn)商品，不妨采用流程構(gòu)圖法。頁面采用這種構(gòu)圖方式能夠?qū)⒏鱾€(gè)步驟、關(guān)系、節(jié)點(diǎn)，以及整體流向展示清楚，再配合商品圖片，一個(gè)枯燥的流程瞬間變得個(gè)性十足，并且充滿了趣味性，消費(fèi)者瀏覽起來也簡單又明了。3.2.5流程構(gòu)圖法3.2.6物體輪廓構(gòu)圖法物體輪廓構(gòu)圖法主要適用于活動(dòng)、節(jié)日或新品創(chuàng)意的專題頁面。商家可以根據(jù)專題頁面的主要內(nèi)容，從整體上構(gòu)建一個(gè)邊界或外形線，形成一個(gè)大的輪廓，然后再將內(nèi)容巧妙地填充進(jìn)去。物體輪廓構(gòu)圖法能讓整體頁面更加生動(dòng)、形象、有趣。需要注意的是，商家在設(shè)計(jì)時(shí)要將形狀進(jìn)行輪廓化，加以強(qiáng)調(diào)突出，舍棄一些煩瑣的、次要的元素，以免影響消費(fèi)者閱讀內(nèi)容。3.2.7多重切割構(gòu)圖法多重切割構(gòu)圖法的不規(guī)則的構(gòu)圖穩(wěn)定而銳利，干凈的排版易于識別，能讓單一的頁面變得生動(dòng)，復(fù)雜的頁面變得時(shí)尚，能夠避免畫面出現(xiàn)生硬感，不易讓消費(fèi)者產(chǎn)生審美疲勞。不同的形狀和排列呈現(xiàn)出來的視覺效果也不一樣。這種構(gòu)圖法適用于體現(xiàn)時(shí)尚感、科技感與鋒利感的頁面。在進(jìn)行頁面構(gòu)圖構(gòu)思時(shí)，商家可以大膽嘗試，考慮頁面內(nèi)容和風(fēng)格，先確定基本構(gòu)圖，再往里面添加內(nèi)容，充分考慮頁面內(nèi)容的排版，盡量做到讓一個(gè)頁面有大創(chuàng)意的同時(shí)又兼顧細(xì)節(jié)，讓頁面實(shí)現(xiàn)整體的和諧與統(tǒng)一。分析嘉華鮮花餅店鋪首頁頁面構(gòu)圖課堂練習(xí)1以嘉華鮮花餅店鋪7周年店慶的首頁視覺設(shè)計(jì)（見右圖）為例，請分析其導(dǎo)航、首焦輪播區(qū)、活動(dòng)專區(qū)和商品陳列區(qū)的頁面構(gòu)圖視覺效果。課堂練習(xí)2設(shè)計(jì)女裝店鋪首頁構(gòu)圖①首焦輪播區(qū)②店鋪優(yōu)惠券③商品分類區(qū)④熱銷商品區(qū)⑤商品陳列區(qū)請嘗試為某品牌女裝店鋪首頁進(jìn)行視覺營銷設(shè)計(jì)，其首頁內(nèi)