電商視覺營銷（全彩微課版）課件 第3-5章 商品視覺營銷、店鋪首頁視覺營銷、商品詳情頁視覺營銷

第3章

商品視覺營銷電商視覺營銷（全彩微課版）目錄CONTENTS3.1?拍攝商品3.2美化商品圖片3.3設(shè)計(jì)商品主圖3.4課堂實(shí)訓(xùn)——設(shè)計(jì)堅(jiān)果主圖3.1.1拍攝準(zhǔn)備3不管是商家自己準(zhǔn)備拍攝器材拍攝還是邀請專業(yè)拍攝團(tuán)隊(duì)拍攝，都應(yīng)該有一個大致的拍攝計(jì)劃，對拍攝風(fēng)格、拍攝張數(shù)等事項(xiàng)進(jìn)行事先確認(rèn)，同時準(zhǔn)備好拍攝所需的道具，確定好拍攝的時間和地點(diǎn)等。確定拍攝風(fēng)格確定拍攝張數(shù)準(zhǔn)備拍攝道具確定時間地點(diǎn)3.1.2拍攝不同類型的商品4服裝類商品根據(jù)商品拍攝要求的不同，可以選擇的拍攝方式也不一樣，根據(jù)所選風(fēng)格選擇模特及其妝容，再選擇與所選風(fēng)格相適合、相關(guān)聯(lián)的道具進(jìn)行裝飾襯托。另外，服裝屬于吸光類商品，表面反射光線的能力較弱，適合使用直射光進(jìn)行拍攝，以細(xì)膩地表現(xiàn)商品的質(zhì)地。1．服裝類商品的拍攝技巧3.1.2拍攝不同類型的商品5對箱包和部分鞋靴類商品，在拍攝時需要表現(xiàn)商品的質(zhì)感，特別是皮質(zhì)商品，往往還要求體現(xiàn)商品的光澤度。在拍攝這類商品時，可以使用較深的背景，從視覺上加強(qiáng)皮質(zhì)的光澤度；也可在純色背景上進(jìn)行拍攝，體現(xiàn)的顏色和質(zhì)感會顯得更加真實(shí)。對于需要使用模特展示的箱包鞋靴類商品，其拍攝風(fēng)格與服裝比較類似，要先根據(jù)商品風(fēng)格確認(rèn)拍攝風(fēng)格，然后搭配模特妝容、服飾，再選擇與之相適應(yīng)的室內(nèi)或室外場景。2．箱包鞋靴類商品的拍攝技巧3.1.2拍攝不同類型的商品6珠寶首飾類商品一般具有高反光性，可以反射光線并映射周圍物體，在拍攝時往往需要通過布光對光照、反射等要素進(jìn)行調(diào)整。布光時所使用的工具主要包括紙張、反光板、聚光燈、柔光箱等，應(yīng)根據(jù)不同的首飾特性選擇不同的工具進(jìn)行拍攝。另外，不同材質(zhì)的首飾對光線的要求不同，對拍攝背景的要求也不一樣，必須根據(jù)首飾的材質(zhì)來選擇最適合的背景和紋理，以更好地烘托被拍攝的對象。3．珠寶首飾類商品的拍攝技巧3.1.2拍攝不同類型的商品7玻璃制品類商品具有反射和投射光線的特性，在拍攝時，需要注意體現(xiàn)商品的輪廓形狀，保證商品的通透感。一般可使用逆光拍攝，讓光線從拍攝對象后面投射，這樣更容易表現(xiàn)出被拍攝物體的通透感。與強(qiáng)直射光相比，在從玻璃窗射入的斜射晨光映襯下拍攝出的商品拍攝效果更好；也可將商品放置在磨砂材質(zhì)的有機(jī)玻璃板或倒影板上輔助拍攝，通過逆光表現(xiàn)商品的通透感。另外，增加曝光也可以體現(xiàn)商品的通透感。4．玻璃制品類商品的拍攝技巧亮線條黑線條目錄CONTENTS3.1?拍攝商品3.2美化商品圖片3.3設(shè)計(jì)商品主圖3.4課堂實(shí)訓(xùn)——設(shè)計(jì)堅(jiān)果主圖3.2.1校正變形的商品圖片9在拍攝垂直構(gòu)圖的商品圖片時，商品外形常常會出現(xiàn)不夠垂直或變形等情況，此時可對商品圖片進(jìn)行校正，如使用裁剪工具調(diào)整變形的商品圖片等，具體操作如下。觀察圖片旋轉(zhuǎn)圖片裁剪圖片選取圖片局部內(nèi)容識別填充后的圖片3.2.2調(diào)整商品圖片的色彩10受到拍攝光線和時間的影響，拍攝的商品圖片可能無法還原商品真實(shí)色彩，或存在同一商品的多張圖片色調(diào)不一致的情況。為了保證商品圖片呈現(xiàn)和諧統(tǒng)一的色調(diào)，向消費(fèi)者展現(xiàn)真實(shí)的商品色彩，在保證商品圖片不失真的前提下，需要對其進(jìn)行調(diào)色處理，具體操作如下。觀察圖片調(diào)整亮度與對比度調(diào)整曝光度3.2.2調(diào)整商品圖片的色彩11調(diào)整色彩平衡調(diào)整白色調(diào)整自然飽和度3.2.3去除商品圖片中的多余物體12通常，沒有經(jīng)過處理的商品圖片除了尺寸不符合需求，還可能存在商品破損、商品有瑕疵、畫面有多余物體等問題，此時需要對商品圖片進(jìn)行處理，使商品圖片更加美觀，具體操作如下。觀察圖片涂抹魚線去除魚線的效果3.2.3去除商品圖片中的多余物體13修補(bǔ)支架3.2.3去除商品圖片中的多余物體14去除所有支架仿制草坪去除底座最終效果目錄CONTENTS3.1?拍攝商品3.2美化商品圖片3.3設(shè)計(jì)商品主圖3.4課堂實(shí)訓(xùn)——設(shè)計(jì)堅(jiān)果主圖3.3.1商品主圖制作規(guī)范16為了提高消費(fèi)者的購物體驗(yàn)，方便消費(fèi)者更快地找到所需的商品，主流的電商平臺現(xiàn)在都對商品主圖的制作進(jìn)行了規(guī)范，不符合規(guī)范的商品主圖往往會被搜索降權(quán)，因此在設(shè)計(jì)商品主圖之前，必須了解商品主圖的制作規(guī)范。內(nèi)容規(guī)范格式規(guī)范數(shù)量規(guī)范尺寸規(guī)范3.3.2商品主圖文案視覺17商品主圖的文案視覺是指圖片和文案的結(jié)合，通過巧妙地組合圖片、文字，可以打造出富有視覺效果、方便消費(fèi)者識別和記憶的視覺化文案，這樣的文案能夠使商品主圖發(fā)揮出更大的營銷作用。根據(jù)不同的文案視覺風(fēng)格、作用，可以將商品主圖分為以下幾種類型。賣點(diǎn)營銷文案是指重點(diǎn)突出商品賣點(diǎn)的文案，旨在通過商品賣點(diǎn)吸引消費(fèi)者的注意力，激發(fā)其購買欲望。當(dāng)商品賣點(diǎn)無法通過圖片直接展示時，可以搭配賣點(diǎn)營銷文案進(jìn)行說明。1．賣點(diǎn)營銷文案3.3.2商品主圖文案視覺18痛點(diǎn)是指消費(fèi)者未被滿足的，或急需解決的需求。痛點(diǎn)營銷文案是指針對消費(fèi)者急需解決的需求來設(shè)計(jì)的文案，旨在通過突出痛點(diǎn)來打動消費(fèi)者，促使其購買商品。痛點(diǎn)營銷文案的設(shè)計(jì)往往建立在了解消費(fèi)者的需求之上，因此商家必須深入了解自己所在行業(yè)的商品，以及消費(fèi)者最迫切需要滿足的需求，甚至可以主動讓消費(fèi)者明白，面對這件商品他們最應(yīng)該關(guān)注的是什么。2．痛點(diǎn)營銷文案3.3.2商品主圖文案視覺193．情感營銷文案情感營銷文案指通過挖掘商品對消費(fèi)者的情感意義而設(shè)計(jì)的商品文案。情感營銷文案可以喚起消費(fèi)者的情感需求，從情感上影響和打動消費(fèi)者。3.3.2商品主圖文案視覺204．品牌營銷文案品牌營銷文案是指通過文字來展示品牌形象，提高消費(fèi)者對品牌產(chǎn)生好感的營銷文案。比如，一些運(yùn)動品牌的文案——活出你的偉大，通過文案傳遞品牌努力拼搏、活出自我的品牌精神，用這種品牌精神和文化去影響消費(fèi)者，使其對品牌產(chǎn)生好感，繼而購買品牌商品。3.3.2商品主圖文案視覺215．活動營銷文案活動營銷文案指品牌和商品開展某項(xiàng)活動時使用的商品文案?；顒訝I銷文案的內(nèi)容一般依據(jù)活動的目的而定，如活動目的是提高流量、提高轉(zhuǎn)化率時，促銷型的活動營銷文案要在第一時間吸引消費(fèi)者的注意力，因此文案設(shè)計(jì)應(yīng)該醒目吸睛，且易于理解。如果活動目的是打造品牌形象，則活動營銷文案類似于品牌文案，一般以與品牌定位相符的文案對品牌進(jìn)行宣傳推廣，加深消費(fèi)者對品牌的印象。3.3.2商品主圖文案視覺226．節(jié)日營銷文案節(jié)日營銷文案是利用節(jié)日進(jìn)行促銷的文案形式，主要通過營造節(jié)日氣氛來開展促銷活動，常見的中國傳統(tǒng)節(jié)日、西方重要節(jié)日，以及現(xiàn)在的“618”“雙11”“雙12”等電商節(jié)日等，都可用作節(jié)日營銷。節(jié)日營銷文案一般基于節(jié)日特點(diǎn)進(jìn)行寫作和設(shè)計(jì)。3.3.2商品主圖文案視覺237．新品營銷文案新品營銷文案是指對新品進(jìn)行推廣時使用的文案，常圍繞新品的各個方面進(jìn)行構(gòu)思和創(chuàng)作。其實(shí)很多新品在推廣時依然以賣點(diǎn)為主，通過賣點(diǎn)營銷文案吸引消費(fèi)者的注意力。新品營銷文案是商家推出新品的重要營銷手段，新品是否能快速被消費(fèi)者看到并得到認(rèn)可，很多時候取決于新品文案的設(shè)計(jì)是否能吸引消費(fèi)者的注意力。因此，商家要充分抓住新品特點(diǎn)，打造出富有特色和辨識度的新品營銷文案。3.3.3制作商品主圖24在年貨節(jié)來臨之際，“古茗茶道軒”店鋪需要為一款新茶制作商品主圖，要求著重宣傳新茶品級和半價活動，并呈現(xiàn)茶葉禮盒，同時搭配年貨節(jié)相關(guān)裝飾。在設(shè)計(jì)時，可以以茶葉的綠色為主色，搭配紅色、金色，給人以復(fù)古、高端的印象，具體操作如下。制作背景繪制圓角矩形設(shè)置斜面和浮雕3.3.3制作商品主圖25繪制樹木框選商品自動創(chuàng)建選區(qū)3.3.3制作商品主圖26復(fù)制并編輯商品翻轉(zhuǎn)商品制作倒影繪制陰影布局主圖輸入商品信息文字目錄CONTENTS3.1?拍攝商品3.2美化商品圖片3.3設(shè)計(jì)商品主圖3.4課堂實(shí)訓(xùn)——設(shè)計(jì)堅(jiān)果主圖課堂實(shí)訓(xùn)——設(shè)計(jì)堅(jiān)果主圖28某堅(jiān)果店鋪上新了一款開心果，準(zhǔn)備為其制作800像素×800像素的主圖，但由于拍攝的開心果圖片存在有污點(diǎn)、偏色和曝光不足等問題，因此需要先進(jìn)行調(diào)色與修復(fù)處理，再摳取開心果圖像，然后利用提供的背景素材制作主圖，接著在其中添加商品圖像、輸入文字和繪制裝飾圖形等。實(shí)訓(xùn)目標(biāo)課堂實(shí)訓(xùn)——設(shè)計(jì)堅(jiān)果主圖29根據(jù)實(shí)訓(xùn)目標(biāo)，設(shè)計(jì)堅(jiān)果主圖。實(shí)訓(xùn)思路去除開心果果殼上的污點(diǎn)校正圖片中偏黃的色彩問題摳取開心果主體圖像繪制文字底紋輸入文本添加“堅(jiān)果主圖背景.psd”素材感謝聆聽！學(xué)習(xí)進(jìn)步！

