本科跨境電子商務(wù)第8章教學課件

1、YCF正版可修改PPT(本科）跨境電子商務(wù)第8章教學課件跨境電商視覺美工第八章YCF01產(chǎn)品圖片拍攝及后期處理03產(chǎn)品詳情頁打造02店鋪裝修目錄CATALOG01掌握商品圖拍攝流程、技巧。02掌握店鋪裝潢的具體操作。03掌握商品詳情頁的基本框架、制作要點。學習目標思政目標通過實踐環(huán)節(jié)培養(yǎng)認真、嚴謹、細致、一絲不茍的工作作風，引導學生遵守職業(yè)道德，弘揚工匠精神。案例導入優(yōu)質(zhì)的圖片展示方式身處“顏值”時代，吃飯聚餐都變成了朋友圈的“曬圖”大賽。一張張精致的圖片配上一段精美的文字能夠獲贊無數(shù)。同理，圖片對跨境電商賣家的重要性也不言而喻。一張富有視覺沖擊力的圖片能夠吸引消費者駐足點擊，甚至形成購買行動

2、，使產(chǎn)品出類拔萃。那么，對跨境電商賣家而言，怎么判斷產(chǎn)品的圖片是否優(yōu)質(zhì)？如何才能讓產(chǎn)品圖片富有視覺沖擊力？從電商的角度來講，產(chǎn)品圖片有兩類：引流圖和商品圖。引流圖一般居于平臺的首頁，如果要吸引人點擊，就要有視覺沖擊力。例如，圖片的背景需要有戶外的景色襯托，而不是純白色的背景，來吸引買家進入店鋪。而產(chǎn)品圖主要以突出產(chǎn)品特色為主。例如，在一幅產(chǎn)品圖中，模特身上既穿了衣服，又撐了傘，腳上還穿了一雙雨鞋，這樣就有三件產(chǎn)品，沒有側(cè)重點。假設(shè)是賣鞋，就要考慮選擇一張能夠一眼看出就是在賣鞋的照片。什么類型的產(chǎn)品圖片轉(zhuǎn)化率會比較高？以客戶為例，他們對圖片的要求首先是不能失真，其次要拍出高級感。如果拍攝出來的圖

3、片與產(chǎn)品實際的樣子相差過大，容易產(chǎn)生退貨。倘若賣家想要自己拍攝產(chǎn)品圖片，需要具備哪些條件？若沒有拍攝條件，怎么選擇優(yōu)質(zhì)的圖片？首先得有場地；其次是拍攝設(shè)備。如果賣家暫時沒有條件邀請攝影師拍攝，建議可以購買國產(chǎn)器材（包括燈光等），通常國外的器材價格會比較高。案例思考（1）跨境電商平臺對產(chǎn)品圖片的要求一般包括哪些？（2）跨境電商美工與國內(nèi)電商美工有區(qū)別嗎？01產(chǎn)品圖片拍攝及后期處理一、產(chǎn)品圖片拍攝二、產(chǎn)品圖片的后期處理一、產(chǎn)品圖片拍攝限于網(wǎng)購的特殊性，買家無法接觸到商品實物，于是產(chǎn)品圖片成為最直觀反映商品的媒介，其品質(zhì)直接影響買家對產(chǎn)品的印象及購買欲望。拍攝商品圖片是一個系統(tǒng)的過程，要經(jīng)歷拍攝前的

4、準備和開始拍攝兩個步驟。賣家結(jié)合文字說明，多角度、全細節(jié)拍攝一系列圖片來展示產(chǎn)品，可以達到圖文并茂的效果，進而彌補買家無法觸及實物的局限性。提示1.拍攝前的準備1）產(chǎn)品拍攝要點分析任何產(chǎn)品都有其自身的商業(yè)價值，產(chǎn)品賣點的良好呈現(xiàn)能馬上讓買家了解其價值。因此，在拍攝前首先要計劃拍出產(chǎn)品的哪些特點、以什么方式呈現(xiàn)，換位思考買家的關(guān)注點在哪里，還要注意產(chǎn)品圖的風格一致性等問題。2）拍攝工具與場地確定好產(chǎn)品的拍攝要點后，就需要選擇相機、拍攝環(huán)境、燈光和道具，有效地呈現(xiàn)產(chǎn)品的特點。3）產(chǎn)品圖風格定位確定產(chǎn)品圖的拍攝風格，首先要從產(chǎn)品本身出發(fā)，考慮最終的消費者群體（包括民族文化、年齡特點、消費能力、價值觀

5、、審美觀等方面），最終確定拍攝的背景、整體風格及模特道具的選用。應(yīng)綜合考慮拍攝要求、經(jīng)濟條件和對拍攝知識的了解程度選擇拍攝器材。提示拓展閱讀各大跨境電商平臺產(chǎn)品圖主要的拍攝風格（1）簡潔風格：純色背景，整體效果干凈明快，能突出產(chǎn)品本身。（2）時尚風格：在服飾、箱包、飾品等類目中最為常見，一般以時尚性感的模特加上適當?shù)谋尘皝眢w現(xiàn)產(chǎn)品的時尚感。（3）情景創(chuàng)意風格：主要將產(chǎn)品置于一個特定的環(huán)境中，或?qū)Ξa(chǎn)品進行有創(chuàng)意的擺放，添加陪襯物營造氛圍，從而凸顯產(chǎn)品的商業(yè)價值。2.開始拍攝1）常用布光方法（1）正面兩側(cè)布光。其特點是正面投射出來的光全面、均衡，商品表面展示全面，不會有暗角，這是商品拍攝中最常用的

