項(xiàng)目四跨境電商店鋪設(shè)計(jì)與裝修185任務(wù)1?店鋪首頁(yè)設(shè)計(jì)與制作任務(wù)2?店鋪商品詳情頁(yè)設(shè)計(jì)與制作任務(wù)3?店鋪營(yíng)銷活動(dòng)頁(yè)設(shè)計(jì)與制作ONTENTSC目錄186知識(shí)目標(biāo)1.?了解店鋪首頁(yè)布局和視覺元素的設(shè)計(jì)方法。2.?了解商品詳情頁(yè)設(shè)計(jì)規(guī)范和技巧。3.?了解促銷活動(dòng)頁(yè)和品牌故事頁(yè)的基本構(gòu)成與設(shè)計(jì)要素。

187188

技能目標(biāo)1.?能夠分析用戶需求，完成店鋪logo和店招設(shè)計(jì)。2.?能夠根據(jù)店鋪營(yíng)銷需求，完成店鋪首頁(yè)banner的設(shè)計(jì)。3.?能夠根據(jù)店鋪營(yíng)銷需求，制作符合規(guī)范的商品詳情頁(yè)。4.?能夠根據(jù)店鋪營(yíng)銷需求，完成促銷活動(dòng)頁(yè)的設(shè)計(jì)與制作。5.?能夠根據(jù)店鋪營(yíng)銷需求，結(jié)合品牌文化，完成品牌故事頁(yè)的設(shè)計(jì)與制作。189素養(yǎng)目標(biāo)1.?培養(yǎng)審美意識(shí)。2.?培養(yǎng)創(chuàng)新思維和解決問題的能力。3.?培養(yǎng)團(tuán)隊(duì)合作精神和溝通能力。店鋪首頁(yè)設(shè)計(jì)與制作01190李華加入A電商公司實(shí)習(xí)后，恰逢一年一度的亞馬遜Prime?Day盛大開啟。為了充分利用這一購(gòu)物狂歡節(jié)，他所在的運(yùn)營(yíng)團(tuán)隊(duì)決定對(duì)店鋪首頁(yè)進(jìn)行全面翻新，提前營(yíng)造濃厚的節(jié)日氛圍。191店鋪首頁(yè)，作為消費(fèi)者接觸店鋪的第一扇窗，其設(shè)計(jì)質(zhì)量直接關(guān)乎能否給消費(fèi)者留下深刻而美好的第一印象，進(jìn)而吸引其目光，激發(fā)其潛在的購(gòu)買興趣。在本任務(wù)中，我們將學(xué)習(xí)店鋪logo、banner和店招的設(shè)計(jì)方法。192193一、店鋪logo的類型店鋪logo作為店鋪的視覺識(shí)別核心元素，承載著代表和識(shí)別品牌形象的重要任務(wù)。一個(gè)優(yōu)秀的店鋪logo應(yīng)當(dāng)兼具簡(jiǎn)潔性、易記性與辨識(shí)度，同時(shí)緊密契合店鋪的經(jīng)營(yíng)理念與品牌形象。以下是幾種常見的店鋪logo類型。1.?字母型logo字母型logo是被廣泛應(yīng)用的一種形式見下圖。這類logo通常以公司名稱的首字母或縮寫為基礎(chǔ)，通過不同字體的創(chuàng)意設(shè)計(jì)呈現(xiàn)。其優(yōu)勢(shì)在于簡(jiǎn)潔直觀、易于辨識(shí)與記憶，尤其適合面向國(guó)際市場(chǎng)的網(wǎng)店，有助于跨越語言障礙，實(shí)現(xiàn)全球范圍內(nèi)的品牌識(shí)別。194字母型logo示例2.?圖案型logo圖案型logo深植于品牌內(nèi)涵，通過抽象、具象或卡通等圖案形式，講述品牌故事，展現(xiàn)獨(dú)特藝術(shù)魅力見下圖。此類logo不受地域語言限制，形象生動(dòng)，具有高度的辨識(shí)度和吸引力，深受大眾喜愛，尤其能觸動(dòng)年輕消費(fèi)群體的心弦。195

