網(wǎng)店美工 課件項(xiàng)目四

網(wǎng)店美工：理論、案例與實(shí)訓(xùn)（全彩微課版）高等院校電子商務(wù)類(lèi)新形態(tài)系列教材項(xiàng)目四設(shè)計(jì)與制作店鋪首頁(yè)目錄Contents任務(wù)一

認(rèn)識(shí)店鋪首頁(yè)任務(wù)二設(shè)計(jì)與制作店招與導(dǎo)航任務(wù)三設(shè)計(jì)與制作全屏海報(bào)任務(wù)四設(shè)計(jì)與制作優(yōu)惠券任務(wù)五

設(shè)計(jì)與制作商品推薦區(qū)任務(wù)一認(rèn)識(shí)店鋪首頁(yè)店鋪首頁(yè)的裝修效果會(huì)直接影響店鋪的流量，為了設(shè)計(jì)出具有吸引力的店鋪首頁(yè)，網(wǎng)店美工需要對(duì)店鋪首頁(yè)的主要功能進(jìn)行了解，這樣才能有針對(duì)性地設(shè)計(jì)出滿(mǎn)足消費(fèi)者需求的店鋪首頁(yè)。店鋪首頁(yè)的主要功能具體如下。一、店鋪首頁(yè)的主要功能01展示商品、促進(jìn)銷(xiāo)售02展示商品、促進(jìn)銷(xiāo)售03引流任務(wù)一認(rèn)識(shí)店鋪首頁(yè)店鋪首頁(yè)主要由店招與導(dǎo)航、全屏海報(bào)、優(yōu)惠活動(dòng)區(qū)、商品推薦區(qū)等模塊組成，每個(gè)模塊的作用和使用方法都不同。二、店鋪首頁(yè)的組成結(jié)構(gòu)01店招與導(dǎo)航03全屏海報(bào)02優(yōu)惠活動(dòng)區(qū)04超商品推薦區(qū)目錄Contents任務(wù)一認(rèn)識(shí)店鋪首頁(yè)任務(wù)二設(shè)計(jì)與制作店招與導(dǎo)航任務(wù)三設(shè)計(jì)與制作全屏海報(bào)任務(wù)四設(shè)計(jì)與制作優(yōu)惠券任務(wù)五

