電子商務(wù)視覺(jué)營(yíng)銷(xiāo)課件 項(xiàng)目四 店鋪首頁(yè)的視覺(jué)營(yíng)銷(xiāo)設(shè)計(jì)

店鋪首頁(yè)的視覺(jué)營(yíng)銷(xiāo)設(shè)計(jì)項(xiàng)目四CONTENTS目錄認(rèn)識(shí)店鋪首頁(yè)任務(wù)一店招與導(dǎo)航的視覺(jué)營(yíng)銷(xiāo)設(shè)計(jì)全屏海報(bào)的視覺(jué)營(yíng)銷(xiāo)設(shè)計(jì)任務(wù)二任務(wù)三優(yōu)惠活動(dòng)區(qū)的視覺(jué)營(yíng)銷(xiāo)設(shè)計(jì)任務(wù)四任務(wù)目標(biāo)Taskobjectives店鋪首頁(yè)可以讓消費(fèi)者對(duì)店鋪有更加直觀的了解，從而促進(jìn)商品銷(xiāo)售。本任務(wù)將幫助讀者掌握店鋪首頁(yè)的功能區(qū)模塊及布局要點(diǎn)。（一）店鋪首頁(yè)的功能區(qū)模塊1．店招與導(dǎo)航店招即店鋪的招牌，位于店鋪首頁(yè)頂端。店招不僅代表著店鋪的第一視覺(jué)印象，而且兼有宣傳店鋪的作用。上圖所示為藍(lán)月亮官方旗艦店的店招與導(dǎo)航，其主營(yíng)商品為洗衣液、洗手液等日常清潔用品。在店招設(shè)計(jì)上，采用了該品牌的品牌色藍(lán)色為主色，深淺不一的藍(lán)色具有豐富的層次感。（一）店鋪首頁(yè)的功能區(qū)模塊全屏海報(bào)一般位于導(dǎo)航下方，是首頁(yè)的第一屏，用于展示店鋪當(dāng)前活動(dòng)的主題、主推的商品等內(nèi)容。2．全屏海報(bào)例如，右圖所示為藍(lán)月亮官方旗艦店的全屏海報(bào)，整個(gè)全屏海報(bào)清爽、干凈，與店鋪整體的風(fēng)格相匹配，符合清潔用品定位。（一）店鋪首頁(yè)的功能區(qū)模塊3．店鋪優(yōu)惠區(qū)店鋪優(yōu)惠區(qū)是首頁(yè)中重要的功能區(qū)，展示店鋪當(dāng)前優(yōu)惠活動(dòng)，如優(yōu)惠券、滿(mǎn)減、打折等。藍(lán)月亮官方旗艦店首頁(yè)的優(yōu)惠活動(dòng)板塊設(shè)計(jì)，主要是對(duì)優(yōu)惠券進(jìn)行展現(xiàn)，突出了優(yōu)惠券數(shù)額，規(guī)整的布局方便消費(fèi)者快速瀏覽，領(lǐng)取按鈕突出，便于消費(fèi)者點(diǎn)擊，如右圖所示。（一）店鋪首頁(yè)的功能區(qū)模塊商品分類(lèi)區(qū)一般位于店鋪優(yōu)惠區(qū)的下方。在設(shè)計(jì)商品分類(lèi)區(qū)時(shí)，為了更好地發(fā)揮商品分類(lèi)區(qū)的作用，可從店鋪的裝修風(fēng)格、分類(lèi)圖像的大小和分類(lèi)方式等方面入手。4．商品分類(lèi)區(qū)藍(lán)月亮官方旗艦店首頁(yè)的商品分類(lèi)區(qū)主要通過(guò)對(duì)不同商品類(lèi)型的展現(xiàn)，讓消費(fèi)者可直接單擊對(duì)應(yīng)的類(lèi)型進(jìn)行商品的選擇，如左圖所示。（一）店鋪首頁(yè)的功能區(qū)模塊商品促銷(xiāo)展示區(qū)是店鋪首頁(yè)的主要區(qū)域之一，占據(jù)了店鋪首頁(yè)的大部分版面。5．商品促銷(xiāo)展示區(qū)左圖所示為藍(lán)月亮官方旗艦店的商品促銷(xiāo)展示區(qū)，該區(qū)域主要展示了熱賣(mài)單品，從商品圖的拍攝、顏色搭配到背景設(shè)計(jì)均能反映出藍(lán)月亮的品牌定位。（一）店鋪首頁(yè)的功能區(qū)模塊6．頁(yè)尾頁(yè)尾通常位于店鋪首頁(yè)的底部，主要用于展現(xiàn)店鋪相關(guān)服務(wù)或是承諾，如服務(wù)時(shí)間、發(fā)貨時(shí)間等，目的在于提高消費(fèi)者對(duì)店鋪的信任度。上圖所示為藍(lán)月亮官方旗艦店的頁(yè)尾，在色彩上運(yùn)用了灰色與品牌主色，與整個(gè)首頁(yè)的色調(diào)統(tǒng)一。（二）店鋪首頁(yè)的布局要點(diǎn)店鋪首頁(yè)并不是要將所有的模塊都堆積在一起，而需要將各模塊進(jìn)行合理的組合排列，設(shè)計(jì)師在布局店鋪首頁(yè)時(shí)，需要注意以下要點(diǎn)。?在制作店鋪首頁(yè)時(shí)要考慮店鋪風(fēng)格、商品特點(diǎn)、目標(biāo)消費(fèi)人群等因素，以保證店鋪風(fēng)格與商品的一致性。?在制作首頁(yè)的導(dǎo)航時(shí)，各商品類(lèi)目要清晰明了，方便消費(fèi)者能快速找到其需要的商品。?全屏海報(bào)的設(shè)計(jì)要清晰、醒目，要讓消費(fèi)者一眼就能夠看到海報(bào)的內(nèi)容?在排列商品時(shí)要根據(jù)商品的實(shí)際銷(xiāo)售情況和點(diǎn)擊率進(jìn)行布局。?模塊之間的布局要詳略得當(dāng)、清晰明了。實(shí)訓(xùn)要求任務(wù)實(shí)訓(xùn)——賞析小熊生活電器旗艦店首頁(yè)Tasktraining結(jié)合本任務(wù)所學(xué)知識(shí)，賞析右圖所示的小熊生活電器旗艦店首頁(yè)，從店招與導(dǎo)航、全屏海報(bào)、商品分類(lèi)區(qū)、商品展示區(qū)、頁(yè)尾等方面，分析各個(gè)板塊的設(shè)計(jì)方法，掌握店鋪的視覺(jué)要點(diǎn)。Tasktraining實(shí)訓(xùn)目標(biāo)