圖案型logo示例3.?文字與圖案組合型logo此類logo將文字與圖案精妙結(jié)合，形式多樣，包括簡(jiǎn)單并列、疊加融合等見下圖。文字與圖案組合型logo通過公司名稱與富有象征意義的圖案搭配，不僅強(qiáng)化了品牌信息的傳達(dá)，還加深了消費(fèi)者的品牌記憶，對(duì)于提升品牌知名度效果顯著，同時(shí)也幫助品牌在市場(chǎng)中脫穎而出。196

文字與圖案組合型logo示例4.?吉祥物型logo吉祥物型logo以卡通、動(dòng)物或人物形象為主角，憑借其生動(dòng)有趣的形象、高度的辨識(shí)度和記憶點(diǎn)，成為吸引消費(fèi)者注意力的利器（見下圖）。這類logo尤其適合追求年輕化、趣味性的店鋪，能夠迅速拉近與年輕消費(fèi)群體的距離。197

吉祥物型logo示例在設(shè)計(jì)店鋪logo時(shí)，應(yīng)重點(diǎn)把握以下幾個(gè)方面原則。第一，簡(jiǎn)潔明了。確保logo設(shè)計(jì)直觀易懂，避免復(fù)雜冗余的元素，便于消費(fèi)者迅速捕捉并記住。第二，易于識(shí)別。賦予logo獨(dú)特性，避免與市場(chǎng)上現(xiàn)有店鋪logo雷同，防止消費(fèi)者混淆。第三，與品牌形象一致。logo應(yīng)緊密圍繞店鋪的經(jīng)營(yíng)理念與品牌形象展開設(shè)計(jì)，準(zhǔn)確傳達(dá)品牌的核心價(jià)值與特色。第四，可擴(kuò)展性?？紤]到logo在不同媒介和場(chǎng)景下的應(yīng)用需求，確保其具備良好的適應(yīng)性和靈活性。198二、banner的設(shè)計(jì)規(guī)范banner位于首頁(yè)主區(qū)內(nèi)，是消費(fèi)者進(jìn)入店鋪時(shí)首先映入眼簾的內(nèi)容，其后通常對(duì)應(yīng)著圖片輪播模塊。因此，banner作為一個(gè)至關(guān)重要的產(chǎn)品展示模塊，通過滾動(dòng)輪播的方式動(dòng)態(tài)展示多張廣告圖片，更直觀、更生動(dòng)地展現(xiàn)店鋪商品，有效提升廣告商品及優(yōu)質(zhì)內(nèi)容的曝光度。一張優(yōu)質(zhì)的banner圖能夠吸引消費(fèi)者的注意力，有效傳達(dá)產(chǎn)品的特點(diǎn)。相反，如果banner圖的制作缺乏專業(yè)性，或者內(nèi)容顯得混亂，就可能給消費(fèi)者留下不佳印象，進(jìn)而影響他們深入了解的欲望。199無論在PC端還是移動(dòng)端，banner圖在店鋪首頁(yè)中都占據(jù)顯著位置，其主要目的是吸引目標(biāo)消費(fèi)者。因此，在設(shè)計(jì)banner圖時(shí)，應(yīng)遵循以下幾個(gè)設(shè)計(jì)規(guī)范。1.?主體突出在當(dāng)今，工作、學(xué)習(xí)或其他活動(dòng)導(dǎo)致的時(shí)間碎片化特點(diǎn)，致使人們的閱讀方式已從逐行閱讀文字轉(zhuǎn)變?yōu)橹鹌翞g覽圖片。每張圖片在消費(fèi)者眼前的展示時(shí)間都很短暫，因此必須確保消費(fèi)者能在第一眼就捕捉到banner圖的主要信息，從而增加圖片被點(diǎn)擊的機(jī)會(huì)。2002.?視覺與文案的合理搭配應(yīng)根據(jù)店鋪風(fēng)格和營(yíng)銷內(nèi)容進(jìn)行合理的色彩搭配，使消費(fèi)者在第一時(shí)間就能從色彩上對(duì)產(chǎn)品產(chǎn)生強(qiáng)烈的感知。文案應(yīng)既簡(jiǎn)潔又能與消費(fèi)者產(chǎn)生共鳴。在設(shè)計(jì)時(shí)，通常使用主標(biāo)題來吸引消費(fèi)者的注意力，用副標(biāo)題進(jìn)一步解釋標(biāo)題的含義，并采用合理的布局方式，使畫面構(gòu)圖更加美觀。3.?正確的圖片尺寸正確的圖片尺寸是確保圖片在網(wǎng)店中有效展示的關(guān)鍵。不同的網(wǎng)店平臺(tái)對(duì)圖片尺寸有不同的要求，在設(shè)計(jì)banner圖時(shí)，必須根據(jù)對(duì)應(yīng)平臺(tái)的要求來設(shè)計(jì)制作。201三、店招的設(shè)計(jì)規(guī)范店招是店鋪的招牌，也是店鋪的靈魂所在。它位于店鋪首頁(yè)的頂部，主要作用在于說明店鋪的營(yíng)銷項(xiàng)目，從而吸引消費(fèi)者的注意。作為展示店鋪形象的一個(gè)重要窗口，鮮明、有特色的店招對(duì)于店鋪品牌的形成和商品定位的展現(xiàn)具有不可替代的作用。某亞馬遜店鋪店招如下圖所示。202203