設(shè)計(jì)與制作商品推薦區(qū)任務(wù)二設(shè)計(jì)與制作店招與導(dǎo)航在進(jìn)行店招與導(dǎo)航設(shè)計(jì)時(shí)，網(wǎng)店美工要想給更多消費(fèi)者留下深刻印象需要遵循以下設(shè)計(jì)要求。一、店招與導(dǎo)航的設(shè)計(jì)要求040103展示品牌形象進(jìn)行店鋪定位符合設(shè)計(jì)規(guī)范02進(jìn)行店鋪風(fēng)格定位任務(wù)二設(shè)計(jì)與制作店招與導(dǎo)航店招的設(shè)計(jì)要點(diǎn)主要體現(xiàn)在促銷(xiāo)商品、收藏和關(guān)注、優(yōu)惠券等能夠直接吸引消費(fèi)者的板塊上，這些板塊可以直接展現(xiàn)店鋪營(yíng)銷(xiāo)活動(dòng)信息，從而吸引消費(fèi)者、提升其購(gòu)物體驗(yàn)。導(dǎo)航的設(shè)計(jì)要點(diǎn)主要體現(xiàn)在導(dǎo)航內(nèi)容的選擇與分類(lèi)上。二、店招與導(dǎo)航的設(shè)計(jì)要點(diǎn)010203促銷(xiāo)商品收藏和關(guān)注優(yōu)惠券0405導(dǎo)航內(nèi)容導(dǎo)航分類(lèi)任務(wù)二設(shè)計(jì)與制作店招與導(dǎo)航“簡(jiǎn)吉”家紡店鋪是一家專(zhuān)注家紡的店鋪，其中毛巾、一次性用品、床上用品等深受消費(fèi)者喜愛(ài)，為了更好地展示熱賣(mài)商品，需要對(duì)首頁(yè)中的店招與導(dǎo)航進(jìn)行重新設(shè)計(jì)。要求采用通欄店招的方式來(lái)完成，網(wǎng)店美工在制作時(shí)可先設(shè)計(jì)網(wǎng)店的品牌Logo，由于網(wǎng)店是家紡用品店，網(wǎng)店美工可以通過(guò)文字變形的方式來(lái)體現(xiàn)品牌形象，然后添加熱賣(mài)商品、優(yōu)惠信息，最后根據(jù)商品分類(lèi)制作導(dǎo)航條，具體操作步驟如下。三、【課堂案例】——制作家紡店鋪店招與導(dǎo)航1任務(wù)二設(shè)計(jì)與制作店招與導(dǎo)航三、【課堂案例】——制作家紡店鋪店招與導(dǎo)航234567任務(wù)二設(shè)計(jì)與制作店招與導(dǎo)航三、【課堂案例】——制作家紡店鋪店招與導(dǎo)航891011任務(wù)二設(shè)計(jì)與制作店招與導(dǎo)航課堂練習(xí)：制作茶葉店鋪店招與導(dǎo)航操作思路為了使茶葉店鋪店招與導(dǎo)航突出茶葉店招、熱賣(mài)商品、關(guān)注收藏、廣告語(yǔ)、搜索等內(nèi)容，網(wǎng)店美工可將茶葉店鋪店招與導(dǎo)航分為4個(gè)部分，左側(cè)為L(zhǎng)ogo內(nèi)容，中間部分為廣告語(yǔ)，右側(cè)為熱賣(mài)商品，下方為導(dǎo)航部分，在顏色的選擇上，以綠色和白色為主色，用以烘托茶葉綠色、天然的特點(diǎn)，網(wǎng)店美工在制作時(shí)可針對(duì)各個(gè)部分分別進(jìn)行制作。操作提示新建大小為1920像素×150像素的圖像文件；在左側(cè)部分繪制Logo；在中間部分輸入廣告語(yǔ)并添加關(guān)注收藏按鈕；在右側(cè)繪制矩形并為矩形添加邊框；添加商品素材并輸入商品文字；在下方繪制矩形并輸入導(dǎo)航內(nèi)容，最終參考效果如圖所示。任務(wù)二設(shè)計(jì)與制作店招與導(dǎo)航課堂練習(xí)：制作茶葉店鋪店招與導(dǎo)航效果展示目錄Contents任務(wù)一認(rèn)識(shí)店鋪首頁(yè)任務(wù)二設(shè)計(jì)與制作店招與導(dǎo)航任務(wù)三設(shè)計(jì)與制作全屏海報(bào)任務(wù)四

設(shè)計(jì)與制作優(yōu)惠券任務(wù)五