掌握店鋪首頁(yè)的視覺(jué)營(yíng)銷(xiāo)要點(diǎn)。實(shí)訓(xùn)思路

步驟01店招與導(dǎo)航。

步驟02全屏海報(bào)。

步驟03商品分類(lèi)區(qū)。

步驟04商品展示區(qū)。

步驟05頁(yè)尾。任務(wù)實(shí)訓(xùn)——賞析小熊生活電器旗艦店首頁(yè)觀察右圖所示的周生生旗艦店首頁(yè)，分析首頁(yè)中的模塊布局，以及布局要點(diǎn)是怎樣體現(xiàn)的。任務(wù)考核TaskassessmentCONTENTS目錄認(rèn)識(shí)店鋪首頁(yè)任務(wù)一店招與導(dǎo)航的視覺(jué)營(yíng)銷(xiāo)設(shè)計(jì)全屏海報(bào)的視覺(jué)營(yíng)銷(xiāo)設(shè)計(jì)任務(wù)二任務(wù)三優(yōu)惠活動(dòng)區(qū)的視覺(jué)營(yíng)銷(xiāo)設(shè)計(jì)任務(wù)四任務(wù)目標(biāo)Taskobjectives本任務(wù)將幫助讀者先了解店招與導(dǎo)航的類(lèi)型與視覺(jué)設(shè)計(jì)風(fēng)格要點(diǎn)，再掌握店招與導(dǎo)航的設(shè)計(jì)與制作。（一）店招的類(lèi)型與視覺(jué)設(shè)計(jì)風(fēng)格一般來(lái)說(shuō)，店招主要包括品牌型和商品型兩種類(lèi)型。1．店招的類(lèi)型?