某亞馬遜店鋪店招店招的設(shè)計(jì)元素通常包括店鋪的品牌名稱或公司名稱、品牌logo、公司口號(hào)或服務(wù)理念等核心要素。此外，店招還可以靈活融入店鋪促銷信息、平臺(tái)活動(dòng)參與方案以及店鋪內(nèi)的特殊優(yōu)勢(shì)介紹等內(nèi)容，以豐富其信息傳遞功能。店鋪無須包含所有元素，可根據(jù)自身需求和實(shí)際情況進(jìn)行適當(dāng)調(diào)整，以達(dá)到最佳展示效果。一個(gè)設(shè)計(jì)精良的店招能夠有效傳達(dá)店鋪的經(jīng)營(yíng)理念，突出店鋪的經(jīng)營(yíng)風(fēng)格，并彰顯店鋪的獨(dú)特形象。某全球速賣通店鋪店招如下圖

所示。204205某全球速賣通店鋪店招1.?店招的設(shè)計(jì)要點(diǎn)（1）尺寸規(guī)范。店招的圖片格式通常為GIF、JPG和PNG，且需滿足特定平臺(tái)的尺寸要求。不同平臺(tái)對(duì)店招的尺寸有具體的規(guī)定。（2）表達(dá)直接。國(guó)外消費(fèi)者更傾向于直接的表達(dá)方式，因此店招需要能夠明確、直接地告知消費(fèi)者店鋪所售賣的商品種類，可以采用實(shí)物照片的形式，直觀、形象地展示店鋪的商品及其特色。（3）突出特點(diǎn)。店招應(yīng)能夠闡述店鋪商品的核心特點(diǎn)，以便在第一時(shí)間吸引并打動(dòng)瀏覽者。店招要盡量體現(xiàn)出店鋪和所經(jīng)營(yíng)商品的優(yōu)勢(shì)，以及與其他店鋪的差異之處，從而形成自己獨(dú)特的賣點(diǎn)。2062.?店招的設(shè)計(jì)視覺規(guī)范店招的首要功能是清晰地展示店鋪名稱。在店招上，可以添加品牌宣傳語、近期的打折促銷信息、收藏按鈕、移動(dòng)端二維碼等元素，力求在有限的空間內(nèi)傳遞出更多的信息，以刺激消費(fèi)者的購(gòu)買欲望。但要注意，這些元素最好不要超過3個(gè)，因?yàn)樽銐虻牧舭卓臻g有助于打造視覺重點(diǎn)，讓設(shè)計(jì)元素發(fā)揮出最大的效能，如下圖所示。207店招設(shè)計(jì)示例1店鋪商品詳情頁(yè)設(shè)計(jì)與制作02208在A電商公司籌備亞馬遜Prime?Day活動(dòng)期間，計(jì)劃推出兩款新品。李華所在的運(yùn)營(yíng)團(tuán)隊(duì)在收到供應(yīng)商寄來的樣品及商品參數(shù)后，隨即安排人員進(jìn)行商品圖片的拍攝。現(xiàn)需依據(jù)跨境電商平臺(tái)詳情頁(yè)圖片的制作規(guī)范，為這兩款商品制作商品詳情頁(yè)所需的商品圖片及商品詳情描述圖片。制作完畢后，需將這些圖片上傳至店鋪的圖片空間，以供商品管理人員在商品發(fā)布時(shí)使用。209商品詳情頁(yè)是決定客戶是否會(huì)發(fā)起詢盤的重要因素，因此，要提高商品詳情頁(yè)的轉(zhuǎn)化率，就必須讓商品詳情頁(yè)能激發(fā)買家的購(gòu)買欲望。設(shè)計(jì)者在深入理解新產(chǎn)品特性和功能的基礎(chǔ)上，需制作商品詳情頁(yè)所需的圖片，并確保這些圖片質(zhì)量上乘，能有效地展示新產(chǎn)品的優(yōu)點(diǎn)和特性，以吸引潛在買家的注意。在本任務(wù)中，我們將學(xué)習(xí)商品主圖、商品輔圖以及商品詳情描述的設(shè)計(jì)規(guī)范。210一、商品詳情頁(yè)的基本構(gòu)成商品詳情是產(chǎn)品發(fā)布時(shí)必須填寫的項(xiàng)目，此項(xiàng)目需要將買家關(guān)注的產(chǎn)品特色、功能、服務(wù)、包裝及運(yùn)輸?shù)刃畔⑼ㄟ^頁(yè)面的形式展示出來。其主要作用是讓買家全面了解產(chǎn)品，同時(shí)商品詳情頁(yè)也是影響買家決定是否購(gòu)買的重要因素。211212商品詳情頁(yè)常見內(nèi)容商品詳情頁(yè)常見內(nèi)容見下表?？傊?，商品詳情頁(yè)是全面展示商品的重要渠道，是賣家與買家進(jìn)行溝通、影響并說服買家下單的關(guān)鍵環(huán)節(jié)。能否將訪客轉(zhuǎn)化為實(shí)際客戶，進(jìn)而提高轉(zhuǎn)化率，很大程度上取決于商品詳情頁(yè)中的商品描述質(zhì)量。在進(jìn)行商品詳情頁(yè)設(shè)計(jì)之前，首先要全方位了解自身產(chǎn)品，學(xué)會(huì)挖掘產(chǎn)品的賣點(diǎn)，并將這些賣點(diǎn)整理成資料文檔備用；其次，要瀏覽同品類頭部賣家的店鋪，了解優(yōu)秀同行是如何設(shè)計(jì)和展示產(chǎn)品賣點(diǎn)的；最后，要了解海外買家的瀏覽習(xí)慣，多參觀一些海外優(yōu)秀賣家的店鋪，觀察他們的展示方式，因?yàn)楹Ｍ赓u家通常更了解當(dāng)?shù)刭I家的購(gòu)買心理與購(gòu)買習(xí)慣，其展示方式也更符合海外買家的瀏覽習(xí)慣。213二、商品主圖設(shè)計(jì)規(guī)范商品的主要圖片，稱為主圖。主圖不僅顯示在搜索結(jié)果和瀏覽頁(yè)中，也是買家在商品詳情頁(yè)上看到的第一張圖片。無論是國(guó)內(nèi)電商平臺(tái)還是跨境電商平臺(tái)，都將圖片質(zhì)量作為評(píng)判商品鏈接質(zhì)量的重要標(biāo)準(zhǔn)。一張吸引眼球的商品主圖能有效提升買家的關(guān)注度，增加商品鏈接的流量，提高商品成交的可能性。因此，主圖設(shè)計(jì)既要能夠展示商品的特點(diǎn)，又要具備一定的營(yíng)銷功能。商品主圖的設(shè)計(jì)必須遵循平臺(tái)的要求。2141.?圖片背景純凈背景相對(duì)純凈、元素較少的圖片，能使買家的注意力更加集中，減少他們的視覺疲勞，因此更容易獲得他們的好感。為此，大多數(shù)跨境電商平臺(tái)都要求使用純色背景，圖片整體需和諧統(tǒng)一且具有美感。全球速賣通平臺(tái)要求背景底色為白色或純色，圖片要求無邊框和水印，不允許拼圖，品牌英文logo應(yīng)統(tǒng)一放在左上角，圖片主體比例要求占整個(gè)圖片的70%以上，禁止出現(xiàn)任何形式的拼圖，首圖必須是產(chǎn)品正面圖。215亞馬遜平臺(tái)的主圖要求如下。（1）主圖應(yīng)采用純白色背景（RGB色值為255，255，255）。（2）主圖必須是實(shí)際商品的專業(yè)照片，不得是圖形、插圖、實(shí)物模型或占位符，且不得展示不出售的配件、可能令買家產(chǎn)生困惑的支撐物、不屬于商品一部分的文字或標(biāo)志/水印/內(nèi)嵌圖片（產(chǎn)品本身的logo除外）。（3）圖片最長(zhǎng)邊不應(yīng)低于1?600?px，以滿足網(wǎng)站上的縮放功能要求。圖片最長(zhǎng)邊不得超過10?000?px。（4）亞馬遜接受JPEG（.jpg）、TIFF（.tif）或GIF（.gif）文件格式，但首選JPEG?（服務(wù)器不支持.gif格式的動(dòng)圖）。216（5）鞋靴主圖片應(yīng)采用單只鞋靴，呈45度角朝向左側(cè)。（6）女裝和男裝主圖片應(yīng)采用模特照。（7）所有兒童和嬰兒服裝圖片均應(yīng)采用平放拍攝照（不借助模特）。（8）主圖中，產(chǎn)品要占據(jù)圖片大約85%的空間，清晰可見，不得有馬賽克或鋸齒邊緣。（9）服裝品類必須是正面站立的真人模特圖，不能使用道具模型模特，不能是側(cè)面、背面、多角度組合、坐姿圖等，主圖模特身上不能有非售物品，且不包含裸體信息等。（10）耳環(huán)和項(xiàng)鏈等首飾不能使用模特圖做主圖，且耳環(huán)要成對(duì)出現(xiàn)。2172.?圖片尺寸合規(guī)全球速賣通商品主圖尺寸建議在800?px×800?px（1∶1）以上，移動(dòng)端主圖尺寸建議為750?px×1?000?px（3∶4）。亞馬遜商品主圖尺寸建議在1?600?px×1?600?px（1∶1）以上，移動(dòng)端使用1∶?1.25～1.5的圖片比例，推薦尺寸為1?200?px×1?500?px或1?600?px×2?000?px。蝦皮商品主圖尺寸建議在1?000?px×1?000?px（1∶1）以上。敦煌網(wǎng)商品主圖尺寸建議在800?px×800?px（1∶1）以上。主圖首選JPEG格式圖片，全球速賣通還可以使用PNG格式圖片，亞馬遜也可使用TIFF和GIF格式圖片。2183.?圖片上不要添加文字國(guó)內(nèi)電商主圖通常會(huì)添加一些文字以強(qiáng)調(diào)賣點(diǎn)，但在跨境電商平臺(tái)上最好不要出現(xiàn)文字。因此，當(dāng)遇到供應(yīng)商提供的商品圖片帶文字的情況時(shí)，需要使用修圖軟件去掉文字（見下圖）。219修圖前后對(duì)比4.?官方標(biāo)志不能亂用跨境電商平臺(tái)的官方logo和標(biāo)志不能隨意使用，包括但不限于AliExpress、eBay、Shopee等。5.?切勿盜圖商品圖片受知識(shí)產(chǎn)權(quán)保護(hù)，任何平臺(tái)都會(huì)嚴(yán)厲打擊圖片侵權(quán)行為，所有侵權(quán)的產(chǎn)品鏈接都會(huì)被下架。同時(shí)，如果與他人圖片過于相似，也很容易被投訴。因此，在制作圖片時(shí)最好多加入自己的創(chuàng)意和想法。220三、商品輔圖設(shè)計(jì)規(guī)范商品的附加圖片被稱為輔圖（Other?Image/Sub?Image）。商品應(yīng)配有一些附加圖片，從不同角度來展示商品，展現(xiàn)主圖中未顯示的細(xì)節(jié)。輔圖的設(shè)計(jì)尺寸一般與主圖一致，但輔圖中可以加入更多的設(shè)計(jì)元素，如下圖所示。221222輔圖示例1.?輔圖的制作要點(diǎn)輔圖通常包括功能圖、細(xì)節(jié)圖及內(nèi)部結(jié)構(gòu)圖、尺寸圖、場(chǎng)景圖、包裝圖等，如下圖所示。（1）功能圖。一次性展現(xiàn)產(chǎn)品的所有功能及其屬性，讓客戶對(duì)產(chǎn)品一目了然。（2）細(xì)節(jié)圖及內(nèi)部結(jié)構(gòu)圖。放大產(chǎn)品中的某些小細(xì)節(jié)，讓客戶對(duì)產(chǎn)品能有更深層次的了解。另外，有些電子產(chǎn)品會(huì)展示內(nèi)部結(jié)構(gòu)圖，這樣既顯得產(chǎn)品很高級(jí)，又會(huì)讓客戶對(duì)產(chǎn)品更加放心，如下圖所示。223224各類輔圖225細(xì)節(jié)圖及內(nèi)部結(jié)構(gòu)圖（3）尺寸圖。通過觀察平臺(tái)發(fā)現(xiàn)，80%的賣家會(huì)把產(chǎn)品的尺寸標(biāo)注得特別清楚，但更建議用常見的物品作為參照物，這樣看起來更直觀，讓人心里有數(shù)。（4）場(chǎng)景圖。賦予產(chǎn)品情境，讓顧客有身臨其境的感覺。（5）包裝圖。如果自己的產(chǎn)品包裝比較漂亮的話，建議放上去；反之，則不要放包裝圖，否則會(huì)適得其反。2262.?字體和字號(hào)的使用規(guī)范根據(jù)圖片的風(fēng)格和產(chǎn)品的特點(diǎn)來進(jìn)行字體的選擇。一般常規(guī)的畫面會(huì)選擇無襯線體的字體來進(jìn)行編輯，因?yàn)闊o襯線體的字體比較統(tǒng)一和規(guī)整，能讓畫面看起來不會(huì)雜亂。同時(shí)，一組產(chǎn)品圖片中，字體不宜超過2種，字體顏色也不要超過3種。字號(hào)沒有統(tǒng)一的規(guī)范，但是主標(biāo)題最好不要小于72?px（字體太小會(huì)影響閱讀），建議90～100?px都是比較合適的；副標(biāo)題不要小于36?px。在設(shè)計(jì)撰寫輔圖文案時(shí)，要注意以下要點(diǎn)。227（1）以大寫字母開頭。（2）句子結(jié)尾不使用標(biāo)點(diǎn)符號(hào)。（3）重申與商品名稱及描述相關(guān)的重要信息（如適用）。（4）使用阿拉伯?dāng)?shù)字（“2”而不是“two”）。（5）拼寫出測(cè)量單位（“6?inches”而不是“6”）。（6）請(qǐng)勿使用符號(hào)，如～！*?$???_?~?{?}?[?]?#?<>?|?*?；/?^??