6、布光方法，如圖所示。1）常用布光方法（2）兩側(cè)45布光。它使商品的頂部受光，正面沒有完全受光，適用于拍攝外形扁平的小型商品，不適用于拍攝立體感較強且有一定高度的產(chǎn)品，如圖所示。1）常用布光方法（3）不均衡布光。不均衡布光中，商品一側(cè)出現(xiàn)陰影，底部投影很深，商品表面細節(jié)元素得以呈現(xiàn)。由于減少了環(huán)境光線，因而增加了拍攝的難度，如圖所示。1）常用布光方法（4）前后交叉布光。從商品后側(cè)打光可以表現(xiàn)出商品表面的層次感，表現(xiàn)出商品的層次和細節(jié)，如圖所示。1）常用布光方法（5）后方布光。后方布光中，商品的正面因沒有光線而產(chǎn)生大片的陰影，無法看出商品的全貌，如圖所示。除拍攝通透性商品外，不應(yīng)輕易嘗試該種布光方

7、式。提示2）攝影構(gòu)圖的要點攝影構(gòu)圖的畫面設(shè)計應(yīng)注重構(gòu)圖的平衡美。（1）對稱和均衡的運用。結(jié)構(gòu)均衡是指畫面中各部分的景物要有呼應(yīng)，有對照，達到平衡和穩(wěn)定。（2）構(gòu)圖中的主次關(guān)系。設(shè)計畫面時，要注意主體和陪襯物的關(guān)系、主要人物和次要人物的關(guān)系、人物與背景的關(guān)系。（3）構(gòu)圖中黃金分割的運用。構(gòu)圖時，可將黃金分割應(yīng)用于虛實對比、動靜對比、大小對比等中。畫面結(jié)構(gòu)的均衡除了大小、輕重外，還包括明暗、線條、空間等。提示3）攝影構(gòu)圖方法（1）三分法構(gòu)圖。三分法構(gòu)圖也稱為九宮格構(gòu)圖，是一種比較常見的構(gòu)圖方法，一般由兩橫兩豎將畫面均分，使用時將主體放置在線條的4個交點上，或者放置在線條上。大部分相機上都直接配備該

8、構(gòu)圖輔助線，這種構(gòu)圖應(yīng)用廣泛，多應(yīng)用于風景、人像等，如圖所示。3）攝影構(gòu)圖方法（2）對稱式構(gòu)圖。對稱包括上下對稱、左右對稱等，具有穩(wěn)定平衡的特點。在建筑攝影中，對稱式構(gòu)圖可表現(xiàn)建筑設(shè)計的平衡、穩(wěn)定性。對稱式構(gòu)圖廣泛應(yīng)用于鏡面倒影中，表達出唯美的意境，如圖所示。3）攝影構(gòu)圖方法（3）框架式構(gòu)圖。框架式構(gòu)圖是選擇一個框架作為畫面的前景，引導觀眾的視線到拍攝主體上，從而突出主體，如圖所示?？蚣苁綐?gòu)圖會形成縱深感，使畫面更加立體直觀，更有視覺沖擊，也讓主體與環(huán)境相呼應(yīng)。常用門窗、樹葉間隙、網(wǎng)狀物等作為框架。3）攝影構(gòu)圖方法（4）對角線構(gòu)圖。對角線構(gòu)圖使圖片富有動態(tài)張力，更加活潑，如圖所示。將主體產(chǎn)品安

