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

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

處理生鮮店鋪素材任務(wù)二

制作生鮮店鋪首頁(yè)任務(wù)三

制作生鮮店鋪商品詳情頁(yè)任務(wù)四

制作生鮮商品直通車(chē)推廣圖任務(wù)五

制作生鮮店鋪主圖短視頻任務(wù)一處理生鮮店鋪素材“鮮汁味鮮”是一家集采購(gòu)、加工、銷(xiāo)售農(nóng)產(chǎn)品于一體的企業(yè)，其店鋪的商品主要來(lái)自大山采摘和農(nóng)民養(yǎng)殖，商品種類(lèi)包括水果、蔬菜、海鮮水產(chǎn)、肉禽蛋類(lèi)等，為加快企業(yè)品牌化升級(jí)，助推鄉(xiāng)村產(chǎn)業(yè)振興，“鮮汁味鮮”生鮮店鋪計(jì)劃上新某地區(qū)的標(biāo)志農(nóng)產(chǎn)品——海參和蝦，并準(zhǔn)備將這兩件商品分別展現(xiàn)在首頁(yè)的店招、海報(bào)和商品促銷(xiāo)頁(yè)面中，現(xiàn)需處理海參和蝦的商品圖片，方便后期制作時(shí)使用。完成后的參考效果如右圖所示。任務(wù)一處理生鮮店鋪素材觀察所有提供的素材，其中海參、蝦商品圖片有明顯的問(wèn)題，網(wǎng)店美工需要進(jìn)行分析和處理。一、制作思路（1）處理海參商品圖片。打開(kāi)拍攝的海參商品圖片，如右圖所示，可發(fā)現(xiàn)商品圖片呈現(xiàn)灰底效果，若是運(yùn)用到海報(bào)中則顯得單調(diào)，而店招不需要過(guò)多背景，此時(shí)可摳取海參商品圖片并刪除背景，方便制作店招和海報(bào)時(shí)調(diào)用。（2）處理蝦商品圖片。查看拍攝的蝦商品圖片，如左圖所示，可發(fā)現(xiàn)該商品圖片存在顏色過(guò)暗、偏色、主體對(duì)比不夠明顯等問(wèn)題，因此網(wǎng)店美工需要先修飾該商品圖片，恢復(fù)商品本身的顏色，可使用【亮度/對(duì)比度】【曲線(xiàn)】【色相/飽和度】和【色階】等命令，調(diào)整商品圖片的顏色。任務(wù)一處理生鮮店鋪素材根據(jù)制作思路，網(wǎng)店美工分別進(jìn)行摳取海參商品圖片和調(diào)整蝦商品圖片色調(diào)的操作。二、設(shè)計(jì)實(shí)施1．處理海參商品圖片1234任務(wù)一處理生鮮店鋪素材根據(jù)制作思路，網(wǎng)店美工分別進(jìn)行摳取海參商品圖片和調(diào)整蝦商品圖片色調(diào)的操作。二、設(shè)計(jì)實(shí)施2．調(diào)整蝦商品圖片色調(diào)123456目錄Contents任務(wù)一處理生鮮店鋪素材任務(wù)二制作生鮮店鋪首頁(yè)任務(wù)三

制作生鮮店鋪商品詳情頁(yè)任務(wù)四

制作生鮮商品直通車(chē)推廣圖任務(wù)五