|。（7）請(qǐng)勿使用環(huán)境依存文字或顏文字。（8）請(qǐng)勿包含商品價(jià)格或促銷信息，如“打折”或“免運(yùn)費(fèi)”。（9）請(qǐng)勿使用主觀性評(píng)價(jià)用語，如“熱門商品”或“Best?Seller”。（10）請(qǐng)勿在商品名稱中包含賣家名稱。228四、商品詳情描述設(shè)計(jì)規(guī)范在設(shè)計(jì)商品詳情頁(yè)文案時(shí)，應(yīng)注意幾點(diǎn)：①與店鋪定位保持統(tǒng)一；②詳細(xì)描述商品細(xì)節(jié)；③突出商品賣點(diǎn)；④介紹商品來源地；⑤闡述商品功效。1.?商品詳情描述文字制作文字介紹是詳情頁(yè)中不可或缺的部分。雖然將文字直接附在圖片上可以讓買家看到，但圖片上的文字無法被搜索引擎抓取，因此不利于買家搜索。同時(shí)，圖片上的文字也無法隨網(wǎng)頁(yè)被自動(dòng)翻譯成各種語言。因此，商品詳情頁(yè)中應(yīng)同時(shí)使用圖片和文字兩種形式來描述商品，以確保信息的全面性和可搜索性。229230文字詳情描述直接使用平臺(tái)提供的“描述”選項(xiàng)卡或文字模塊添加的文字詳情描述，效果如下圖所示。可以使用Dreamweaver進(jìn)行排版，將文字調(diào)整到合適大小，并將一些關(guān)鍵信息加粗，以突出重點(diǎn)。同時(shí)，可以將標(biāo)題的字號(hào)進(jìn)一步放大，改變文字的顏色，并將字體設(shè)置為斜體等。為了讓標(biāo)題和內(nèi)容更容易區(qū)分，可以使用“增加縮進(jìn)量”按鈕將子級(jí)文案整體縮進(jìn)。此外，也可以為標(biāo)題文字添加一個(gè)自定義的背景色彩，這個(gè)顏色可以根據(jù)店鋪的主色調(diào)來確定，以使文字排版更加美觀，參考效果如下圖所示。231232

