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

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

3.掌握商品詳情頁的設計要點及制作方法。2.能夠獨立設計制作跨境電商平臺的商品詳情頁。

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

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

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

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

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

3.輪播海報的設計實施

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

任務201任務描述02任務實現(xiàn)03

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

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

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