9、排在畫面的對角線上，會有更好的縱深效果和立體效果。4）攝影角度（1）平攝。平攝是指機位與被攝主體大致在一個平行線上，這種角度接近人眼的習慣。平視構(gòu)圖的主要特點是透視效果好，不易產(chǎn)生變形，會相對真實地還原產(chǎn)品的形態(tài)，如圖所示。在拍攝物體時，要先觀察一下被拍攝主體是正面還是側(cè)面好看，然后再確定角度進行拍攝。4）攝影角度（2）仰攝。仰攝是從下往上進行低角度拍攝，被拍攝的主體高于相機機位，以這種角度拍出的照片具有很強的視覺沖擊力，可以很好地表現(xiàn)出被拍攝物體的高大，如圖所示。低角度拍攝可以使環(huán)境變得干凈，更容易在拍攝時突出主體，如燈飾拍攝。4）攝影角度（3）俯攝。與仰攝的機位相反，俯攝是以高角度進行拍攝

10、，比較適用于大場景，可以表現(xiàn)出場景的遼闊，如圖所示。在拍攝產(chǎn)品時，俯攝多用于產(chǎn)品頂面。4）攝影角度（4）微距。微距適用于拍攝野花、鳥魚蟲等細小的對象，對于細節(jié)可以充分展示，如圖所示。微距多用于拍攝小而精的商品，以表現(xiàn)其做工的精細程度，如珠寶首飾等。5）應(yīng)注意的要點（1）只要有可能，盡量使用自然光；保證光線充足，確保產(chǎn)品能均勻采光。（2）背景通常選用純凈的素色，多數(shù)選用純白色，盡量簡單，不混雜其他陳設(shè)，以突出主體，使買家的注意力集中于產(chǎn)品本身。如果產(chǎn)品的顏色較淺，可選用深色背景。（3）將相機的解像度設(shè)為中等（如1024像素768像素），不但可以保證相片效果，還可以避免照片過大、延長上傳時間及更方

11、便地進行圖片編輯。（4）在拍攝產(chǎn)品時，圖片中的產(chǎn)品尺寸應(yīng)足夠大，以便看清楚細節(jié)，可以讓產(chǎn)品占滿整個圖片畫面。多角度拍攝多張圖片，以便于買家全面地了解產(chǎn)品。二、產(chǎn)品圖片的后期處理產(chǎn)品拍攝完畢后，先要挑選出滿意的圖片，再利用相關(guān)軟件對圖片進行處理。常用Photoshop、幻影魔術(shù)手、美圖秀秀等編輯軟件對圖片進行處理，具體包括以下基本操作：（1）裁剪圖片，刪除不必要的背景。（2）平衡對比度和亮度。（3）進行適當?shù)匿J化處理。（4）調(diào)整大小。將圖片調(diào)整至800像素800像素以上，橫向比例和縱向比例建議為1311。（5）產(chǎn)品圖不宜進行拼圖處理；同款但不同顏色的產(chǎn)品圖不宜全部上傳。（6）圖片設(shè)計需要基于對產(chǎn)

12、品和消費人群的定位，在處理圖片時可適當加入產(chǎn)品定位人群所喜好的元素與設(shè)計。拓展閱讀亞馬遜主圖亮了，官方宣布規(guī)則怎樣才能掌握亞馬遜平臺的運營技術(shù)？首要的當然是圖片，它是網(wǎng)絡(luò)貿(mào)易的基礎(chǔ)，正如網(wǎng)絡(luò)中的一句話“網(wǎng)絡(luò)生意的本質(zhì)就是圖片購物”。圖片是顧客下單的重要因素之一。做好亞馬遜平臺應(yīng)從圖片開始。亞馬遜圖片有以下三類規(guī)則。1.商品主圖要求（1）商品最少填滿85%的圖片。圖片必須僅顯示出售的商品，不能包含商標、水印或內(nèi)嵌圖片。圖片包含的文本內(nèi)容只能是商品信息。（2）主圖片必須為背景是純白色的商品照片（而不是畫出來的圖），且不能包含其他搭配品。（3）主圖片縮放時最長邊必須在1000像素以上，最短邊必須在5