電商視覺營銷（全彩微課版）第4章

店鋪首頁視覺營銷電商視覺營銷（全彩微課版）目錄CONTENTS4.1規(guī)劃店鋪首頁4.2設(shè)計(jì)店招與導(dǎo)航4.3設(shè)計(jì)全屏海報(bào)4.4?設(shè)計(jì)優(yōu)惠活動區(qū)4.5設(shè)計(jì)商品分類區(qū)4.6設(shè)計(jì)商品促銷展示區(qū)4.7?設(shè)計(jì)頁尾4.8?設(shè)計(jì)移動端店鋪首頁4.9?課堂實(shí)訓(xùn)——設(shè)計(jì)家紡店鋪首頁4.1.1店鋪首頁的主要結(jié)構(gòu)33清晰的首頁結(jié)構(gòu)布局有利于提高消費(fèi)者的體驗(yàn)，幫助消費(fèi)者在首頁上快速找到所需的商品，降低首頁的跳出率，從而促進(jìn)商品銷售。首頁一般包括頁頭、頁中和頁尾3個部分，頁頭和頁中又包含若干個不同的功能板塊，如圖所示，具體的板塊內(nèi)容可根據(jù)店鋪的實(shí)際需要進(jìn)行安排。4.1.1店鋪首頁的主要結(jié)構(gòu)341．頁頭頁頭位于首頁的最頂端，可以在店鋪各個頁面中進(jìn)行展現(xiàn)，是視覺設(shè)計(jì)和營銷的重點(diǎn)區(qū)域之一。導(dǎo)航店招4.1.1店鋪首頁的主要結(jié)構(gòu)352．頁中頁中是展示商品的區(qū)域。全屏海報(bào)優(yōu)惠活動區(qū)商品分類區(qū)商品促銷展示區(qū)040102034.1.1店鋪首頁的主要結(jié)構(gòu)363．頁尾頁尾位于首頁的末尾，可根據(jù)店鋪實(shí)際需要進(jìn)行添加，常用于展示店鋪網(wǎng)址、二維碼、品牌形象、店鋪服務(wù)和溫馨提示等內(nèi)容，目的在于提高消費(fèi)者對店鋪的信任度、好感度，以及加深其對品牌的印象，也可根據(jù)需要添加“返回頂部”按鈕，方便消費(fèi)者從頭進(jìn)行瀏覽。4.1.2店鋪首頁的布局方式37店鋪首頁的合理布局有利于規(guī)劃重點(diǎn)，明確信息表現(xiàn)的先后順序，幫助消費(fèi)者快速建立與頁面的視覺聯(lián)系，使消費(fèi)者能夠在第一時間找到頁面的重點(diǎn)信息。常見的頁面布局方式如下。1．平衡式布局平衡式布局是指合理安排和分配頁面內(nèi)容和空白空間，使得整個頁面在視覺上呈現(xiàn)出均衡、穩(wěn)定的感覺。從視覺感受上來說，平衡的頁面布局十分符合人們的視覺習(xí)慣，可以帶給人平穩(wěn)、舒適的視覺體驗(yàn)。4.1.2店鋪首頁的布局方式382．規(guī)律式布局規(guī)律式布局是指按照一定的規(guī)律對各種布局元素進(jìn)行排列組合，使其呈現(xiàn)出規(guī)律性變化，從而使整體頁面具有統(tǒng)一的、連貫的、舒適的視覺體驗(yàn)。在規(guī)律式布局中，商家進(jìn)行商品排布時需要注意節(jié)奏感，使排布方式，有一定的疏密、大小或曲直的區(qū)分。4.1.1店鋪首頁的主要結(jié)構(gòu)393．流程式布局流程式布局是指以流程圖的方式展示頁面信息和商品，可以有序引導(dǎo)消費(fèi)者的視線，讓枯燥的信息展示變得個性十足，消費(fèi)者瀏覽起來更簡單明了，充滿趣味性。4．輪廓式布局輪廓式布局是指將頁面設(shè)計(jì)成一個完整的輪廓，構(gòu)建一個邊界或輪廓線，然后將視覺內(nèi)容巧妙地填充進(jìn)去。這種處理方式能夠讓消費(fèi)者迅速注意到輪廓內(nèi)的主要信息，同時可以讓頁面更有設(shè)計(jì)感。4.1.1店鋪首頁的主要結(jié)構(gòu)405．切割式布局切割式布局是指按照一定的方式將頁面切割為不同的形狀，如切割為三角形、矩形、圓形、菱形或其他不規(guī)則形狀，讓頁面整體更具幾何設(shè)計(jì)感與節(jié)奏感，從而提高頁面的生動性。。6．留白式布局留白式布局是指為了使整個頁面更加簡潔、大氣、協(xié)調(diào)，而有意留下一定的空白。留白區(qū)域不局限于白色背景，一般來說，某一區(qū)域無額外元素、無裝飾、處于空白的狀態(tài)等，皆可稱作留白。目錄CONTENTS4.1規(guī)劃店鋪首頁4.2設(shè)計(jì)店招與導(dǎo)航4.3設(shè)計(jì)全屏海報(bào)4.4?設(shè)計(jì)優(yōu)惠活動區(qū)4.5設(shè)計(jì)商品分類區(qū)4.6設(shè)計(jì)商品促銷展示區(qū)4.7?設(shè)計(jì)頁尾4.8?設(shè)計(jì)移動端店鋪首頁4.9?課堂實(shí)訓(xùn)——設(shè)計(jì)家紡店鋪首頁4.2.1店招的設(shè)計(jì)要點(diǎn)42店招即店鋪的招牌，它在很大程度上構(gòu)成了消費(fèi)者對店鋪的第一印象。鮮明、有特色的店招對于店鋪品牌和商品定位有著不可替代的作用。店招中可以包含文字、圖片、形狀等視覺設(shè)計(jì)元素，通過這些元素的巧妙組合，可以形成諸如品牌Logo、店鋪廣告語、促銷商品、優(yōu)惠信息、活動信息等常見的內(nèi)容，除此之外，也可根據(jù)需要添加關(guān)注或收藏按鈕、店鋪公告及聯(lián)系方式等內(nèi)容。4.2.2導(dǎo)航的設(shè)計(jì)要點(diǎn)431．導(dǎo)航的類型導(dǎo)航主要分為橫排導(dǎo)航與豎排導(dǎo)航兩種類型，其中橫排導(dǎo)航最為常見，也是大多數(shù)商家所選擇的一種展示類型，如圖所示。橫排導(dǎo)航內(nèi)容安排與店招一致，要將主要信息放置在中間的“安全區(qū)域”內(nèi)。豎排導(dǎo)航一般與首屏的全屏海報(bào)高度一致。4.2.2導(dǎo)航的設(shè)計(jì)要點(diǎn)442．導(dǎo)航的內(nèi)容規(guī)劃導(dǎo)航的內(nèi)容規(guī)劃即將店鋪中所有的商品按照一定的標(biāo)準(zhǔn)進(jìn)行分類，方便消費(fèi)者了解和查找店鋪內(nèi)所有商品，也可按照店鋪當(dāng)前經(jīng)營目標(biāo)和推廣目標(biāo)對導(dǎo)航內(nèi)容進(jìn)行規(guī)劃，配合主推商品的銷售，將消費(fèi)者引入相應(yīng)的推廣頁面。4.2.2導(dǎo)航的設(shè)計(jì)要點(diǎn)453．導(dǎo)航的設(shè)計(jì)原則導(dǎo)航一般包括店鋪首頁和其他分類欄目的導(dǎo)入鏈接，清晰地反映了店鋪的核心經(jīng)營內(nèi)容，可以幫助消費(fèi)者快速了解店鋪的定位和主營業(yè)務(wù)。商家在進(jìn)行店鋪導(dǎo)航的設(shè)計(jì)時，可遵循以下幾個原則。導(dǎo)航要與店招的風(fēng)格和顏色相互呼應(yīng)，保證視覺效果的統(tǒng)一。（1）導(dǎo)航的長度有限，每個導(dǎo)航欄目的內(nèi)容要簡潔，內(nèi)容不能太多，否則容易造成欄目內(nèi)容擁擠，不利于消費(fèi)者查看。（2）導(dǎo)航中的文字顏色要與背景色形成對比，以方便消費(fèi)者查看并點(diǎn)擊瀏覽對應(yīng)的頁面。（3）4.2.3制作店招與導(dǎo)航46樂優(yōu)納官方旗艦店是一家售賣各種家用電器的店鋪，以“專注生活健康、提倡節(jié)能環(huán)?！睘榻?jīng)營理念。為體現(xiàn)本店特色和宣傳主推商品，樂優(yōu)納官方旗艦店現(xiàn)需要設(shè)計(jì)首頁，要求采用簡潔、清爽的設(shè)計(jì)風(fēng)格，以清爽的藍(lán)色系為主色，采用規(guī)律式布局，以直接展示商品為主，突出該店鋪家電商品的豐富性，同時在背景中添加簡潔的裝飾元素作為點(diǎn)綴，使店鋪首頁的視覺設(shè)計(jì)效果更豐富。在設(shè)計(jì)該店的店招與導(dǎo)航時，主要展現(xiàn)店鋪名稱、關(guān)注按鈕、服務(wù)保障及理念等內(nèi)容，具體操作如下。繪制漸變正圓添加圖標(biāo)4.2.3制作店招與導(dǎo)航47輸入并設(shè)置店招文字和格式繪制漸變矩形輸入導(dǎo)航文字目錄CONTENTS4.1規(guī)劃店鋪首頁4.2設(shè)計(jì)店招與導(dǎo)航4.3設(shè)計(jì)全屏海報(bào)4.4?設(shè)計(jì)優(yōu)惠活動區(qū)4.5設(shè)計(jì)商品分類區(qū)4.6設(shè)計(jì)商品促銷展示區(qū)4.7?設(shè)計(jì)頁尾4.8?設(shè)計(jì)移動端店鋪首頁4.9?課堂實(shí)訓(xùn)——設(shè)計(jì)家紡店鋪首頁4.3.1全屏海報(bào)的視覺主題49全屏海報(bào)的視覺主題一般依據(jù)店鋪近期的運(yùn)營要求而定，例如，店鋪近期是需要推廣店內(nèi)人氣商品或新品，還是需要推廣店內(nèi)優(yōu)惠活動等。一般來說，全屏海報(bào)主要包括以下3種主題。主題商品宣傳主題活動品牌塑造4.3.2全屏海報(bào)的構(gòu)圖方式50全屏海報(bào)是店鋪首頁中向消費(fèi)者傳遞信息的重要板塊，其構(gòu)圖方式直接影響著海報(bào)的視覺表現(xiàn)效果。常見的構(gòu)圖方式如下:九宮格式構(gòu)圖傾斜式構(gòu)圖中心構(gòu)圖三角形式構(gòu)圖水平構(gòu)圖垂直構(gòu)圖對稱式構(gòu)圖放射式構(gòu)圖散點(diǎn)式構(gòu)圖4.3.3制作全屏海報(bào)51樂優(yōu)納官方旗艦店準(zhǔn)備開展初春大促活動，需要制作以活動推廣為主題的店鋪首頁全屏海報(bào)。由于大部分主推家電較為高大、修長，商家準(zhǔn)備采用垂直構(gòu)圖來設(shè)計(jì)背景圖像，并縱向展現(xiàn)“初春大促”“低至2折”的活動信息，具體操作如下。制作全屏海報(bào)背景設(shè)置投影4.3.3制作全屏海報(bào)52添加投影繪制裝飾形狀調(diào)整裝飾形狀4.3.3制作全屏海報(bào)53為矩形框設(shè)置投影裝飾形狀的投影效果為海報(bào)標(biāo)題設(shè)置投影全屏海報(bào)最終效果目錄CONTENTS4.1規(guī)劃店鋪首頁4.2設(shè)計(jì)店招與導(dǎo)航4.3設(shè)計(jì)全屏海報(bào)4.4?設(shè)計(jì)優(yōu)惠活動區(qū)4.5設(shè)計(jì)商品分類區(qū)4.6設(shè)計(jì)商品促銷展示區(qū)4.7?設(shè)計(jì)頁尾4.8?設(shè)計(jì)移動端店鋪首頁4.9?課堂實(shí)訓(xùn)——設(shè)計(jì)家紡店鋪首頁4.4.1優(yōu)惠活動區(qū)的設(shè)計(jì)要點(diǎn)55優(yōu)惠券通常展示在全屏海報(bào)的下方，當(dāng)消費(fèi)者瀏覽完首屏信息后，繼續(xù)滾動鼠標(biāo)往往就會看到優(yōu)惠券的相關(guān)信息。1．優(yōu)惠券的內(nèi)容設(shè)計(jì)優(yōu)惠券是一種十分常見的促銷手段，也是店鋪吸引消費(fèi)者、提高客單價的一種有效策略。優(yōu)惠券的使用范圍優(yōu)惠券的發(fā)放時間優(yōu)惠券的使用時間優(yōu)惠券的使用條件優(yōu)惠券的使用限制內(nèi)容設(shè)計(jì)優(yōu)惠券的最終解釋權(quán)4.4.1優(yōu)惠活動區(qū)的設(shè)計(jì)要點(diǎn)56優(yōu)惠券的視覺設(shè)計(jì)通常比較簡潔直接，在與店鋪首頁整體設(shè)計(jì)風(fēng)格相符的基礎(chǔ)上，盡可能直觀地展示優(yōu)惠力度。其視覺設(shè)計(jì)一般遵循以下幾個基本設(shè)計(jì)原則。設(shè)計(jì)精簡，不要添加任何與優(yōu)惠內(nèi)容無關(guān)的信息，同時避免信息重復(fù)。優(yōu)惠券的優(yōu)惠力度是決定消費(fèi)者使用優(yōu)惠券意愿的主要因素，因此優(yōu)惠面值的展示一般需在優(yōu)惠券中占據(jù)最大版面，以快速吸引消費(fèi)者的注意力。優(yōu)惠券可以使用統(tǒng)一的模板，保證其視覺風(fēng)格的統(tǒng)一，同時也可以使消費(fèi)者的注意力放在主要的優(yōu)惠信息上。2．優(yōu)惠券的視覺設(shè)計(jì)4.4.1優(yōu)惠活動區(qū)的設(shè)計(jì)要點(diǎn)57活動專區(qū)通常位于店鋪首頁的優(yōu)惠券板塊下方，主要用于將參與同一活動的商品集合在一起，結(jié)合各種視覺營銷手段引導(dǎo)消費(fèi)者點(diǎn)擊，然后進(jìn)入促銷活動頁面瀏覽與選購商品?；顒訉^(qū)通常根據(jù)店鋪的營銷策略來進(jìn)行設(shè)計(jì)，并體現(xiàn)以下幾方面的內(nèi)容。3．活動專區(qū)的內(nèi)容設(shè)計(jì)活動主題優(yōu)惠情況活動時間活動規(guī)則4.4.1優(yōu)惠活動區(qū)的設(shè)計(jì)要點(diǎn)58活動專區(qū)的視覺設(shè)計(jì)重點(diǎn)是傳達(dá)活動信息，并結(jié)合活動商品圖片、活動文案、促銷價格等內(nèi)容進(jìn)行設(shè)計(jì)。活動專區(qū)的視覺設(shè)計(jì)以店鋪首頁整體視覺定位為基準(zhǔn)，同時依據(jù)具體的營銷要求進(jìn)行合理布局。4．活動專區(qū)的視覺設(shè)計(jì)4.4.2制作優(yōu)惠活動區(qū)59樂優(yōu)納官方旗艦店首頁的優(yōu)惠活動區(qū)需要展現(xiàn)店鋪各類優(yōu)惠券，以及贈品，可先為優(yōu)惠券設(shè)計(jì)統(tǒng)一的模板，規(guī)整地展現(xiàn)優(yōu)惠券金額、使用條件和領(lǐng)券按鈕等內(nèi)容；再在下方設(shè)計(jì)贈品活動專區(qū)，突出展示贈品圖片，以增添活動吸引力，具體操作如下。繪制矩形設(shè)置漸變疊加4.4.2制作優(yōu)惠活動區(qū)60粘貼圖層樣式優(yōu)惠券效果添加贈品圖片繪制豎線和輸入贈品說明文字4.4.2制作優(yōu)惠活動區(qū)61優(yōu)惠活動區(qū)最終效果目錄CONTENTS4.1規(guī)劃店鋪首頁4.2設(shè)計(jì)店招與導(dǎo)航4.3設(shè)計(jì)全屏海報(bào)4.4?設(shè)計(jì)優(yōu)惠活動區(qū)4.5設(shè)計(jì)商品分類區(qū)4.6設(shè)計(jì)商品促銷展示區(qū)4.7?設(shè)計(jì)頁尾4.8?設(shè)計(jì)移動端店鋪首頁4.9?課堂實(shí)訓(xùn)——設(shè)計(jì)家紡店鋪首頁4.5.1商品分類區(qū)的設(shè)計(jì)要點(diǎn)63商品分類區(qū)的內(nèi)容設(shè)計(jì)比較自由，可以根據(jù)店鋪商品屬性而定，如按照店鋪商品的固有屬性、適用人群、使用場景等進(jìn)行分類，圖所示的珠寶店鋪首頁的商品分類區(qū)。4.5.1商品分類區(qū)的設(shè)計(jì)要點(diǎn)64在設(shè)計(jì)店鋪首頁的商品分類區(qū)時，可以按照以下原則進(jìn)行設(shè)計(jì)，以提高信息的展示效率和消費(fèi)者的瀏覽體驗(yàn)。?突出重點(diǎn)的商品分類區(qū)設(shè)計(jì)多層級的商品分類區(qū)設(shè)計(jì)4.5.2制作商品分類區(qū)65根據(jù)樂優(yōu)納官方旗艦店首頁導(dǎo)航中的商品類別，在商品分類區(qū)中以圖片形式更加生動、直觀地展現(xiàn)商品分類。此外，還可制作“全國聯(lián)?！薄百涍\(yùn)費(fèi)險”等標(biāo)簽，展示商品服務(wù)，具體操作如下。?制作標(biāo)題制作冰箱類別4.5.2制作商品分類區(qū)66制作其他商品類別商品分類區(qū)最終效果制作標(biāo)簽?zāi)夸汣ONTENTS4.1規(guī)劃店鋪首頁4.2設(shè)計(jì)店招與導(dǎo)航4.3設(shè)計(jì)全屏海報(bào)4.4?設(shè)計(jì)優(yōu)惠活動區(qū)4.5設(shè)計(jì)商品分類區(qū)4.6設(shè)計(jì)商品促銷展示區(qū)4.7?設(shè)計(jì)頁尾4.8?設(shè)計(jì)移動端店鋪首頁4.9?課堂實(shí)訓(xùn)——設(shè)計(jì)家紡店鋪首頁4.6.1?商品促銷展示區(qū)的設(shè)計(jì)要點(diǎn)68在制作商品促銷展示區(qū)時，為了吸引消費(fèi)者的眼球，通常需要先展示主推商品板塊，然后再展示其他的商品，如圖所示。在設(shè)計(jì)商品促銷展示區(qū)時，可按照以下原則進(jìn)行設(shè)計(jì)。商品促銷展示區(qū)中每一個商品的名稱要正確、清楚，要體現(xiàn)商品名字和特點(diǎn)。商品促銷展示區(qū)中每一個商品的展示要能夠達(dá)到吸引消費(fèi)者點(diǎn)擊的作用。商品價格顯示效果要醒目。4.6.2?制作商品促銷展示區(qū)69樂優(yōu)納官方旗艦店首頁的商品促銷展示區(qū)主要分為熱銷榜單和折扣區(qū)兩部分。具體操作如下。繪制圓角矩形設(shè)置投影4.6.2?制作商品促銷展示區(qū)70第一個熱銷商品模塊熱銷榜單效果繪制圓角矩形輸入文字折扣區(qū)效果目錄CONTENTS4.1規(guī)劃店鋪首頁4.2設(shè)計(jì)店招與導(dǎo)航4.3設(shè)計(jì)全屏海報(bào)4.4?設(shè)計(jì)優(yōu)惠活動區(qū)4.5設(shè)計(jì)商品分類區(qū)4.6設(shè)計(jì)商品促銷展示區(qū)4.7?設(shè)計(jì)頁尾4.8?設(shè)計(jì)移動端店鋪首頁4.9?課堂實(shí)訓(xùn)——設(shè)計(jì)家紡店鋪首頁4.7.1?頁尾的設(shè)計(jì)要點(diǎn)72頁尾視覺設(shè)計(jì)與其他板塊一樣，都建立在遵循店鋪首頁設(shè)計(jì)風(fēng)格和主題的基礎(chǔ)上，頁尾的內(nèi)容設(shè)計(jì)則可以根據(jù)實(shí)際情況添加相關(guān)引導(dǎo)文案。4.7.2?制作頁尾73樂優(yōu)納官方旗艦店的頁尾以建立品牌形象為核心，展示客服服務(wù)和品牌信息，并通過商品圖片直觀地反映品牌形象，以增加消費(fèi)者對品牌的好感度和信任感，具體操作如下。設(shè)置色標(biāo)設(shè)置漸變疊加添加圖層樣式的前后效果對比4.7.2?制作頁尾74頁尾最終效果目錄CONTENTS4.1規(guī)劃店鋪首頁4.2設(shè)計(jì)店招與導(dǎo)航4.3設(shè)計(jì)全屏海報(bào)4.4?設(shè)計(jì)優(yōu)惠活動區(qū)4.5設(shè)計(jì)商品分類區(qū)4.6設(shè)計(jì)商品促銷展示區(qū)4.7?設(shè)計(jì)頁尾4.8?設(shè)計(jì)移動端店鋪首頁4.9?課堂實(shí)訓(xùn)——設(shè)計(jì)家紡店鋪首頁4.8.1?移動端店鋪首頁的框架布局761．店招與PC端的店招相比，移動端店鋪店招的視覺設(shè)計(jì)更加簡潔。大部分移動端店鋪通常直接使用一張圖片作為店招的背景底圖，如模特圖、品牌色、簡單的背景底色和文案圖等，如圖所示。4.8.1?移動端店鋪首頁的框架布局772．首屏焦點(diǎn)圖首屏焦點(diǎn)圖又稱首焦圖，與PC端店鋪首頁的全屏海報(bào)一樣，移動端店鋪首頁同樣需要通過焦點(diǎn)圖來快速聚焦消費(fèi)者的視線，展示店鋪的最新動態(tài)或活動信息，以吸引消費(fèi)者繼續(xù)瀏覽頁面。商家可以直接在PC端全屏海報(bào)的基礎(chǔ)上進(jìn)行元素重構(gòu)，按照移動端設(shè)備的顯示特點(diǎn)重新排版各元素，突出顯示重要信息。4.8.1?移動端店鋪首頁的框架布局783．優(yōu)惠活動區(qū)當(dāng)消費(fèi)者被首屏焦點(diǎn)圖吸引后，繼續(xù)往下瀏覽就可以看到包含店鋪優(yōu)惠信息和店鋪活動信息的優(yōu)惠活動區(qū)。優(yōu)惠券和活動是刺激消費(fèi)者繼續(xù)瀏覽頁面和購買商品的重要組成部分，也是移動端店鋪首頁視覺設(shè)計(jì)的主要對象之一。要信息，其視覺設(shè)計(jì)與PC端活動區(qū)類似。4.8.1?移動端店鋪首頁的框架布局794．商品分類區(qū)與PC端店鋪首頁相似，移動端的商品分類區(qū)也旨在展示店鋪商品的主要類型，并精準(zhǔn)、快速地將消費(fèi)者引導(dǎo)至相關(guān)分類頁面。商品分類區(qū)的視覺設(shè)計(jì)可以與PC端保持統(tǒng)一，但排版應(yīng)適合移動端的屏幕顯示特點(diǎn)，以便消費(fèi)者查看和點(diǎn)擊。4.8.1?移動端店鋪首頁的框架布局805．商品列表區(qū)商品列表區(qū)是移動端店鋪首頁的主要板塊，一般通過精心設(shè)計(jì)的商品圖片、商品標(biāo)題、商品價格等信息展示店內(nèi)主推商品、熱銷商品等，以吸引消費(fèi)者點(diǎn)擊和購買。合理的商品陳列方式可以增加商品的曝光率與流量，而且在保持美觀的基礎(chǔ)上也更便于消費(fèi)者瀏覽。因此，移動端店鋪首頁的商品列表區(qū)很少使用多個商品并排展示的情況，一般以一排1列、2列或3列的方式進(jìn)行靈活布局，此外也可通過左右滑動的方式排列，以展示更多商品。4.8.1?移動端店鋪首頁的框架布局816．其他具有移動端特點(diǎn)的版塊各大電商平臺為了幫助商家更好地管理客戶關(guān)系、提高轉(zhuǎn)化和銷量，開發(fā)了很多具有即時通信特點(diǎn)的首頁模塊。商家可以根據(jù)當(dāng)前階段的運(yùn)營目標(biāo)，添加淘寶直播、淘寶購物群、加入會員、關(guān)注店鋪、買家秀、買家評論等可以吸引消費(fèi)者注意力，具有較大引流能力，或有利于維護(hù)消費(fèi)者關(guān)系的模塊到店鋪首頁頂端。這樣有助于提高相關(guān)商品的轉(zhuǎn)化率，維護(hù)消費(fèi)者關(guān)系，培養(yǎng)消費(fèi)者對商品、品牌的忠誠度。4.8.2?移動端店鋪首頁的設(shè)計(jì)要點(diǎn)82由于目前大多數(shù)店鋪的流量和訂單來自移動端，因此移動端首頁的視覺設(shè)計(jì)變得尤為重要。在設(shè)計(jì)移動端店鋪首頁時，通常需注意以下4點(diǎn)。與PC端的視覺統(tǒng)一把握頁面整體內(nèi)容合理控制頁面的長度注重感官的舒適性4.8.3?制作移動端店鋪首頁83下面以樂優(yōu)納官方旗艦店為例設(shè)計(jì)移動端店鋪首頁，其中，首屏焦點(diǎn)圖為輪播海報(bào)形式，主要宣傳新品空調(diào)和新品洗衣機(jī)；其他板塊可依據(jù)PC端店鋪首頁設(shè)計(jì)進(jìn)行尺寸和布局調(diào)整，使其更適合移動端消費(fèi)者瀏覽，具體操作如下。制作背景并添加商品添加裝飾素材設(shè)置投影標(biāo)題文字投影效果4.8.3?制作移動端店鋪首頁84新品標(biāo)簽效果制作洗衣機(jī)場景輸入海報(bào)文字設(shè)置漸變疊加4.8.3?制作移動端店鋪首頁85設(shè)置投影為文字應(yīng)用圖層樣式效果繪制豎線制作新品標(biāo)簽4.8.3?制作移動端店鋪首頁86優(yōu)惠活動區(qū)效果布局商品分類區(qū)設(shè)置內(nèi)陰影設(shè)置斜面和浮雕4.8.3?制作移動端店鋪首頁87商品分類區(qū)效果熱銷榜單效果折扣區(qū)效果頁尾效果目錄CONTENTS4.1規(guī)劃店鋪首頁4.2設(shè)計(jì)店招與導(dǎo)航4.3設(shè)計(jì)全屏海報(bào)4.4?設(shè)計(jì)優(yōu)惠活動區(qū)4.5設(shè)計(jì)商品分類區(qū)4.6設(shè)計(jì)商品促銷展示區(qū)4.7?設(shè)計(jì)頁尾4.8?設(shè)計(jì)移動端店鋪首頁4.9?課堂實(shí)訓(xùn)——設(shè)計(jì)家紡店鋪首頁課堂實(shí)訓(xùn)——設(shè)計(jì)家紡店鋪首頁89“簡吉”家紡是一家主營毛巾、一次性用品、床上用品等商品的店鋪，現(xiàn)需設(shè)計(jì)PC端店鋪首頁。實(shí)訓(xùn)目標(biāo)其中，店招和導(dǎo)航設(shè)計(jì)要在常規(guī)信息的基礎(chǔ)上添加熱賣商品信息；全屏海報(bào)設(shè)計(jì)要求以新品毛巾的宣傳為出發(fā)點(diǎn)，凸顯新品的賣點(diǎn)和外觀，畫面美觀、簡潔；在全屏海報(bào)的下方沿用店招的顏色制作優(yōu)惠活動區(qū)，并羅列不同面值的優(yōu)惠券；在設(shè)計(jì)商品促銷展示區(qū)時，將其分為主推商品區(qū)和熱賣商品區(qū)兩部分，主推商品區(qū)采用單排的方式展現(xiàn)，熱賣商品區(qū)則將6個商品以連排方式展示兩排。課堂實(shí)訓(xùn)——設(shè)計(jì)家紡店鋪首頁90根據(jù)實(shí)訓(xùn)目標(biāo)，設(shè)計(jì)家紡店鋪首頁。實(shí)訓(xùn)思路新建文件，在店招左側(cè)添加“標(biāo)志.psd”素材，然后在右側(cè)輸入宣傳標(biāo)語，制作熱賣商品毛巾模塊和“5元”優(yōu)惠券模塊，針對“立即購買”按鈕和優(yōu)惠券金額還可添加“漸變疊加”圖層樣式進(jìn)行強(qiáng)調(diào)。?運(yùn)用“矩形工具”在店招下方繪制“1920像素×30像素”的矩形作為導(dǎo)航背景，然后輸入分類信息文字。接下來制作全屏海報(bào)，在導(dǎo)航下方繪制“1920像素×800像素”的藍(lán)色矩形。置入“云層背景.png”素材，在“圖層”面板中設(shè)置不透明度為“80%”，將其創(chuàng)建為藍(lán)色矩形的剪貼蒙版，為其設(shè)置與藍(lán)色矩形顏色相似的“顏色疊加”圖層樣式。課堂實(shí)訓(xùn)——設(shè)計(jì)家紡店鋪首頁91將“海報(bào)商品.png”素材放到全屏海報(bào)右側(cè)，并將其創(chuàng)建為藍(lán)色矩形的剪貼蒙版，為其添加“投影”圖層樣式，然后在全屏海報(bào)左側(cè)輸入該商品的名稱、賣點(diǎn)、價格信息。使用“圓角矩形工具”在商品信息下方繪制一個紅色圓角矩形，再輸入“立即購買”文字，在該文字右側(cè)添加“箭頭.psd”素材，完成“立即購買”按鈕的制作。接下來制作優(yōu)惠活動區(qū)，先在全屏海報(bào)下方輸入該板塊的標(biāo)題，在標(biāo)題左下方使用“圓角矩形工具”繪制第一張優(yōu)惠券的外形，在第1張優(yōu)惠券底部使用“矩形工具”繪制1個藍(lán)色矩形。在優(yōu)惠券外形中輸入優(yōu)惠券金額和使用條件，注意將金額數(shù)字放大顯示，然后在藍(lán)色矩形中輸入“點(diǎn)擊領(lǐng)取”文字。課堂實(shí)訓(xùn)——設(shè)計(jì)家紡店鋪首頁92將第一張優(yōu)惠券創(chuàng)建為圖層組，將該圖層組復(fù)制3個到右側(cè)，修改金額和使用條件，制作出其他3張優(yōu)惠券。使用“矩形工具”在所有優(yōu)惠券的最右側(cè)、最左側(cè)各繪制1個藍(lán)色長方形，用以裝飾。接下來制作商品促銷展示區(qū)的主推商品區(qū)，先使用“矩形工具”繪制多個淺灰矩形，用以確定該板塊布局。然后依次添加商品圖片到矩形上，創(chuàng)建剪貼蒙版。輸入每個商品的介紹文字，并結(jié)合“圓角矩形工具”制作“立即查看”按鈕，結(jié)合“矩形工具”繪制橘紅色的裝飾橫線，用以強(qiáng)調(diào)關(guān)鍵賣點(diǎn)。制作熱賣商品區(qū)時，可先制作1個熱賣商品模塊，然后采用復(fù)制并修改圖層組的方式，完成其他商品模塊的制作，以提高工作效率，最后保存文件。感謝聆聽！學(xué)習(xí)進(jìn)步！