制作生鮮店鋪主圖短視頻任務(wù)二制作生鮮店鋪首頁(yè)“鮮汁味鮮”生鮮店鋪計(jì)劃重新設(shè)計(jì)店鋪首頁(yè)，要求完成后的效果要體現(xiàn)春天的清新，具有自然、和諧之感，其整個(gè)首頁(yè)布局要包括店招、海報(bào)、優(yōu)惠券、商品推薦模塊，頁(yè)面要簡(jiǎn)潔美觀，并且要使用處理好的店鋪素材。完成后的參考效果如右圖所示。任務(wù)二制作生鮮店鋪首頁(yè)網(wǎng)店美工在進(jìn)行案例設(shè)計(jì)前需要先對(duì)制作思路進(jìn)行梳理，方便設(shè)計(jì)。一、制作思路（1）色彩選擇和風(fēng)格定位。為了體現(xiàn)健康、綠色的特點(diǎn)，網(wǎng)店美工在色彩選擇上可以綠色和白色為主色，使整個(gè)首頁(yè)的色調(diào)更加統(tǒng)一。為了凸顯商品內(nèi)容，在風(fēng)格選擇上則以簡(jiǎn)約風(fēng)格為主，通過(guò)簡(jiǎn)單的圖文搭配體現(xiàn)店鋪內(nèi)容。（2）頁(yè)面的布局。根據(jù)內(nèi)容的展現(xiàn)順序，網(wǎng)店美工可以將首頁(yè)分為店招與導(dǎo)航、海報(bào)、優(yōu)惠券、商品推薦4個(gè)部分。設(shè)計(jì)店招與導(dǎo)航時(shí)，網(wǎng)店美工可在其中體現(xiàn)品牌信息、上新商品、熱賣(mài)商品和優(yōu)惠信息，以吸引消費(fèi)者。任務(wù)二制作生鮮店鋪首頁(yè)根據(jù)案例分析的思路，網(wǎng)店美工依次對(duì)以下4個(gè)部分進(jìn)行設(shè)計(jì)。二、設(shè)計(jì)實(shí)施1．設(shè)計(jì)店招與導(dǎo)航12345任務(wù)二制作生鮮店鋪首頁(yè)根據(jù)案例分析的思路，網(wǎng)店美工依次對(duì)以下4個(gè)部分進(jìn)行設(shè)計(jì)。二、設(shè)計(jì)實(shí)施2．設(shè)計(jì)海報(bào)123任務(wù)二制作生鮮店鋪首頁(yè)根據(jù)案例分析的思路，網(wǎng)店美工依次對(duì)以下4個(gè)部分進(jìn)行設(shè)計(jì)。二、設(shè)計(jì)實(shí)施3．設(shè)計(jì)優(yōu)惠券123任務(wù)二制作生鮮店鋪首頁(yè)根據(jù)案例分析的思路，網(wǎng)店美工依次對(duì)以下4個(gè)部分進(jìn)行設(shè)計(jì)。二、設(shè)計(jì)實(shí)施4．設(shè)計(jì)商品推薦1243目錄Contents任務(wù)一處理生鮮店鋪素材任務(wù)二制作生鮮店鋪首頁(yè)任務(wù)三制作生鮮店鋪商品詳情頁(yè)任務(wù)四

制作生鮮商品直通車(chē)推廣圖任務(wù)五

制作生鮮店鋪主圖短視頻任務(wù)三制作生鮮店鋪商品詳情頁(yè)“鮮汁味鮮”生鮮店鋪?zhàn)罱闲乱豢钆Ｄ滩葺唐?，為了提高銷(xiāo)量，需要對(duì)該商品設(shè)計(jì)商品詳情頁(yè)，由于PC端和移動(dòng)端的商品詳情頁(yè)的寬度均為750像素，為了便于使用，這里直接采用同一版式進(jìn)行設(shè)計(jì)。商品詳情頁(yè)完成后的參考效果如右圖所示。任務(wù)三制作生鮮店鋪商品詳情頁(yè)為了展示牛奶草莓的賣(mài)點(diǎn)，網(wǎng)店美工可將商品詳情頁(yè)按照以下4個(gè)思路進(jìn)行制作。一、制作思路（1）焦點(diǎn)圖。焦點(diǎn)圖設(shè)計(jì)時(shí)可選擇具有創(chuàng)意構(gòu)思的商品圖，并配上賣(mài)點(diǎn)文字“能夠吃出奶香味的牛奶草莓”，體現(xiàn)了味美的特點(diǎn)。（2）賣(mài)點(diǎn)說(shuō)明圖。賣(mài)點(diǎn)說(shuō)明圖設(shè)計(jì)時(shí)主要對(duì)商品的基本信息進(jìn)行介紹，并通過(guò)圖文搭配的方式，體現(xiàn)商品賣(mài)點(diǎn)。（4）商品售后。其主要對(duì)商品的售后問(wèn)題進(jìn)行說(shuō)明，如快遞、大小、重量、售后范圍等，方便消費(fèi)者選購(gòu)商品。（3）實(shí)拍圖。其主要通過(guò)實(shí)拍的方式展示草莓的“香”“甜”賣(mài)點(diǎn)，展示時(shí)可采用圖文結(jié)合的方式。任務(wù)三制作生鮮店鋪商品詳情頁(yè)根據(jù)案例分析的思路，按照焦點(diǎn)圖、賣(mài)點(diǎn)說(shuō)明圖、實(shí)拍圖、商品售后的順序進(jìn)行設(shè)計(jì)。二、設(shè)計(jì)實(shí)施1234任務(wù)三制作生鮮店鋪商品詳情頁(yè)二、設(shè)計(jì)實(shí)施5678任務(wù)三制作生鮮店鋪商品詳情頁(yè)二、設(shè)計(jì)實(shí)施9101112目錄Contents任務(wù)一處理生鮮店鋪素材任務(wù)二制作生鮮店鋪首頁(yè)任務(wù)三制作生鮮店鋪商品詳情頁(yè)任務(wù)四制作生鮮商品直通車(chē)推廣圖任務(wù)五

