項目四-輪播海報及商品詳情頁的設(shè)計制作

跨境電商美工實(shí)務(wù)學(xué)習(xí)目標(biāo)能力目標(biāo)1.能夠獨(dú)立設(shè)計制作跨境電商平臺的輪播海報。知識目標(biāo)1.熟悉輪播海報的常用尺寸、特點(diǎn)及展現(xiàn)手法。2.了解并掌握輪播海報的設(shè)計制作過程。

3.掌握商品詳情頁的設(shè)計要點(diǎn)及制作方法。2.能夠獨(dú)立設(shè)計制作跨境電商平臺的商品詳情頁。

2商品詳情頁的設(shè)計制作項目四輪播海報及詳情頁的設(shè)計制作

1輪播海報的設(shè)計制作任務(wù)101任務(wù)描述02任務(wù)實(shí)現(xiàn)03

知識技能點(diǎn)商品圖片的基礎(chǔ)處理任務(wù)描述為了能夠掌握并熟悉輪播海報的常用尺寸、特點(diǎn)及展現(xiàn)手法，獨(dú)立設(shè)計符合要求的輪播海報，現(xiàn)有一專營女鞋品類的速賣通店鋪，要求根據(jù)所提供素材制作一幅輪播海報任務(wù)分析不管是線下傳統(tǒng)的營銷方式還是線上網(wǎng)絡(luò)銷售，都需要有漂亮而吸引人眼球的海報來招攬顧客。在網(wǎng)絡(luò)店鋪的運(yùn)營中，除了利用促銷活動或節(jié)日活動來吸引顧客外，還可以通過制作精美的海報促銷圖片來吸引買家的眼球。任務(wù)實(shí)現(xiàn)［步驟1］新建一塊寬為950px、高為300px的畫布，命名為“海報圖”。文件名稱可以隨意定，不過建議選取簡單、易記憶、好識別的名稱。［步驟2］給背景填色后將素材圖片移至做好的背景上。［步驟3］添加提前設(shè)計好的廣告文案，完成后的輪播海報。［步驟4］設(shè)置完畢后單擊確定按鈕。

知識技能點(diǎn)輪播海報的設(shè)計流程輪播海報的設(shè)計要點(diǎn)輪播海報的設(shè)計實(shí)施1.輪播海報的設(shè)計要點(diǎn)首頁海報一般位于導(dǎo)航的下方，占據(jù)較大的面積，其常見形式為多張海報循環(huán)播放。可以說，它是顧客進(jìn)入店鋪首頁看到的最醒目的區(qū)域，利用好輪播海報，不僅能給人震撼的感覺，還能使顧客第一時間了解店鋪的活動和促銷信息。（1）主題海報的制作需要一個主題，無論是新品上市、清倉甩賣，還是節(jié)日促銷，都要選定主題后方能圍繞該方向確定海報的文案和信息等。海報的主題是商品描述的直接體現(xiàn)，主要的表現(xiàn)形式是圖文結(jié)合?？偟膩碚f，一幅海報基本由三部分構(gòu)成，即商品、背景和文案。1.輪播海報的設(shè)計要點(diǎn)（2）構(gòu)圖海報的構(gòu)圖主要講究的是和諧且主題突出。一般有以下幾種分類：●左右構(gòu)圖：比較典型的構(gòu)圖方式通常有左圖右文或者左文右圖兩種模式。這種構(gòu)圖方式比較沉穩(wěn)，畫面不失平衡感。1.輪播海報的設(shè)計要點(diǎn)●左中右構(gòu)圖：海報兩側(cè)為圖片，中間為文字。相較于左右構(gòu)圖，此種構(gòu)圖方式更具層次感。1.輪播海報的設(shè)計要點(diǎn)（3）配色海報的配色十分關(guān)鍵，畫面的色調(diào)會營造一種氛圍。在配色時，重要的文字信息要用醒目的顏色加以強(qiáng)調(diào)，以對比度來傳遞畫面信息。此外，以不同的配色方案來確定相應(yīng)的風(fēng)格，進(jìn)而展現(xiàn)商品特點(diǎn)。2.輪播海報的設(shè)計流程（1）目標(biāo)人群、商品分析和廣告目標(biāo)定位●