電商視覺營銷（全彩微課版）第5章

商品詳情頁視覺營銷電商視覺營銷（全彩微課版）目錄CONTENTS5.1?規(guī)劃商品詳情頁5.2?設(shè)計(jì)商品焦點(diǎn)圖5.3?設(shè)計(jì)商品賣點(diǎn)圖5.4?設(shè)計(jì)商品細(xì)節(jié)圖5.5?設(shè)計(jì)商品參數(shù)圖5.6?設(shè)計(jì)商品關(guān)聯(lián)營銷圖5.7課堂實(shí)訓(xùn)——設(shè)計(jì)除螨儀詳情頁5.1.1?商品詳情頁的主要結(jié)構(gòu)96清晰的商品詳情頁結(jié)構(gòu)有利于提高消費(fèi)者的體驗(yàn)，降低商品詳情頁的跳出率，增加消費(fèi)者在商品詳情頁的停留時間，從而促進(jìn)商品銷售。商品詳情頁的結(jié)構(gòu)并不是固定的，在實(shí)際制作時可根據(jù)商品的具體情況、商家的要求和目標(biāo)消費(fèi)者的需求進(jìn)行商品詳情頁內(nèi)容的增減。包裝展示圖促銷活動圖質(zhì)量保證圖08焦點(diǎn)圖商品賣點(diǎn)圖商品參數(shù)圖商品細(xì)節(jié)圖。04010203功能展示圖050607品牌推廣圖商品快遞與售后圖1009關(guān)聯(lián)營銷圖115.1.2?商品詳情頁的溝通框架97在搭建商品詳情頁的溝通框架之前，先要了解消費(fèi)者希望在商品詳情頁中看到的信息，并整理出基于商家需求的營銷要素。一般來說，消費(fèi)者希望在商品詳情頁中了解的信息主要包括以下內(nèi)容。1．消費(fèi)者需求的基本信息商品展示圖商品細(xì)節(jié)圖商品評價模特圖或?qū)嶋H使用圖商品參數(shù)圖基本信息真人試穿或試用效果5.1.2?商品詳情頁的溝通框架98商品詳情頁的主要作用是促使消費(fèi)者購買商品，因此除了要展示消費(fèi)者需要的基本信息，還要展示更豐富的、有助于進(jìn)一步打動消費(fèi)者的信息，實(shí)現(xiàn)成交的目的。商品詳情頁信息展示的基本要素主要包括以下部分。2．商品詳情頁的基本要素商品服務(wù)營銷互動品牌5.1.2?商品詳情頁的溝通框架99基于消費(fèi)者和商家兩方的需求，再結(jié)合商品詳情頁的布局邏輯，來搭建溝通框架。如表所示即為空調(diào)商品詳情頁溝通框架。3．搭建商品詳情頁溝通框架5.1.3?商品詳情頁的文案應(yīng)用100引起關(guān)注的文案主要在商品詳情頁頂部、商品焦點(diǎn)圖等區(qū)域呈現(xiàn)，包括商品核心賣點(diǎn)、商品促銷信息、商品廣告語等內(nèi)容，其作用是突出消費(fèi)者關(guān)注的核心內(nèi)容，提高消費(fèi)者瀏覽商品核心信息的效率。1．引起關(guān)注的文案5.1.3?商品詳情頁的文案應(yīng)用101引發(fā)興趣的文案可以有效找到并激發(fā)消費(fèi)者對商品的潛在需求，如說明商品的核心賣點(diǎn)、描述商品外觀、描述商品的使用場景等都可以有效引發(fā)消費(fèi)者的興趣，引起消費(fèi)者的購買欲望。2．引發(fā)興趣的文案5.1.3?商品詳情頁的文案應(yīng)用102加深了解的文案主要用于幫助消費(fèi)者更全面地了解商品，打消消費(fèi)者對商品的顧慮，常運(yùn)用在細(xì)節(jié)圖、包裝圖、參數(shù)圖等位置，以進(jìn)一步提高消費(fèi)者對商品的信任。3．加深了解的文案5.1.3?商品詳情頁的文案應(yīng)用103刺激購買的文案可以運(yùn)用在商品的促銷活動及套餐搭配等區(qū)域，讓消費(fèi)者快速下單購買；也可以用于商品詳情頁最后的品牌展示、服務(wù)質(zhì)量展示、資質(zhì)實(shí)力展示、物流信息展示等模塊，突出品牌質(zhì)量、商家承諾、快遞物流、售后服務(wù)等信息，打消消費(fèi)者的購物顧慮。4．刺激購買的文案目錄CONTENTS5.1?規(guī)劃商品詳情頁5.2?設(shè)計(jì)商品焦點(diǎn)圖5.3?設(shè)計(jì)商品賣點(diǎn)圖5.4?設(shè)計(jì)商品細(xì)節(jié)圖5.5?設(shè)計(jì)商品參數(shù)圖5.6?設(shè)計(jì)商品關(guān)聯(lián)營銷圖5.7課堂實(shí)訓(xùn)——設(shè)計(jì)除螨儀詳情頁5.2.1?商品焦點(diǎn)圖的設(shè)計(jì)要點(diǎn)105商品焦點(diǎn)圖的視覺設(shè)計(jì)與商品海報(bào)十分類似，通常使用精美的圖片，搭配簡單的核心文案，對商品進(jìn)行深刻的展示。商品焦點(diǎn)圖在設(shè)計(jì)上可以靈活運(yùn)用各種設(shè)計(jì)元素，使用略微夸張的表現(xiàn)方式，以突出商品的整體形象、主要賣點(diǎn)或商品理念等，以極具視覺沖擊力的畫面吸引消費(fèi)者的注意力，給消費(fèi)者帶來愉悅的視覺體驗(yàn)。5.2.2?制作商品焦點(diǎn)圖106本節(jié)以烤箱為例，介紹如何制作該商品詳情頁中的焦點(diǎn)圖。由于該烤箱在外觀和功能方面都有所創(chuàng)新，因此在設(shè)計(jì)焦點(diǎn)圖時需要體現(xiàn)烤箱的外觀和功能優(yōu)勢，使用烤箱的廚房場景圖為背景，搭配“多功能烤箱有顏值的實(shí)力派”標(biāo)題，體現(xiàn)烤箱的精美外觀和實(shí)用性，副標(biāo)題可展現(xiàn)烤箱的型號和關(guān)鍵功能，充分展示烤箱賣點(diǎn)，并為消費(fèi)者帶來美好的視覺體驗(yàn)，具體操作如下。添加烤箱素材添加裝飾素材最終效果目錄CONTENTS5.1?規(guī)劃商品詳情頁5.2?設(shè)計(jì)商品焦點(diǎn)圖5.3?設(shè)計(jì)商品賣點(diǎn)圖5.4?設(shè)計(jì)商品細(xì)節(jié)圖5.5?設(shè)計(jì)商品參數(shù)圖5.6?設(shè)計(jì)商品關(guān)聯(lián)營銷圖5.7課堂實(shí)訓(xùn)——設(shè)計(jì)除螨儀詳情頁5.3.1?商品賣點(diǎn)圖的設(shè)計(jì)要點(diǎn)108為了提高商品賣點(diǎn)的視覺表現(xiàn)力，在展示商品賣點(diǎn)時，可以為賣點(diǎn)策劃一個新穎、有趣的視覺方案，通過將賣點(diǎn)“視覺化”來吸引消費(fèi)者的注意力，同時幫助消費(fèi)者理解商品。商品賣點(diǎn)的“視覺化”可以采用恰當(dāng)?shù)拿阑涂鋸埵址?，來營造與商品特質(zhì)、功能、賣點(diǎn)相匹配的氛圍，再通過對色彩、文字、版式等元素的合理運(yùn)用，有效提高商品圖片的視覺效果，與其他競品形成差異和區(qū)別，進(jìn)一步突出商品和品牌的視覺優(yōu)勢。5.3.2?制作商品賣點(diǎn)圖109本節(jié)繼續(xù)以烤箱為例，介紹如何制作該商品詳情頁中的賣點(diǎn)圖。首先，以圖標(biāo)的形式精練地概括烤箱的賣點(diǎn)，再以一屏一圖的方式，分別展示烤箱的多種美食模式、內(nèi)部烹飪狀態(tài)、控溫技術(shù)、手機(jī)智能控制等賣點(diǎn)，具體操作如下。賣點(diǎn)圖標(biāo)圖美食模式圖烤箱內(nèi)部圖控溫技術(shù)圖設(shè)置投影手機(jī)遙控圖目錄CONTENTS5.1?規(guī)劃商品詳情頁5.2?設(shè)計(jì)商品焦點(diǎn)圖5.3?設(shè)計(jì)商品賣點(diǎn)圖5.4?設(shè)計(jì)商品細(xì)節(jié)圖5.5?設(shè)計(jì)商品參數(shù)圖5.6?設(shè)計(jì)商品關(guān)聯(lián)營銷圖5.7課堂實(shí)訓(xùn)——設(shè)計(jì)除螨儀詳情頁5.4.1?商品細(xì)節(jié)圖的設(shè)計(jì)要點(diǎn)111商品細(xì)節(jié)圖的視覺設(shè)計(jì)重點(diǎn)是傳達(dá)消費(fèi)者感興趣的商品細(xì)節(jié)信息，一般需要根據(jù)商品性質(zhì)選擇不同的展示方式。工藝細(xì)節(jié)圖功能細(xì)節(jié)圖服務(wù)細(xì)