13、00像素以上。（4）主圖片最長邊不能超過10000像素。（5）首選JPEG格式的圖片，也可以使用TIFF或GIF格式的圖片。2.商品副圖要求（1）最好采用圖片和文字結(jié)合的方式，文字內(nèi)容為“標題+簡單描述”。（2）多角度賣點展示圖：采用恰當?shù)奈淖终f明、插圖、背景、品質(zhì)細節(jié)等，完美地解讀產(chǎn)品細節(jié)和特點。（3）實物對比圖：通過產(chǎn)品與日常生活中熟悉的物品的比較，彌補無實物體驗的缺陷。拓展閱讀亞馬遜主圖亮了，官方宣布規(guī)則（4）應(yīng)用場景圖：采用生活化的場景，提高真實度。（5）產(chǎn)品包裝圖：展示賣家的態(tài)度和品牌印象。（6）生產(chǎn)工藝流程圖和產(chǎn)品內(nèi)核拆解圖。（7）A+頁面圖：采用圖片+文字描述的方式，圖片避免與主

14、圖、副圖相同。3.違規(guī)圖片（1）色情圖片。（2）圖像與標題不符。（3）非白色背景的圖片。（4）圖片中含有可見的人體模型。（5）產(chǎn)品在圖片中被裁剪或部分不可見。（6）具有非站立的挑釁姿勢的模特圖像。（7）圖片中顯示多個產(chǎn)品的視圖、顏色或尺寸。（8）圖片中顯示包裝、品牌或不確定的標簽。（9）顯示任何文字、標志、圖形或水印的圖片。（10）具有鋸齒狀圖片、模糊或像素化圖片。不要盜用其他賣家的圖片，偷盜圖片的行為是侵權(quán)行為，如果被原圖賣家發(fā)現(xiàn)并投訴，輕則導致圖片被刪，重則導致賬號受限，銷售權(quán)限被移除。02店鋪裝修一、店鋪裝修原則二、店鋪布局設(shè)置三、設(shè)置店鋪櫥窗產(chǎn)品四、Banner設(shè)計五、宣傳圖設(shè)置六、輪

15、播圖添加一、店鋪裝修原則在視覺熱點集中的頁頭位置布局主款、新品、熱銷品等重點營銷產(chǎn)品，力求以較強的視覺效果吸睛。1.重點突出網(wǎng)頁空間有限，排版產(chǎn)品既要追求視覺價值的塑造，又要致力于最高效的空間利用，這直接影響買家的視覺體驗。2.陳列有序賣家要做到產(chǎn)品分類導航流暢、產(chǎn)品的展示風格貫通一致，進而給買家留下更為專業(yè)的印象，提升客戶體驗。3.流暢貫通二、店鋪布局設(shè)置店鋪的布局設(shè)計應(yīng)本著給用戶提供最佳體驗的原則，既要將網(wǎng)站中所有信息都在有限的首頁導航欄中呈現(xiàn)，又要為用戶反饋出重要的幫助信息。一般的跨境平臺都為賣家提供了一些店鋪裝修的模板，賣家可以根據(jù)產(chǎn)品的定位和特性來選擇適當?shù)哪０?。下文以敦煌網(wǎng)為例講解

16、店鋪布局模板的設(shè)置步驟。1.選擇店鋪布局模板執(zhí)行“我的DHgate”“產(chǎn)品”“商鋪”“商鋪裝修”命令，開始選擇布局模板，單擊“設(shè)置布局內(nèi)容”按鈕，如圖所示。2.設(shè)置布局內(nèi)容務(wù)必按照頁面的提示上傳相應(yīng)尺寸的圖片，并且保證圖片清晰、美觀；在多圖片區(qū)域建議全部上傳圖片，以保證頁面效果，如圖所示。3.保存設(shè)置設(shè)置布局內(nèi)容完成后，選擇對應(yīng)的模板、風格，單擊“保存”按鈕，如圖所示。三、設(shè)置店鋪櫥窗產(chǎn)品賣家購買的店鋪模板包含櫥窗智能控功能，可執(zhí)行“我的DHgate”“產(chǎn)品”“商鋪”“櫥窗管理”命令，進行店鋪櫥窗名、櫥窗產(chǎn)品、補位規(guī)則等設(shè)置，如圖所示。四、Banner設(shè)計橫幅廣告（Banner）是一家店鋪文化