目標(biāo)人群分析：分析廣告投放區(qū)域的主要訪問人群，進(jìn)而分析他們的審美觀及消費(fèi)心理。比如：不同年齡層次及不同消費(fèi)能力的人，對色彩、風(fēng)格的喜好或者引發(fā)注意的點(diǎn)是截然不同的，因而我們一定要針對其審美設(shè)計出能吸引他們的輪播海報?！裆唐贩治觯悍治錾唐返馁u點(diǎn)、價值點(diǎn)，即商品圖片應(yīng)該以什么樣的角度或者風(fēng)格去呈現(xiàn)。比如：分析商品的哪個款式最具代表性或者哪個顏色是主打，最能吸引買家的眼球并體現(xiàn)商品價值，進(jìn)而將引起買家關(guān)注的點(diǎn)用圖片表現(xiàn)出來?！駨V告目標(biāo)分析：在設(shè)計一幅海報時，要確定廣告目標(biāo)，明確是促銷廣告、活動廣告還是品牌形象類廣告。促銷廣告的目標(biāo)是以降價打折為手段來刺激買家；活動廣告是以預(yù)告活動給買家?guī)淼睦娴男问絹砦I家收藏或者關(guān)注；而品牌形象廣告則是以加深品牌印象和好感為主要目的。對此，我們要做到有的放矢。2.輪播海報的設(shè)計流程（2）溝通策劃●主題內(nèi)容：是指在海報中展現(xiàn)的內(nèi)容，如模特、折扣信息、商品圖片、文案、商標(biāo)等。應(yīng)當(dāng)將所有內(nèi)容經(jīng)過梳理后用最簡練的方式進(jìn)行表達(dá)?！裎陌竷?nèi)容：海報中的文案內(nèi)容不宜過多，應(yīng)該盡量做到言簡意賅，引起買家的興趣?！袼夭臏?zhǔn)備：設(shè)計的過程就如同蓋房子一樣，需要各種材料，如背景素材、標(biāo)簽、字體等。我們既可以提前通過網(wǎng)絡(luò)搜集各種素材，也可以借鑒其他網(wǎng)站的廣告設(shè)計。充足且優(yōu)質(zhì)的素材可以起到事半功倍的效果。3.輪播海報的設(shè)計實(shí)施（1）尺寸只有知道了尺寸，我們才能開始設(shè)計和規(guī)劃輪播海報，具體的尺寸要根據(jù)平臺的要求來確定。（2）背景與色調(diào)海報可以選擇圖片或者漸變色以及簡單的純色作為背景，因為背景占據(jù)的面積較大，所以背景的色調(diào)幾乎決定了廣告圖的色調(diào)。

3.輪播海報的設(shè)計實(shí)施

（3）字體與排版雖然字體的種類繁多，有上千種，但并不是每一種都可以隨便使用，每種字體都各有各的風(fēng)格，有的時尚，有的可愛，有的沉穩(wěn)大氣，有的個性活潑。在設(shè)計時我們要根據(jù)商品的風(fēng)格來選定合適的字體類型。同時，在排版時文字的位置、間距等也都會影響視覺效果。（4）主題層次一般來說，在海報圖片中會有多個主題信息，安排好這些信息的主次和視覺順序也是很重要的一點(diǎn)。

任務(wù)201任務(wù)描述02任務(wù)實(shí)現(xiàn)03

知識技能點(diǎn)商品詳情頁的設(shè)計制作任務(wù)描述現(xiàn)有一專營女鞋品類的速賣通店鋪，在收集完商品素材圖片、確定頁面的布局和配色方案的同時，策劃此款鞋的商品詳情頁，包含商品規(guī)格、商品描述、商品細(xì)節(jié)圖以及品牌介紹四個模塊。配色方案則以淺色為主。任務(wù)分析一般情況下，顧客從搜索頁進(jìn)入店鋪時打開的就是商品詳情頁，它是顧客購買商品時必須打開的頁面?？梢哉f，商品詳情頁的優(yōu)劣是決定顧客是否購買的關(guān)鍵因素，因而商品詳情頁的設(shè)計是至關(guān)重要的，不能忽視。商品詳情頁通常擔(dān)負(fù)著比首頁更大的轉(zhuǎn)化率責(zé)任，它要經(jīng)受客戶的反復(fù)對比和推敲，是決定客戶能否對商品產(chǎn)生信任感的關(guān)鍵。任務(wù)實(shí)現(xiàn)［步驟1］新建一塊寬為950px、高為3000px的畫布，命名為“詳情頁面圖”［步驟2］制作具體模塊，先制作第一個模塊——ItemSpeci?cs即商品詳情頁介紹模塊。這個模塊是關(guān)于商品的詳細(xì)介紹，因此主要以文字為主。［步驟3］制作下一個模塊——ProductDescription，這個模塊以商品圖片為主，通過大量的圖片來展現(xiàn)商品的外觀和品質(zhì)。同時，包含商品的細(xì)節(jié)以及不同顏色的展示。［步驟4］最后加上品牌介紹模塊和運(yùn)輸詳情模塊，以便顧客更多地了解商品品牌以及運(yùn)輸過程中可能涉及的一些細(xì)節(jié)問題。［步驟5］商品詳情頁制作完成并保存。知識技能點(diǎn)商品詳情頁的設(shè)計流程引發(fā)興趣替客戶做決定激發(fā)潛在需求1.引發(fā)興趣當(dāng)顧客點(diǎn)擊進(jìn)入商品詳情頁之后，如何引發(fā)其興趣是關(guān)鍵。引起顧客興趣的可以是商品的熱銷盛況、商品的升級與更新等。2.激發(fā)潛在需求顧客開始對商品產(chǎn)生興趣還并不能說明什么，需要進(jìn)一步激發(fā)他們的潛在需求。激發(fā)顧客的潛在需求可以通過商品功能介紹、商品特點(diǎn)介紹等來實(shí)現(xiàn)。3.替客戶做決定

對于一些猶豫不決、遲遲不肯下單只差臨門一腳的顧客，我們可以發(fā)揮主動權(quán)，幫助其做決定。可以通過以下辦法實(shí)現(xiàn)：（1）品牌介紹通過展現(xiàn)品牌實(shí)力來增加顧客的信任，提高客單價。（2）購買號召通過營造一些緊張的氛圍來促成顧客現(xiàn)在、立刻、馬上就購買，如“數(shù)量有限”“庫存緊張”“欲購從速”等措辭。（3）購物須知告訴顧客一些與購物相關(guān)的信息，包括如何發(fā)貨、如何退換貨以及有哪些售后服務(wù)等。4.商品詳情頁的設(shè)計流程

（1）確定風(fēng)格根據(jù)店鋪活動、商品特色、節(jié)