排版示例2.?商品詳情圖常用構(gòu)圖技巧（1）左右構(gòu)圖。若產(chǎn)品在右側(cè)，則文字放在左側(cè)；若產(chǎn)品在左側(cè)，則文字放在

右側(cè)。（2）居中構(gòu)圖。采用標(biāo)題在上方，圖片在下方，兩者居中對(duì)齊的形式。這種構(gòu)圖方式是目前各電商平臺(tái)最為常用的一種布局形式，如下圖所示。233

居中構(gòu)圖示例

店鋪營(yíng)銷活動(dòng)頁(yè)設(shè)計(jì)與制作03234隨著10月派對(duì)季大促的熱烈啟幕，李華所在的運(yùn)營(yíng)團(tuán)隊(duì)正緊鑼密鼓地籌備全店鋪范圍的優(yōu)惠促銷活動(dòng)?，F(xiàn)需依據(jù)活動(dòng)規(guī)劃，精心設(shè)計(jì)促銷活動(dòng)頁(yè)和品牌故事頁(yè)兩個(gè)關(guān)鍵頁(yè)面。235促銷活動(dòng)頁(yè)旨在清晰傳達(dá)活動(dòng)詳情，包括活動(dòng)時(shí)間、優(yōu)惠券領(lǐng)取與使用規(guī)則，以及店鋪平均客單價(jià)等重要信息；品牌故事頁(yè)通過深入闡述公司發(fā)展歷程、品牌核心價(jià)值觀及產(chǎn)品獨(dú)特賣點(diǎn)，進(jìn)一步增強(qiáng)消費(fèi)者對(duì)品牌的認(rèn)知與信任。在本任務(wù)中，我們將學(xué)習(xí)這兩個(gè)頁(yè)面的設(shè)計(jì)技巧。236一、促銷活動(dòng)頁(yè)設(shè)計(jì)技巧促銷活動(dòng)頁(yè)是電商平臺(tái)或店鋪在特定節(jié)假日及促銷期間精心策劃的宣傳頁(yè)面，旨在吸引消費(fèi)者關(guān)注并參與活動(dòng)，從而促進(jìn)商品銷售。設(shè)計(jì)促銷活動(dòng)頁(yè)有以下注意事項(xiàng)。2371.?凸顯活動(dòng)焦點(diǎn)在頁(yè)面頂部或視覺中心位置，應(yīng)放置一張引人注目的大圖并配以鮮明的標(biāo)題，迅速捕獲消費(fèi)者的注意力。2.?保持設(shè)計(jì)簡(jiǎn)潔設(shè)計(jì)時(shí)應(yīng)避免煩瑣復(fù)雜，力求頁(yè)面布局清晰、元素排列有序，確保消費(fèi)者能夠快速瀏覽并理解頁(yè)面內(nèi)容，提升用戶體驗(yàn)。2383.?明確活動(dòng)詳情在頁(yè)面的顯著位置，使用精練的語言概述活動(dòng)主題、參與方式、優(yōu)惠規(guī)則等關(guān)鍵信息，特別是要清晰標(biāo)注促銷的優(yōu)惠力度，如具體折扣比例、滿減條件、贈(zèng)品詳情等，使消費(fèi)者一目了然，便于快速?zèng)Q策。如下圖所示頁(yè)面，通過直觀展示優(yōu)惠信息，有效促進(jìn)用戶轉(zhuǎn)化。239促銷活動(dòng)頁(yè)示例34.?限時(shí)促銷與緊迫感營(yíng)造若促銷活動(dòng)設(shè)有時(shí)間限制，建議在頁(yè)面中嵌入倒計(jì)時(shí)功能，以增強(qiáng)消費(fèi)者的購(gòu)買緊迫感，促使他們迅速作出購(gòu)買決定，從而有效提升轉(zhuǎn)化率，如下圖所示。240