17、的精髓，會出現(xiàn)在店鋪首頁最顯眼的位置。因此，Banner一定要精心布置，既要讓新買家印象深刻，又要讓經(jīng)常來的買家有新鮮感。好的Banner能展示店鋪形象，加深顧客的印象。Banner設(shè)計一般需要包含店鋪名稱、產(chǎn)品信息等內(nèi)容，圖文搭配需要講究規(guī)范。提示四、Banner設(shè)計（1）選取產(chǎn)品圖片及產(chǎn)品相關(guān)事物。（2）畫質(zhì)必須清晰，不能過于模糊或變形失真。（3）圖片為JPG格式。（4）圖片中不能有水印。（5）圖片大小不能超過1MB。1.圖片要求四、Banner設(shè)計（1）盡量以淡色系為主，色彩搭配干凈、明亮，圖案簡潔，避免使用花哨的背景。（2）顏色風格統(tǒng)一，不要為吸引眼球大面積使用較為濃重的顏色。（3）主

18、色調(diào)與全店鋪裝修的主色調(diào)應(yīng)保持一致。2.顏色規(guī)范四、Banner設(shè)計（1）盡量用系統(tǒng)自帶字體，避免出現(xiàn)版權(quán)問題，推薦使用Arial、Verdana等字體。（2）字體要大于16號，建議采用圖片方式獨立設(shè)計和展現(xiàn)。（3）對相同類型的文字內(nèi)容，最好采用相同的字體樣式。3.圖片內(nèi)文字四、Banner設(shè)計（1）左字右圖。（2）左圖右字。（3）文字居中。（4）文字在左上角。4.圖文布局四、Banner設(shè)計每個Banner都有嚴格的圖片和尺寸限制，限制條件可以在上傳圖片的位置看到。敦煌網(wǎng)Banner的圖片尺寸和容量限制見下表。5.圖片尺寸和容量限制五、宣傳圖設(shè)置部分模板包含多個宣傳圖片，建議全部上傳，以達到

19、最佳的頁面效果。例如，在圖中，兩個店鋪不同的布局內(nèi)容孰優(yōu)孰劣一目了然。此外，產(chǎn)品宣傳圖需要采用高像素圖片，同一模塊選用相似風格的圖片，力爭圖文并茂，以達到最佳的頁面效果。六、輪播圖添加輪即輪換、輪流、流動，播即播放、放映、展示。輪播是以實際出現(xiàn)的狀態(tài)而產(chǎn)生的詞組。輪播圖是在網(wǎng)站或現(xiàn)實生活中醒目的位置，在一個區(qū)域做幾幅不同的廣告圖，以輪換播放的方式進行展示的圖片。一般輪播圖位于店鋪的首頁上方。下面以全球速賣通平臺為例介紹輪播圖的添加方法。六、輪播圖添加（1）在全球速賣通賣家后臺選擇“商鋪管理”“馬上裝修”“圖片輪播”“編輯”命令，進入圖片輪播編輯頁面。（2）模塊高度為100600像素，寬度必須為

20、960像素。單擊“添加新圖片”按鈕，上傳新圖片或URL鏈接拷貝，上傳好后保存即可。（3）選擇“模塊管理”“基礎(chǔ)模塊”命令，可免費添加5個圖片輪播，對選好的輪播圖可在后臺進行順序上的編輯與調(diào)整。同時，在后臺還可增加更多的模塊，并調(diào)整模塊的先后順序。03產(chǎn)品詳情頁打造一、產(chǎn)品詳情頁上的內(nèi)容二、產(chǎn)品詳情頁舉例一、產(chǎn)品詳情頁上的內(nèi)容產(chǎn)品詳情頁主要有品牌介紹、產(chǎn)品整體展示圖、產(chǎn)品細節(jié)圖、與其他產(chǎn)品的對比圖、質(zhì)檢報告、尺碼/使用說明、保養(yǎng)方式、支付與運輸問題、售后服務(wù)說明、生產(chǎn)實力展示圖、買家好評秀、常見問題回答等。二、產(chǎn)品詳情頁舉例品牌介紹可以讓買家覺得品牌質(zhì)量可靠，使產(chǎn)品更容易得到認可。所以將此部分加