制作生鮮店鋪主圖短視頻任務(wù)四制作生鮮商品直通車(chē)推廣圖鮮汁味鮮”生鮮店鋪準(zhǔn)備為一款千禧果商品制作直通車(chē)推廣圖，方便進(jìn)行商品推廣和店鋪引流。直通車(chē)推廣圖完成后的參考效果如右圖所示。任務(wù)四制作生鮮商品直通車(chē)推廣圖為了達(dá)到推廣的目的，網(wǎng)店美工在設(shè)計(jì)直通車(chē)推廣圖前，可先規(guī)劃設(shè)計(jì)并布局內(nèi)容，避免完成后的效果不夠美觀。一、制作思路（1）設(shè)計(jì)規(guī)劃。為了使直通車(chē)推廣圖效果更顯著，在素材選擇上可選擇千禧果的食用場(chǎng)景作為背景。制作直通車(chē)推廣圖的目的是引流，因此賣(mài)點(diǎn)的體現(xiàn)是制作直通車(chē)推廣圖的目的是引流，因此賣(mài)點(diǎn)的體現(xiàn)是設(shè)計(jì)的重點(diǎn)，經(jīng)過(guò)分析發(fā)現(xiàn)“營(yíng)養(yǎng)豐富”“壞果包賠”“原產(chǎn)地直發(fā)”是引流的關(guān)鍵，在設(shè)計(jì)時(shí)可添加“酸甜多汁營(yíng)養(yǎng)豐富”等文字展示千禧果的賣(mài)點(diǎn)。（2）內(nèi)容布局。為了避免文字遮擋商品，網(wǎng)店美工在設(shè)計(jì)時(shí)可結(jié)合上下構(gòu)圖和左右構(gòu)圖，在畫(huà)面左上角輸入商品賣(mài)點(diǎn)，在畫(huà)面下方輸入優(yōu)惠信息和其他賣(mài)點(diǎn)文字，畫(huà)面左側(cè)為商品圖片，便于消費(fèi)者查看。任務(wù)四制作生鮮商品直通車(chē)推廣圖根據(jù)案例分析的思路，制作千禧果的直通車(chē)推廣圖，具體操作步驟如下。二、設(shè)計(jì)實(shí)施1234目錄Contents任務(wù)一處理生鮮店鋪素材任務(wù)二制作生鮮店鋪首頁(yè)任務(wù)三制作生鮮店鋪商品詳情頁(yè)任務(wù)四制作生鮮商品直通車(chē)推廣圖任務(wù)五制作生鮮店鋪主圖短視頻任務(wù)五制作生鮮店鋪主圖短視頻“鮮汁味鮮”生鮮店鋪中的蝦商品近期銷(xiāo)量較高，為了讓消費(fèi)者更直觀地看到蝦商品的具體信息，網(wǎng)店美工準(zhǔn)備繼續(xù)為其制作主圖短視頻，要求完整地展示出蝦的新鮮、味美。短視頻制作完成后的參考效果如右圖所示。任務(wù)五制作生鮮店鋪主圖短視頻蝦作為本店鋪的熱銷(xiāo)商品，網(wǎng)店美工在進(jìn)行主圖短視頻設(shè)計(jì)時(shí)需要展示蝦的具體信息，體現(xiàn)蝦的賣(mài)點(diǎn)，如鮮嫩味美、烹飪方式等。制作時(shí)，網(wǎng)店美工可先導(dǎo)入視頻素材，查看并分析提供的素材，確定可以使用的素材后，分割視頻素材，刪除多余視頻片段，然后添加蝦的說(shuō)明性文字，使其能完整、順暢地展示出蝦的賣(mài)點(diǎn)和制作場(chǎng)景。一、制作思路任務(wù)五制作生鮮店鋪主圖短視頻根據(jù)案例分析的思路，網(wǎng)店美工先剪輯視頻再為視頻添加各種效果，具體操作步驟如下。二、設(shè)計(jì)實(shí)施1243任務(wù)五制作生鮮店鋪主圖短視頻二、設(shè)計(jì)實(shí)施567網(wǎng)店美工：理論、案例與實(shí)訓(xùn)（全彩微課版）高等院校電子商務(wù)類(lèi)新形態(tài)系列教材學(xué)習(xí)進(jìn)步海量圖書(shū)方便查詢(xún)免費(fèi)申請(qǐng)樣書(shū)下載配套資