店鋪首頁核心模塊設(shè)計(jì)網(wǎng)店美工視覺設(shè)計(jì)實(shí)戰(zhàn)教程（全彩微課版第3版）第4章目錄Contents店招設(shè)計(jì)輪播海報(bào)設(shè)計(jì)優(yōu)惠券設(shè)計(jì)4.24.14.3商品促銷區(qū)設(shè)計(jì)實(shí)戰(zhàn)演練4.44.54.1.1店招制作規(guī)范3店招可以分為普通店招和全屏店招兩種類型。其中，普通店招的尺寸為950像素×120像素，全屏店招的尺寸則為1920像素×150像素（通常為了與全屏海報(bào)適配才使用該尺寸，左右兩側(cè)一般為空白背景），并且店招連同導(dǎo)航條高度不能超過150像素。為了便于上傳店招，店招大小最好小于80KB，店招的格式也應(yīng)設(shè)置成JPG、GIF或PNG。此外，為便于推廣店鋪商品和擴(kuò)大品牌知名度，網(wǎng)店美工在設(shè)計(jì)店招時(shí)，除了需要使店招的視覺效果新穎別致外，還應(yīng)遵循以下兩個(gè)基本原則。植入品牌形象抓住商品定位4.1.2制作店招4現(xiàn)有首飾專賣店“SKAW崇家旗艦店”準(zhǔn)備裝修店鋪首頁，因此需要先制作店招，為了讓店招的整體色調(diào)迎合主要消費(fèi)群體的審美，可以以粉色為主色調(diào)，并將粉色花瓣作為背景，其具體操作步驟如下。添加背景12新建文件繪制正圓34.1.2制作店招5復(fù)制并縮小圓輸入文本45創(chuàng)建扇形變形效果6繪制直線的效果74.1.2制作店招6添加投影添加商品89輸入文本復(fù)制投影效果11104.1.2制作店招7輸入并調(diào)整文本12常規(guī)店招效果151314繪制形狀復(fù)制圖層并修改文本目錄Contents店招設(shè)計(jì)輪播海報(bào)設(shè)計(jì)優(yōu)惠券設(shè)計(jì)4.24.14.3商品促銷區(qū)設(shè)計(jì)實(shí)戰(zhàn)演練4.44.54.2.1輪播海報(bào)布局方式91234左右布局斜切布局左中右三分式布局上下布局4.2.2輪播海報(bào)設(shè)計(jì)要點(diǎn)10規(guī)范尺寸常規(guī)型輪播海報(bào)的寬度可設(shè)置為950像素、750像素和190像素，其高度為300像素~500像素，圖片大小要小于300KB；而全屏型（指全屏展示的海報(bào)）的尺寸為1920像素×550像素或1920像素×650像素。主題明確內(nèi)容合理主題可通過商品和文字的描述來體現(xiàn)，將對(duì)商品的描述提煉為簡練的主題，并將其和商品放在第一視覺點(diǎn)，讓消費(fèi)者直觀地看到商品以及主題，從而明白該輪播海報(bào)所傳出的信息。重要文字信息的色彩需要較為鮮明，起到強(qiáng)調(diào)作用；背景所采用的顏色盡量在1~3種，避免搶奪商品和文字的存在感。若要圍繞同一商品制作不同的輪播海報(bào)，應(yīng)該重點(diǎn)注意第1~2張輪播海報(bào)的視覺效果，第3~4張輪播海報(bào)可圍繞商品的功能、制作工藝、包裝等內(nèi)容制作，使每張輪播海報(bào)都有獨(dú)特的內(nèi)容展示。色彩鮮明一般來說，輪播海報(bào)是指2~4張海報(bào)循環(huán)播放，這樣比較適合消費(fèi)者的瀏覽節(jié)奏，并且每張海報(bào)的尺寸大小需一致。4.2.3制作輪播海報(bào)1121設(shè)置參數(shù)放置素材首飾專賣店“SKAW崇家旗艦店”店鋪的店招制作完畢后，需要設(shè)計(jì)2張輪播海報(bào)用于推廣熱銷商品。由于該商品的外觀顏色中白色較多，為了襯托商品和對(duì)應(yīng)店招設(shè)計(jì)，將制作以白色為主色調(diào)的兩張輪播海報(bào)，另外，為增強(qiáng)兩張海報(bào)的統(tǒng)一性，可采用相同背景，只改變布局和商品圖像的形式制作，其具體操作步驟如下。3添加投影4.2.3制作輪播海報(bào)1254繪制直線輸入文本6輪播海報(bào)1效果7輪播海報(bào)2效果目錄Contents店招設(shè)計(jì)輪播海報(bào)設(shè)計(jì)優(yōu)惠券設(shè)計(jì)4.24.14.3商品促銷區(qū)設(shè)計(jì)實(shí)戰(zhàn)演練4.44.54.3.1優(yōu)惠券的制作原則14優(yōu)惠券在首頁中展示的信息有限，一般只展示優(yōu)惠的金額，但一張完整的優(yōu)惠券內(nèi)還包括了優(yōu)惠券的使用范圍、使用條件等，這些信息只有在消費(fèi)者點(diǎn)擊領(lǐng)取優(yōu)惠券后才會(huì)顯示。0103050204優(yōu)惠券的使用范圍優(yōu)惠券的使用時(shí)間限制優(yōu)惠券的最終解釋權(quán)優(yōu)惠券的使用張數(shù)限制優(yōu)惠券的使用條件4.3.2制作優(yōu)惠券15繪制圓角矩形12優(yōu)惠券的發(fā)放模式主要有消費(fèi)滿減（滿就送）、會(huì)員折扣和消費(fèi)者自主領(lǐng)取3種類型，“SKAW崇家旗艦店”店鋪的裝修選擇設(shè)計(jì)滿減優(yōu)惠券，其具體操作步驟如下。繪制虛線輸入文本34.3.2制作優(yōu)惠券16繪制圓角矩形4創(chuàng)建剪貼蒙版5輸入文字64.3.2制作優(yōu)惠券17繪制形狀7最終效果89復(fù)制圖層組目錄Contents店招設(shè)計(jì)輪播海報(bào)設(shè)計(jì)優(yōu)惠券設(shè)計(jì)4.24.14.3商品促銷區(qū)設(shè)計(jì)實(shí)戰(zhàn)演練4.44.54.4.1商品促銷區(qū)的設(shè)計(jì)要點(diǎn)19在制作商品促銷區(qū)時(shí)，通常會(huì)配合商品、文案、優(yōu)惠價(jià)格等內(nèi)容來展示促銷信息，為了優(yōu)化商品促銷區(qū)的功能，設(shè)計(jì)過程中需要注意以下4個(gè)方面。商品促銷區(qū)的常用尺寸為720像素×500像素，寬度不能大于750像素，但是高度可以根據(jù)商品促銷內(nèi)商品的數(shù)量來設(shè)置。制作規(guī)范商品文案商品圖片展示促銷信息的文字應(yīng)該盡量簡潔、明確，字?jǐn)?shù)盡量在10字以內(nèi)，避免文字太多降低視覺觀感。而商品名稱的定義也要全面、準(zhǔn)確，能夠體現(xiàn)商品名字和賣點(diǎn)。商品圖片要美觀、真實(shí)，可以吸引消費(fèi)者的眼球，能夠配合商品促銷區(qū)版塊整體的設(shè)計(jì)效果。商品促銷展示區(qū)中的商品除了可以選擇店鋪中優(yōu)質(zhì)的商品外，還可選擇臨近下架時(shí)間的商品。這是因?yàn)榫o臨下架時(shí)間的商品會(huì)獲得淘寶的優(yōu)先展示機(jī)會(huì)，有一定的概率讓消費(fèi)者優(yōu)先查看。商品挑選4.4.2制作商品促銷區(qū)2012“SKAW崇家旗艦店”店鋪首頁需要添加商品促銷區(qū)，為了與首頁店招、輪播海報(bào)、優(yōu)惠券的設(shè)計(jì)風(fēng)格統(tǒng)一，在配色上準(zhǔn)備延續(xù)白粉配色，背景色和布局延續(xù)優(yōu)惠券的設(shè)計(jì)。在制作時(shí)，先制作促銷區(qū)中的裝飾區(qū)域，再制作單個(gè)商品的展示區(qū)，其具體操作步驟如下。輸入文字置入圖片繪制3個(gè)矩形34.4.2制作商品促銷區(qū)21最終效果輸入文字對(duì)齊圖像564目錄Contents店招設(shè)計(jì)輪播海報(bào)設(shè)計(jì)優(yōu)惠券設(shè)計(jì)4.24.14.3商品促銷區(qū)設(shè)計(jì)實(shí)戰(zhàn)演練4.44.54.5.1制作家電店鋪店招231.?設(shè)計(jì)思路020103新建文件，創(chuàng)建劃分導(dǎo)航條的輔助線使用文字，制作文字型的店標(biāo)繪制形狀，制作收藏店鋪、商品、導(dǎo)航條的裝飾部分4.5.1制作家電店鋪店招242.知識(shí)要點(diǎn)使用“新建參考線”命令確定導(dǎo)航條位置使用“橫排文字工具”輸入店鋪名稱，使用“鋼筆工具”繪制裝飾線，制作店鋪Logo使用“矩形工具”“圓角矩形工具”和“橢圓工具”繪制其他區(qū)域的裝飾形狀和標(biāo)簽4.5.1制作家電店鋪店招25133.操作步驟下面開始制作家電店鋪店招，其具體操作步驟如下。?輸入文字新建參考線繪制曲線24.5.1制作家電店鋪店招266繪制正圓4輸入店鋪廣告語5繪制圓角矩形7輸入說明文本4.5.1制作家電店鋪店招27復(fù)制圖層組8輸入導(dǎo)航條文本10修改圖層組內(nèi)容最終效果9114.5.2制作手機(jī)輪播海報(bào)28創(chuàng)建文件，并制作漸變背景，豐富畫面色彩在海報(bào)左側(cè)添加文本，右側(cè)添加商品圖像，并強(qiáng)調(diào)關(guān)鍵區(qū)域的信息新建同等大小的文件，將第1張輪播海報(bào)中的內(nèi)容移至其中，并適當(dāng)修改內(nèi)容

1.設(shè)計(jì)思路4.5.2制作手機(jī)輪播海報(bào)29

2.知識(shí)要點(diǎn)1234使用“復(fù)制圖層”“拷貝圖層樣式”“粘貼圖層樣式”命令制作相同內(nèi)容使用“漸變疊加”“投影”圖層樣式命令強(qiáng)調(diào)關(guān)鍵區(qū)域使用“橫排文字工具”輸入文本，使用“圓角矩形工具”繪制裝飾使用“漸變工具”繪制漸變色背景4.5.2制作手機(jī)輪播海報(bào)3013.操作步驟下面開始制作手機(jī)輪播海報(bào)，其具體操作步驟如下。調(diào)整漸變色條繪制垂直線2填充背景色3