21、入企業(yè)簡介、主營品類和優(yōu)勢介紹等中。1.品牌介紹二、產(chǎn)品詳情頁舉例整體展示可分為擺拍圖和場景圖兩種類型。場景圖最普遍的就是模特展示圖，適用于衣服等物品；擺拍圖比較適用于家居，數(shù)碼產(chǎn)品、鞋、包等小件物品，通常需要突出主體，采用模特拍攝反而喧賓奪主，如圖所示。2.整體展示優(yōu)化二、產(chǎn)品詳情頁舉例細節(jié)圖需用實拍圖加上簡短的文字描述，盡可能地展示商品的細節(jié)、材質(zhì)、功能、特點等。詳情頁上的細節(jié)圖要盡量保證圖片的清晰度，且同一模塊選用相似風格的圖片，可將圖片設(shè)計成圖文并茂的形式，以達到最佳的頁面效果，如圖所示。3.細節(jié)圖優(yōu)化二、產(chǎn)品詳情頁舉例在詳情頁添加該產(chǎn)品與同類產(chǎn)品的對比圖，加上少量的文字說明，有助于突

22、出產(chǎn)品的優(yōu)勢和賣點，如圖所示。4.添加對比圖二、產(chǎn)品詳情頁舉例對于親膚型產(chǎn)品、食品或珠寶手表等產(chǎn)品而言，質(zhì)檢報告會很大程度地提升產(chǎn)品在消費者心目中的可靠性與安全感，如果有就應(yīng)該加入產(chǎn)品詳情描述之中，如圖所示。5.質(zhì)檢報告二、產(chǎn)品詳情頁舉例產(chǎn)品詳情頁上應(yīng)該列出產(chǎn)品的尺碼，尤其是對于衣服，尺碼表既要有衣服的具體尺碼展示，又要列出一個尺碼表，便于買家查看。例如，對于假發(fā)產(chǎn)品，應(yīng)對其尺寸和佩戴方式做使用說明，如圖所示。6.尺碼/使用說明二、產(chǎn)品詳情頁舉例產(chǎn)品詳情頁應(yīng)添加保養(yǎng)方式的說明和圖示，可以給消費者更為專業(yè)和貼心的印象，增強消費者對產(chǎn)品的信賴感，有助于轉(zhuǎn)化率的提升。經(jīng)營衣物服飾類的產(chǎn)品時，建議在詳

23、情頁加上此方面的內(nèi)容，如圖所示。7.保養(yǎng)方式二、產(chǎn)品詳情頁舉例買家在選定商品后，一般都很關(guān)心產(chǎn)品的電子支付方式和收貨時長等問題。賣家最好能在買家提問前就做好說明，這樣可以大量節(jié)省一些回復此類常見詢盤問題的時間。對于此類問題可多用縮略圖和列表說明，便于買家一目了然地了解情況，如圖所示。8.支付與運輸問題二、產(chǎn)品詳情頁舉例預(yù)先將售后服務(wù)承諾說明寫清楚，也同樣可以打消買家的很多疑慮，提升買家對產(chǎn)品信賴的同時，也可以為賣家節(jié)省一些回復詢盤的時間，如圖所示。9.售后服務(wù)承諾說明二、產(chǎn)品詳情頁舉例在商品詳情頁可以把店鋪的實力展示出來，主要是指實體店、工廠和生產(chǎn)線的圖片展示等，還可以將產(chǎn)品包裝加入其中，這些都有助于增強買家對產(chǎn)品的認可度，如圖所示。10.生產(chǎn)實力展示二、產(chǎn)品詳情頁舉例買家更愿意相信買家，將買家的好評截圖展示出來，有助于提高買家對商品的進一步認同感，如圖所示。11.買家好評秀二、產(chǎn)品詳情頁舉例在詳情頁的末尾需要列出一些FAQ，這樣除了可以省去一些回復詢盤的時間外，還有