設(shè)計(jì)與制作商品推薦區(qū)任務(wù)三設(shè)計(jì)與制作全屏海報(bào)一、全屏海報(bào)的設(shè)計(jì)要點(diǎn)（3）構(gòu)圖。構(gòu)圖方式直接影響著全屏海報(bào)的視覺(jué)效果。（4）配色。網(wǎng)店美工在配色時(shí)，對(duì)重要的文字信息需要用突出醒目的顏色進(jìn)行強(qiáng)調(diào)，通過(guò)明暗對(duì)比以及不同顏色的搭配來(lái)確定對(duì)應(yīng)的風(fēng)格，但要使其背景顏色統(tǒng)一，并且不要使用太多的顏色，以免使畫(huà)面顯得雜亂。全屏海報(bào)的寬度為1920像素，高度根據(jù)版面內(nèi)容的實(shí)際情況而定，占地一般較大，要使全屏海報(bào)具有美觀、吸引消費(fèi)者注意力的效果，網(wǎng)店美工就要綜合考慮全屏海報(bào)的主題、字體、構(gòu)圖和配色等設(shè)計(jì)要點(diǎn)。（1）主題。無(wú)論全屏海報(bào)數(shù)量的多與少，全屏海報(bào)中的內(nèi)容都需要圍繞同一個(gè)主題，并根據(jù)主題確定對(duì)應(yīng)的全屏海報(bào)效果。（2）字體。在添加文字時(shí)，文字的字體不要超過(guò)3種，建議用稍大或個(gè)性化的字體突出海報(bào)主題和商品特征。任務(wù)三設(shè)計(jì)與制作全屏海報(bào)二、【課堂案例】——制作家紡店鋪全屏海報(bào)“簡(jiǎn)吉”家紡店鋪需要在導(dǎo)航條的下方制作尺寸為1920像素×800像素的兩張全屏海報(bào)。第一張全屏海報(bào)要求以新品宣傳為出發(fā)點(diǎn)，整個(gè)全屏海報(bào)要突出顯示新品信息，且要美觀、簡(jiǎn)潔；第二張全屏海報(bào)要求展示商品的使用場(chǎng)景，其效果要簡(jiǎn)潔、直觀，具體操作步驟如下。12任務(wù)三設(shè)計(jì)與制作全屏海報(bào)二、【課堂案例】——制作家紡店鋪全屏海報(bào)3564任務(wù)三設(shè)計(jì)與制作全屏海報(bào)二、【課堂案例】——制作家紡店鋪全屏海報(bào)79108任務(wù)三設(shè)計(jì)與制作全屏海報(bào)課堂練習(xí)：制作茶葉全屏海報(bào)操作思路為了體現(xiàn)茶葉的種植環(huán)境，并將自然、健康等理念體現(xiàn)在全屏海報(bào)中，網(wǎng)店美工需要先合成背景，然后添加商品和對(duì)應(yīng)的描述文字。操作提示新建圖像文件，并對(duì)背景填充漸變顏色；依次添加云、山坡、灌木、云海、光暈素材，完成背景的制作；添加商品圖像；輸入文字并調(diào)整文字的顏色，最終參考效果如圖所示。任務(wù)三設(shè)計(jì)與制作全屏海報(bào)課堂練習(xí)：制作茶葉全屏海報(bào)效果展示目錄Contents任務(wù)一認(rèn)識(shí)店鋪首頁(yè)任務(wù)二設(shè)計(jì)與制作店招與導(dǎo)航任務(wù)三設(shè)計(jì)與制作全屏海報(bào)任務(wù)四設(shè)計(jì)與制作優(yōu)惠券任務(wù)五