品牌型店招。以品牌形象展示為主。進(jìn)行視覺(jué)設(shè)計(jì)時(shí)，可體現(xiàn)店鋪名稱(chēng)、品牌Logo、品牌成績(jī)等內(nèi)容，以體現(xiàn)品牌的品質(zhì)和實(shí)力，如右圖所示。?商品型店招。以商品導(dǎo)購(gòu)為主。進(jìn)行視覺(jué)設(shè)計(jì)時(shí)，可體現(xiàn)商品信息，如商品圖片、商品價(jià)格等，用于快速引導(dǎo)消費(fèi)者進(jìn)行商品的選購(gòu)，如右圖所示。（一）店招的類(lèi)型與視覺(jué)設(shè)計(jì)風(fēng)格店招的風(fēng)格引導(dǎo)著整個(gè)店鋪的風(fēng)格，而店鋪的風(fēng)格大多取決于店鋪的商品。一般來(lái)說(shuō)，店鋪中的店招、導(dǎo)航、商品風(fēng)格應(yīng)與店鋪的整體風(fēng)格一致。如下圖所示。2．店招的視覺(jué)設(shè)計(jì)風(fēng)格不同類(lèi)型的店鋪因?yàn)槊嫦虻南M(fèi)人群不同，其店招的風(fēng)格也不相同，如下圖所示。（二）導(dǎo)航的類(lèi)型與視覺(jué)設(shè)計(jì)要點(diǎn)導(dǎo)航主要分為橫排與豎排兩種類(lèi)型，其中橫排導(dǎo)航最為常見(jiàn)，也是大多數(shù)商家選擇的一種展示類(lèi)型，如下圖所示。1．導(dǎo)航的類(lèi)型注意：設(shè)計(jì)橫排導(dǎo)航時(shí)，要將主要信息放置在中間的“安全區(qū)域”（對(duì)于寬為1920像素的導(dǎo)航，應(yīng)在其左右兩側(cè)各留出485像素的寬度，不放置任何內(nèi)容），以適應(yīng)不同瀏覽器的顯示情況。（二）導(dǎo)航的類(lèi)型與視覺(jué)設(shè)計(jì)要點(diǎn)總的來(lái)說(shuō)，具有以下設(shè)計(jì)要點(diǎn)。2．導(dǎo)航的視覺(jué)設(shè)計(jì)要點(diǎn)?導(dǎo)航要與店招的風(fēng)格和顏色相互呼應(yīng)，保證視覺(jué)效果的統(tǒng)一。?導(dǎo)航的長(zhǎng)度有限，每個(gè)導(dǎo)航目的內(nèi)容要簡(jiǎn)潔，內(nèi)容不能太多。?導(dǎo)航的內(nèi)容要盡量簡(jiǎn)單、直接，對(duì)于商品類(lèi)型比較簡(jiǎn)單的店鋪，應(yīng)盡量不設(shè)置二級(jí)子類(lèi)目，以直觀的方式展示分類(lèi)內(nèi)容。?對(duì)于店鋪主推的銷(xiāo)量、人氣較高的商品，商家可以單獨(dú)做一個(gè)商品集合頁(yè)。?導(dǎo)航中的文字顏色要與背景色形成對(duì)比，以方便消費(fèi)者查看并點(diǎn)擊瀏覽對(duì)應(yīng)的頁(yè)面。（三）店招和導(dǎo)航的設(shè)計(jì)與制作通欄店招在淘寶網(wǎng)的使用率非常高，這類(lèi)店招不但包含了常規(guī)店招的基本信息，還將導(dǎo)航融入店招中。下面將以七夕活動(dòng)為例，為一家珠寶首飾店鋪設(shè)計(jì)通欄店招，主要通過(guò)領(lǐng)券、商品展示、收藏、導(dǎo)航等模塊，展現(xiàn)店鋪特色和活動(dòng)氛圍，具體操作如下。12（三）店招和導(dǎo)航的設(shè)計(jì)與制作345678實(shí)訓(xùn)要求任務(wù)實(shí)訓(xùn)——實(shí)訓(xùn)一：制作童裝店鋪店招與導(dǎo)航Tasktraining結(jié)合本任務(wù)所學(xué)知識(shí)，利用相關(guān)素材以及各種工具完成童裝店鋪店招與導(dǎo)航的制作，要求體現(xiàn)出活潑和童趣感，完成后的參考效果如下圖所示。Tasktraining實(shí)訓(xùn)目標(biāo)掌握店招與導(dǎo)航的設(shè)計(jì)與制作方法。實(shí)訓(xùn)思路步驟01新建文件，置入“童裝店招背景.jpg”“童裝Logo.png”素材文件，將Logo素材拖到店招左側(cè)，并調(diào)整大小與位置。步驟02使用“矩形工具”在Logo下方繪制矩形，添加“陰影”圖層樣式，并輸入文字。步驟03使用“矩形工具”、“橫排文字工具”與“自定形狀工具”制作店招的優(yōu)惠券與店鋪收藏模塊。步驟04置入“童裝.png”素材文件，將童裝素材拖到圖像右側(cè)，調(diào)整大小，旋轉(zhuǎn)角度和位置，并為童裝添加“描邊”圖層樣式。步驟04使用“矩形工具”與“橫排文字工具”制作導(dǎo)航。任務(wù)實(shí)訓(xùn)——實(shí)訓(xùn)一：制作童裝店鋪店招與導(dǎo)航實(shí)訓(xùn)要求任務(wù)實(shí)訓(xùn)——實(shí)訓(xùn)二：制作家居店鋪店招與導(dǎo)航Tasktraining結(jié)合本任務(wù)所學(xué)知識(shí)，通過(guò)提供的素材，制作一個(gè)古典家居店鋪店招與導(dǎo)航，要求展現(xiàn)出該店鋪的古典風(fēng)格，完成后的參考效果如下圖所示。Tasktraining實(shí)訓(xùn)目標(biāo)掌握不同樣式店招與導(dǎo)航的制作方法。實(shí)訓(xùn)思路步驟01新建文件，置入“家居店鋪店招背景.jpg”素材文件。步驟02選擇“矩形工具”，繪制矩形并添加“投影”圖層樣式，在矩形上方輸入店鋪名稱(chēng)與宣傳語(yǔ)；選擇“矩形工具”，在文字下方繪制圓角矩形；選擇“自定形狀工具”，在矩形上方繪制心形。步驟03選擇“橫排文字工具”，在矩形上方輸入文字；選擇“直排文字工具”，在圖像中間輸入導(dǎo)航文字與一字線(xiàn)，調(diào)整位置與大小。步驟04使用“矩形工具”、“自定形狀工具”與“橫排文字工具”，繪制搜索框并輸入文字。任務(wù)實(shí)訓(xùn)——實(shí)訓(xùn)二：制作家居店鋪店招與導(dǎo)航為某家電店鋪制作商品型店招和橫排導(dǎo)航，要求包含店鋪名稱(chēng)、宣傳語(yǔ)、收藏按鈕和多個(gè)主推商品圖像，風(fēng)格簡(jiǎn)約，商品類(lèi)目清晰，參考效果如下圖所示。任務(wù)考核TaskassessmentCONTENTS目錄認(rèn)識(shí)店鋪首頁(yè)任務(wù)一店招與導(dǎo)航的視覺(jué)營(yíng)銷(xiāo)設(shè)計(jì)全屏海報(bào)的視覺(jué)營(yíng)銷(xiāo)設(shè)計(jì)任務(wù)二任務(wù)三優(yōu)惠活動(dòng)區(qū)的視覺(jué)營(yíng)銷(xiāo)設(shè)計(jì)任務(wù)四任務(wù)目標(biāo)Taskobjectives全屏海報(bào)是店鋪首頁(yè)設(shè)計(jì)中的亮點(diǎn)。全屏海報(bào)不僅能給消費(fèi)者帶來(lái)視覺(jué)上的美好感受，還能使消費(fèi)者快速了解店鋪的促銷(xiāo)內(nèi)容與活動(dòng)信息。通過(guò)學(xué)習(xí)本任務(wù)，讀者可以了解全屏海報(bào)的視覺(jué)主題與構(gòu)圖方式，并掌握全屏海報(bào)的設(shè)計(jì)與制作方法。（一）全屏海報(bào)的視覺(jué)主題全屏海報(bào)的視覺(jué)內(nèi)容設(shè)計(jì)一般依據(jù)店鋪近期的主題而定，比如店鋪近期需要推廣店內(nèi)人氣商品或新品，或者推廣店內(nèi)優(yōu)惠活動(dòng)等，就要根據(jù)不同的主題來(lái)設(shè)計(jì)不同的全屏海報(bào)。一般來(lái)說(shuō)，全屏海報(bào)主要有商品宣傳、主題活動(dòng)和品牌塑造3種主題。商品宣傳主題活動(dòng)品牌塑造（二）全屏海報(bào)的視覺(jué)構(gòu)圖全屏海報(bào)是店鋪首頁(yè)中向消費(fèi)者傳遞信息的重要模塊，其視覺(jué)表現(xiàn)的好壞直接影響著營(yíng)銷(xiāo)效果，好的構(gòu)圖能夠讓全屏海報(bào)的視覺(jué)效果更加出彩，提升視覺(jué)表現(xiàn)力。左右構(gòu)圖上下構(gòu)圖左中右構(gòu)圖底面構(gòu)圖0102030405傾斜構(gòu)圖（三）全屏海報(bào)的設(shè)計(jì)與制作全屏海報(bào)需要結(jié)合店鋪的整體風(fēng)格進(jìn)行制作，本例的珠寶店鋪準(zhǔn)備針對(duì)七夕節(jié)開(kāi)展“全店滿(mǎn)1000元減100元”的活動(dòng)，在設(shè)計(jì)時(shí)可采用夢(mèng)幻的設(shè)計(jì)風(fēng)格和色調(diào)，營(yíng)造浪漫、甜蜜的氛圍，具體操作如下。1234（三）全屏海報(bào)的設(shè)計(jì)與制作567（三）全屏海報(bào)的設(shè)計(jì)與制作981110實(shí)訓(xùn)要求任務(wù)實(shí)訓(xùn)——實(shí)訓(xùn)一：制作洗衣機(jī)全屏海報(bào)Tasktraining根據(jù)提供的素材制作洗衣機(jī)全屏海報(bào)，要求使用左右構(gòu)圖方式對(duì)海報(bào)進(jìn)行布局，商品與背景自然融合，主題突出，完成后的參考效果如下圖所示。Tasktraining實(shí)訓(xùn)目標(biāo)（1）掌握洗衣機(jī)全屏海報(bào)的設(shè)計(jì)與制作方法。（2）掌握左右構(gòu)圖布局方式。實(shí)訓(xùn)思路步驟01新建文件，置入“洗衣機(jī)背景.jpg”素材文件。步驟02置入“洗衣機(jī).png”“植物.png”素材文件，調(diào)整大小與位置，為這兩個(gè)素材圖層分別添加“投影”圖層樣式，使其形成陰影效果。步驟03選擇“橫排文字工具”，在圖像中間空白處輸入主題文字與描述性文字。步驟04選擇“矩形工具”，在描述性文字下方繪制漸變顏色為“#1377cc~透明”矩形，再為“立即搶購(gòu)”文字繪制圓角矩形用以裝飾。任務(wù)實(shí)訓(xùn)——實(shí)訓(xùn)一：制作洗衣機(jī)全屏海報(bào)實(shí)訓(xùn)要求任務(wù)實(shí)訓(xùn)——實(shí)訓(xùn)二：制作水果店鋪全屏海報(bào)Tasktraining根據(jù)提供的素材制作水果店鋪全屏海報(bào)，通過(guò)背景與文字的描述體現(xiàn)整店活動(dòng)主題，并使用上下構(gòu)圖方式進(jìn)行海報(bào)的設(shè)計(jì)與制作，要求布局均衡，視覺(jué)效果美觀清新，完成后的參考效果如下圖所示。Tasktraining實(shí)訓(xùn)目標(biāo)（1）掌握水果店鋪全屏海報(bào)的設(shè)計(jì)與制作方法。（2）掌握上下構(gòu)圖布局方式。實(shí)訓(xùn)思路步驟01新建文件，將“背景.psd”素材文件中的所有內(nèi)容拖入海報(bào)中，調(diào)整大小和位置，置入“基地.jpg”素材文件，將其拖動(dòng)到大橢圓形所在圖層上方，再創(chuàng)建剪貼蒙版。步驟02置入“木牌.png”“木桌.png”素材文件，將“水果籃.psd”素材文件中的所有內(nèi)容拖入海報(bào)中，調(diào)整大小和位置。步驟03使用“橫排文字工具”和“鋼筆工具”制作路徑文字，用于展示主題和促銷(xiāo)信息。步驟04選擇“自定形狀工具”，在主題文字中間繪制愛(ài)心形狀。步驟05為主題文字添加“投影”“漸變疊加”圖層樣式，為愛(ài)心形狀添加“投影”“斜面和浮雕”圖層樣式。任務(wù)實(shí)訓(xùn)——實(shí)訓(xùn)二：制作水果店鋪全屏海報(bào)為某女裝店鋪制作以商品宣傳為主題的全屏海報(bào)，要求采用至少一種海報(bào)構(gòu)圖方式，其視覺(jué)效果要簡(jiǎn)約、美觀，參考效果如下圖所示。任務(wù)考核TaskassessmentCONTENTS目錄認(rèn)識(shí)店鋪首頁(yè)任務(wù)一店招與導(dǎo)航的視覺(jué)營(yíng)銷(xiāo)設(shè)計(jì)全屏海報(bào)的視覺(jué)營(yíng)銷(xiāo)設(shè)計(jì)任務(wù)二任務(wù)三優(yōu)惠活動(dòng)區(qū)的視覺(jué)營(yíng)銷(xiāo)設(shè)計(jì)任務(wù)四任務(wù)目標(biāo)Taskobjectives優(yōu)惠活動(dòng)區(qū)主要由優(yōu)惠券、商品分類(lèi)區(qū)和活動(dòng)專(zhuān)區(qū)3部分組成，在實(shí)際設(shè)計(jì)過(guò)程中可根據(jù)店鋪的實(shí)際情況進(jìn)行刪減。通過(guò)學(xué)習(xí)本任務(wù)，讀者可以充分了解優(yōu)惠券視覺(jué)設(shè)計(jì)、商品分類(lèi)區(qū)視覺(jué)設(shè)計(jì)、活動(dòng)專(zhuān)區(qū)視覺(jué)設(shè)計(jì)等知識(shí)，掌握優(yōu)惠活動(dòng)區(qū)各部分的設(shè)計(jì)與制作方法。（一）優(yōu)惠券視覺(jué)設(shè)計(jì)優(yōu)惠券是商家常用的一種營(yíng)銷(xiāo)方式。一般來(lái)說(shuō)，一張優(yōu)惠券上最醒目的信息通常是優(yōu)惠面額。除此之外，設(shè)計(jì)優(yōu)惠券時(shí)還需要對(duì)其他的必要信息進(jìn)行完善。1．優(yōu)惠券設(shè)計(jì)要點(diǎn)1234優(yōu)惠券的使用范圍優(yōu)惠券的使用張數(shù)限制優(yōu)惠券的使用條件優(yōu)惠券的使用周期限制（一）優(yōu)惠券視覺(jué)設(shè)計(jì)下面為珠寶店制作跨店優(yōu)惠券和店鋪優(yōu)惠券。在制作時(shí)先確定各類(lèi)優(yōu)惠券的面額以及使用條件，再繪制優(yōu)惠券的形狀，具體操作如下。12342．制作優(yōu)惠券（一）優(yōu)惠券視覺(jué)設(shè)計(jì)8109112．制作優(yōu)惠券756（二）商品分類(lèi)區(qū)視覺(jué)設(shè)計(jì)商品分類(lèi)區(qū)一般位于優(yōu)惠券的下方，為了更好地發(fā)揮商品分類(lèi)板塊的作用，需要從商品屬性、分類(lèi)方式等方面入手。1．商品分類(lèi)區(qū)視覺(jué)設(shè)計(jì)要點(diǎn)?要充分考慮店鋪商品屬性和消費(fèi)者的瀏覽習(xí)慣。?要展示重點(diǎn)商品，如店鋪新品和主推商品，在設(shè)計(jì)時(shí)將這類(lèi)商品盡量靠前排，從而增加該類(lèi)商品的曝光率。?分類(lèi)不是越多越好，一般建議分為4～8個(gè)主營(yíng)類(lèi)目即可，也可根據(jù)商品總體分類(lèi)附帶類(lèi)目鏈接，便于消費(fèi)者瀏覽。?清晰明了是基本的要求，不要出現(xiàn)重復(fù)分類(lèi)，以免浪費(fèi)資源。（二）商品分類(lèi)區(qū)視覺(jué)設(shè)計(jì)商品分類(lèi)區(qū)一般是店鋪主營(yíng)商品系列的匯總展示，它能夠讓消費(fèi)者更快捷地找到自己心儀的商品，下面將制作珠寶店鋪的商品分類(lèi)，設(shè)計(jì)時(shí)可運(yùn)用圖文組合的形式，明確直觀地展示商品類(lèi)別，便于消費(fèi)者查看，具體操作如下。12342．制作商品分類(lèi)區(qū)（三）活動(dòng)專(zhuān)區(qū)視覺(jué)設(shè)計(jì)在制作活動(dòng)專(zhuān)區(qū)時(shí)，通常配合商品、文案、價(jià)格等信息來(lái)展示活動(dòng)內(nèi)容，為了設(shè)計(jì)出符合需求的活動(dòng)，設(shè)計(jì)過(guò)程中需要注意以下兩個(gè)方面。1．活動(dòng)專(zhuān)區(qū)視覺(jué)設(shè)計(jì)要點(diǎn)?活動(dòng)專(zhuān)區(qū)中每一個(gè)商品的名稱(chēng)定義要全面、準(zhǔn)確，不能過(guò)于復(fù)雜或過(guò)于簡(jiǎn)單，應(yīng)盡量體現(xiàn)出商品名字和特點(diǎn)。?活動(dòng)專(zhuān)區(qū)中的每一個(gè)商品圖片都有著吸引消費(fèi)者點(diǎn)擊的作用，在設(shè)計(jì)時(shí)除了選擇店鋪中受歡迎商品外，還可選擇臨近下架的商品，因?yàn)榕R近下架時(shí)間的商品會(huì)獲得淘寶網(wǎng)的優(yōu)先展示機(jī)會(huì)，有一定的概率讓消費(fèi)者優(yōu)先查看。（三）活動(dòng)專(zhuān)區(qū)視覺(jué)設(shè)計(jì)活動(dòng)專(zhuān)區(qū)主要用于展示促銷(xiāo)商品與促銷(xiāo)活動(dòng)。制作活動(dòng)專(zhuān)區(qū)時(shí)，先制作橫幅海報(bào)，再在海報(bào)的下方分別制作單個(gè)商品的展示區(qū)，具體操作如下。12342．制作活動(dòng)專(zhuān)區(qū)（三）活動(dòng)專(zhuān)區(qū)視覺(jué)設(shè)計(jì)56782．制作活動(dòng)專(zhuān)區(qū)9101112（三）活動(dòng)專(zhuān)區(qū)視覺(jué)設(shè)計(jì)1314152．制作活動(dòng)專(zhuān)區(qū)實(shí)訓(xùn)要求任務(wù)實(shí)訓(xùn)——制作女裝店鋪的優(yōu)惠活動(dòng)區(qū)Tasktraining運(yùn)用提供的素材制作女裝店鋪優(yōu)惠活動(dòng)區(qū)，要求優(yōu)惠券風(fēng)格與店鋪風(fēng)格一致，商品信息條理分明、直觀清楚，整體效果簡(jiǎn)約、美觀，參考效果如右圖所示。Tasktraining實(shí)訓(xùn)目標(biāo)（1）掌握優(yōu)惠券的制作方法。（2）掌握商品分類(lèi)區(qū)的制作方法