促銷活動(dòng)頁(yè)示例45.?優(yōu)惠碼與專屬鏈接展示若活動(dòng)要求輸入優(yōu)惠碼或通過特定鏈接參與，務(wù)必在頁(yè)面顯著位置以醒目的方式呈現(xiàn)這些信息，確保消費(fèi)者能夠輕松找到并快速使用，方便他們快捷地參與促銷活動(dòng)，如下圖所示。241

促銷活動(dòng)頁(yè)示例56.?精選商品推薦在頁(yè)面上精心挑選并推薦一系列特色商品或當(dāng)前熱銷商品，通過展示這些商品的優(yōu)勢(shì)和吸引力，讓消費(fèi)者直觀感受到參與促銷所能獲得的實(shí)際價(jià)值，從而激發(fā)他們的購(gòu)買欲望，如下圖所示。242促銷活動(dòng)頁(yè)示例67.?活動(dòng)規(guī)則和說明在頁(yè)面底部或便于消費(fèi)者查找的位置，清晰、詳盡地列出活動(dòng)的所有規(guī)則和說明，包括參與條件、獎(jiǎng)品設(shè)置、兌獎(jiǎng)方式等，確保每位消費(fèi)者都能充分了解活動(dòng)詳情，避免因信息不明導(dǎo)致的誤解或投訴，如下圖所示。243促銷活動(dòng)頁(yè)示例78.?跨境購(gòu)物提示針對(duì)跨境電商的特殊性，提供全面的購(gòu)物提示，包括但不限于關(guān)稅政策說明、運(yùn)費(fèi)計(jì)算規(guī)則、預(yù)計(jì)送達(dá)時(shí)間范圍等，以幫助用戶更好地規(guī)劃購(gòu)物預(yù)算，減少購(gòu)物過程中的不確定性，讓跨境購(gòu)物體驗(yàn)更加順暢無憂。244二、品牌故事頁(yè)設(shè)計(jì)技巧及制作要點(diǎn)品牌故事是關(guān)于使命、愿景、價(jià)值觀等的敘述，賣家需要更加關(guān)注產(chǎn)品質(zhì)量和價(jià)值。買家購(gòu)買商品時(shí)，不僅關(guān)注商品的品質(zhì)和功效，更看重品牌的文化內(nèi)涵。品牌中融入文化元素，能夠塑造品牌自身特有的氣質(zhì)。無論是亞馬遜還是全球速賣通，都非常注重品牌的發(fā)展，并為此專門設(shè)置了相應(yīng)的模塊。2451.?亞馬遜平臺(tái)品牌故事模塊亞馬遜平臺(tái)的品牌故事主要通過在詳細(xì)信息頁(yè)面中添加品牌專用位置來展示。通過引人注目的內(nèi)容，在產(chǎn)品特點(diǎn)之外，突出品牌故事的要素，如下圖所示。246亞馬遜平臺(tái)品牌故事模塊示例在亞馬遜平臺(tái)，可以從以下四種模塊中選擇添加品牌故事：品牌卡片模塊（logo+品牌簡(jiǎn)介）、商標(biāo)卡片模塊、品牌卡片媒體資產(chǎn)模塊（人物/商品介紹）以及品牌卡片問答模塊。（1）品牌卡片模塊（logo+品牌簡(jiǎn)介）。用于介紹賣家的品牌故事、創(chuàng)建者、發(fā)展過程、產(chǎn)品類別、核心理念等。此模塊通常用于品牌故事的首個(gè)展示圖表中。請(qǐng)注意，logo的大小應(yīng)為315?px×145?px。在編輯時(shí)，左側(cè)將顯示品牌新聞的內(nèi)容，右側(cè)則展示列表頁(yè)面的內(nèi)容。247（2）商標(biāo)卡片模塊。每個(gè)卡片可展示4種產(chǎn)品。圖片的尺寸要求為166?px×182?px。此模塊允許設(shè)置多個(gè)卡片，以便展示所有希望展示的產(chǎn)品。（3）品牌卡片媒體資產(chǎn)模塊（人物/商品介紹）。此卡片可用于展示品牌人物或商品，并附上簡(jiǎn)短的介紹。推薦使用具有