設(shè)計(jì)與制作商品推薦區(qū)任務(wù)四設(shè)計(jì)與制作優(yōu)惠券一、優(yōu)惠券的設(shè)計(jì)原則（1）明確優(yōu)惠券的使用范圍。消費(fèi)者要明確優(yōu)惠券使用的店鋪名稱(chēng)，以及使用的范圍。（2）限制優(yōu)惠券的使用條件。優(yōu)惠券一般是在特定條件下才能使用，如“滿(mǎn)59元使用”“滿(mǎn)99元使用”“僅××商品使用”等，限制使用條件在刺激消費(fèi)者消費(fèi)的同時(shí)，可較大限度地保障網(wǎng)店的利潤(rùn)空間。（3）限制優(yōu)惠券的使用時(shí)間。一般情況下，如果優(yōu)惠是短期活動(dòng)，應(yīng)當(dāng)限制優(yōu)惠券的使用日期，如3天、7天等，使消費(fèi)者產(chǎn)生機(jī)不可失的心理，從而提高消費(fèi)者對(duì)優(yōu)惠券的使用率。（4）限制優(yōu)惠券的使用張數(shù)。為了防止折上折的情況出現(xiàn)，可限制優(yōu)惠券的使用張數(shù)，如“每筆訂單限用一張優(yōu)惠券”。（5）保留優(yōu)惠券的最終解釋權(quán)。為了避免在后期活動(dòng)執(zhí)行時(shí)出現(xiàn)不必要的糾紛，可保留店鋪優(yōu)惠券在法律上的權(quán)利，如添加“優(yōu)惠券的最終解釋權(quán)歸本店所有”的文字。任務(wù)四設(shè)計(jì)與制作優(yōu)惠券二、【課堂案例】——制作家紡店鋪優(yōu)惠券“簡(jiǎn)吉”家紡店鋪需要在全屏海報(bào)的下方制作優(yōu)惠券，為了配合前面制作的店招與海報(bào)風(fēng)格，在制作店鋪優(yōu)惠券時(shí)，其顏色將繼續(xù)沿用前面店招的顏色，并羅列不同面值的優(yōu)惠券，具體操作步驟如下。12任務(wù)四設(shè)計(jì)與制作優(yōu)惠券二、【課堂案例】——制作家紡店鋪優(yōu)惠券345任務(wù)四設(shè)計(jì)與制作優(yōu)惠券課堂練習(xí)：制作茶葉店鋪優(yōu)惠券操作思路為了體現(xiàn)茶葉歷史悠久的特點(diǎn)，在設(shè)計(jì)優(yōu)惠券時(shí)可運(yùn)用水墨風(fēng)的人物、山水作為背景，以畫(huà)卷的形式展示優(yōu)惠券內(nèi)容，讓整個(gè)優(yōu)惠券更加具有歷史韻味。操作提示新建圖像文件，依次添加背景、卷軸等素材，完成背景的制作；然后依次制作不同優(yōu)惠信息的優(yōu)惠券，最終參考效果如圖所示。任務(wù)四設(shè)計(jì)與制作優(yōu)惠券課堂練習(xí)：制作茶葉全屏海報(bào)效果展示目錄Contents任務(wù)一認(rèn)識(shí)店鋪首頁(yè)任務(wù)二設(shè)計(jì)與制作店招與導(dǎo)航任務(wù)三設(shè)計(jì)與制作全屏海報(bào)任務(wù)四設(shè)計(jì)與制作優(yōu)惠券任務(wù)五設(shè)計(jì)與制作商品推薦區(qū)任務(wù)五設(shè)計(jì)與制作商品推薦區(qū)一、商品推薦區(qū)的設(shè)計(jì)要點(diǎn)（1）商品名稱(chēng)。商品推薦區(qū)中的每一個(gè)商品的名稱(chēng)都要正確、清楚，不能過(guò)于復(fù)雜或過(guò)于簡(jiǎn)單，要體現(xiàn)商品的特點(diǎn)?？稍谒阉鳈谥袊L試搜索擬定的名稱(chēng)，然后及時(shí)修正。（2）商品賣(mài)點(diǎn)。商品推薦區(qū)除了展示熱賣(mài)商品，還要展示賣(mài)點(diǎn)內(nèi)容，并且其內(nèi)容要突出，方便快速吸引消費(fèi)者注意，從而促進(jìn)銷(xiāo)售。（3）商品價(jià)格。商品價(jià)格顯示效果要醒目，可使用突出的顏色或進(jìn)行適當(dāng)放大的方式處理，便于消費(fèi)者查看。網(wǎng)店美工在制作商品推薦區(qū)時(shí)，為了吸引消費(fèi)者的眼球，通常需要先展示主推商品，以吸引消費(fèi)者繼續(xù)向下瀏覽，然后再展示其他商品。任務(wù)五設(shè)計(jì)與制作商品推薦區(qū)二、【課堂案例】——制作家紡店鋪商品推薦區(qū)“簡(jiǎn)吉”家紡店鋪在設(shè)計(jì)商品推薦區(qū)時(shí)，將其分為主推商品區(qū)和熱賣(mài)區(qū)兩部分進(jìn)行設(shè)計(jì)，主推商品區(qū)采用單排展示的方式展現(xiàn)內(nèi)容，而熱賣(mài)區(qū)則采用6個(gè)商品連排，并分為上下雙排的方式展現(xiàn)內(nèi)容，具體操作步驟如下。1234任務(wù)五設(shè)計(jì)與制作商品推薦區(qū)二、【課堂案例】——制作家紡店鋪商品推薦區(qū)567任務(wù)五設(shè)計(jì)與制作商品推薦區(qū)課堂練習(xí)：制作茶葉店鋪商品推薦區(qū)操作思路為了與前面茶葉店鋪優(yōu)惠券的風(fēng)格相統(tǒng)一，在設(shè)計(jì)茶葉店鋪商品推薦區(qū)時(shí)，網(wǎng)店美工可繼續(xù)運(yùn)用水墨風(fēng)的人物、山水作為背景，并采用海報(bào)的方式展示主推商品，然后采用單排的方式展示熱賣(mài)商品，方便消費(fèi)者瀏覽。操作提示新建圖像文件，制作商品推薦區(qū)背景；使用提供的素材制作主推商品海報(bào)；依次制作熱賣(mài)商品；完成后的效果如圖所示。任務(wù)五設(shè)計(jì)與制作商品推薦區(qū)課堂練習(xí)：制作茶葉店鋪商品推薦區(qū)效果展示網(wǎng)店美工：理論、案例與實(shí)訓(xùn)（全彩微課版）高等院校電子商