跨境電商視覺(jué)設(shè)計(jì)與營(yíng)銷(xiāo)（第2版） 課件 -項(xiàng)目9-無(wú)線端視覺(jué)設(shè)計(jì)

項(xiàng)目九無(wú)線端視覺(jué)設(shè)計(jì)跨境電商視覺(jué)營(yíng)銷(xiāo)跨境電商B2B數(shù)據(jù)運(yùn)營(yíng)職業(yè)技能等級(jí)證書(shū)（初級(jí)）課程01無(wú)線端旺鋪首頁(yè)設(shè)計(jì)02無(wú)線端旺鋪詳情頁(yè)設(shè)計(jì)03無(wú)線端店鋪裝修目錄CONTENTS跨境電商視覺(jué)營(yíng)銷(xiāo)知識(shí)目標(biāo)技能目標(biāo)思政目標(biāo)學(xué)習(xí)目標(biāo)LearningGoals了解無(wú)線端視覺(jué)的基本特點(diǎn)掌握無(wú)線端首頁(yè)與詳情頁(yè)的設(shè)計(jì)方法能夠設(shè)計(jì)無(wú)線端首頁(yè)能夠設(shè)計(jì)無(wú)線端詳情頁(yè)能夠裝修無(wú)線端店鋪培養(yǎng)跨境電商運(yùn)營(yíng)過(guò)程中的審美意識(shí)在跨境電商數(shù)據(jù)分析過(guò)程中堅(jiān)持科學(xué)的價(jià)值觀和道德觀無(wú)線端首頁(yè)設(shè)計(jì)任務(wù)一跨境電商視覺(jué)營(yíng)銷(xiāo)無(wú)線端旺鋪首頁(yè)設(shè)計(jì)知識(shí)梳理

Content

of

Chapter無(wú)線端裝修店鋪框架操作體驗(yàn)應(yīng)用實(shí)戰(zhàn)無(wú)線端旺鋪首頁(yè)設(shè)計(jì)體驗(yàn)無(wú)線端旺鋪首頁(yè)設(shè)計(jì)實(shí)戰(zhàn)知識(shí)梳理01知識(shí)要點(diǎn)無(wú)線端設(shè)計(jì)基本原則首頁(yè)構(gòu)成要素首頁(yè)基本框架無(wú)線端視覺(jué)設(shè)計(jì)基本原則信息簡(jiǎn)潔明了視覺(jué)沖擊強(qiáng)與PC端相呼應(yīng)為了推銷(xiāo)產(chǎn)品,吸引消費(fèi)者的注意，需要選擇視覺(jué)沖擊大的圖片和產(chǎn)品。同時(shí)，應(yīng)盡量調(diào)高圖片的亮度和純度，增加商品圖片的通透性，確保用戶在各種條件下（省電模式、光線過(guò)強(qiáng)等）都能清晰地查看頁(yè)面和商品無(wú)線端店鋪呈現(xiàn)的信息一定要簡(jiǎn)潔明了，以便傳播得更加快速。因?yàn)闊o(wú)線端屏幕面積小，能夠傳遞的信息有限，太多的內(nèi)容易引起消費(fèi)者的閱讀疲勞，從而失去繼續(xù)瀏覽的耐心，造成客戶的流失。無(wú)線端的內(nèi)容要與PC端的內(nèi)容相互呼應(yīng)，具有相通的視覺(jué)符號(hào)，以提高店鋪品牌的關(guān)聯(lián)性。在合理分配內(nèi)容框架的基礎(chǔ)上，嚴(yán)格遵守了設(shè)計(jì)規(guī)范，其內(nèi)容展示重點(diǎn)突出，可以吸引對(duì)這類(lèi)商品感興趣的消費(fèi)者進(jìn)行瀏覽。無(wú)線端視覺(jué)設(shè)計(jì)基本原則首頁(yè)主要構(gòu)成要素焦點(diǎn)圖為了迎合移動(dòng)設(shè)備的屏幕尺寸，無(wú)線端店鋪的首頁(yè)同樣利用焦點(diǎn)圖來(lái)吸引用戶的注意力，突出展示店鋪的最新動(dòng)態(tài)或活動(dòng)信息。由于移動(dòng)屏幕寬度的限制，這些焦點(diǎn)圖在寬度上更為緊湊，主要聚焦于商品和文案的展示。在視覺(jué)構(gòu)圖上，傳統(tǒng)的左文右圖布局轉(zhuǎn)變?yōu)樯衔南聢D的排列方式，這樣設(shè)計(jì)旨在確保焦點(diǎn)圖能夠完全占據(jù)無(wú)線端頁(yè)面的首屏空間，以更強(qiáng)烈的視覺(jué)震撼力準(zhǔn)確傳達(dá)信息，從而更有效地吸引用戶的目光。優(yōu)惠活動(dòng)區(qū)優(yōu)惠活動(dòng)區(qū)通常包含優(yōu)惠券信息和活動(dòng)信息兩大板塊，它們通常被安排在首屏焦點(diǎn)圖的下方顯眼位置。當(dāng)用戶被焦點(diǎn)圖的內(nèi)容所吸引并繼續(xù)瀏覽時(shí)，他們就能方便地看到店鋪提供的優(yōu)惠信息，進(jìn)而深入了解店鋪的促銷(xiāo)詳情。商品分類(lèi)區(qū)無(wú)線端店鋪首頁(yè)的商品分類(lèi)區(qū)，與PC端相類(lèi)似，主要致力于展示店鋪商品的核心類(lèi)型，并致力于為用戶提供精準(zhǔn)、快速的導(dǎo)航體驗(yàn)，將用戶直接引導(dǎo)至他們感興趣的分類(lèi)頁(yè)面。在視覺(jué)設(shè)計(jì)上，無(wú)線端可以延續(xù)計(jì)算機(jī)端的統(tǒng)一風(fēng)格，但排版布局需根據(jù)移動(dòng)設(shè)備的顯示特性進(jìn)行適配，確保用戶能夠輕松瀏覽和點(diǎn)擊，快速定位到所需商品分類(lèi)。店鋪首頁(yè)框架店鋪框架即店鋪主導(dǎo)航結(jié)構(gòu)，新版店鋪框架主要由頂部導(dǎo)航、底部導(dǎo)航、店招構(gòu)成，右圖為無(wú)線端旺鋪前臺(tái)展示效果。（1）頂部導(dǎo)航頂部導(dǎo)航由Home首頁(yè)、Product產(chǎn)品、Profile公司信息三大固定Tab和第4個(gè)可變的Tab構(gòu)成（右圖Feeds）。Member。（2）底部導(dǎo)航底部導(dǎo)航由Categories（全部寶貝）、SendInquiry、ChatNow構(gòu)成。（3）店鋪信息店鋪信息模塊展示買(mǎi)家最關(guān)注的公司核心信息，包括平臺(tái)經(jīng)營(yíng)年限、是否通過(guò)認(rèn)證、Feed關(guān)注人數(shù)等信息。頂部導(dǎo)航在用戶瀏覽無(wú)線端店鋪的時(shí)候會(huì)全局懸浮，方便用戶查看和快速切換。操作體驗(yàn)022020年8月，小李在北京全球跨境電商電子商務(wù)有限公司國(guó)際站旺鋪運(yùn)營(yíng)部就職，部門(mén)負(fù)責(zé)人黃經(jīng)理分配他負(fù)責(zé)基礎(chǔ)建站工作，具體為產(chǎn)品上架、店鋪開(kāi)通。接下來(lái)，請(qǐng)你與小李一起，完成以下無(wú)線端首頁(yè)模塊設(shè)計(jì)。無(wú)線端視覺(jué)設(shè)計(jì)無(wú)線端首頁(yè)設(shè)計(jì)任務(wù)實(shí)施：無(wú)線端視覺(jué)與體驗(yàn)操作參考同行旺鋪模塊架構(gòu)后，根據(jù)企業(yè)無(wú)線端旺鋪展示需要，以及自己目前的特長(zhǎng)，小李決定店鋪模塊架構(gòu)由店招、營(yíng)銷(xiāo)、主營(yíng)類(lèi)目、櫥窗產(chǎn)品、橫幅Banner、視頻、熱區(qū)切圖、RTS現(xiàn)貨品專(zhuān)區(qū)、新品專(zhuān)區(qū)、樣品專(zhuān)區(qū)、爆品專(zhuān)區(qū)、智能產(chǎn)品專(zhuān)區(qū)組成。營(yíng)銷(xiāo)：通過(guò)優(yōu)惠券和限時(shí)折扣充實(shí)模塊。櫥窗產(chǎn)品：有10個(gè)櫥窗產(chǎn)品，通過(guò)視頻展示產(chǎn)品品質(zhì)、產(chǎn)品重要參數(shù)、產(chǎn)品使用操作方法。視頻：動(dòng)態(tài)展示公司外部形象、辦公環(huán)境、研發(fā)實(shí)力、生產(chǎn)過(guò)程、包裝過(guò)程、樣品間、倉(cāng)庫(kù)等場(chǎng)景。熱區(qū)切圖：靜態(tài)展示公司辦公、工廠車(chē)間、樣品間、公司榮譽(yù)證書(shū)等公司形象和實(shí)力。

RTS現(xiàn)貨品專(zhuān)區(qū)：手動(dòng)選擇4個(gè)RTS產(chǎn)品，為了美觀，前2個(gè)產(chǎn)品有視頻，后2個(gè)產(chǎn)品可以同時(shí)放或同時(shí)不放視頻。新品專(zhuān)區(qū)：自動(dòng)選擇3個(gè)新品。爆品專(zhuān)區(qū)：自動(dòng)選擇旺鋪?zhàn)畋囊粋€(gè)產(chǎn)品。智能產(chǎn)品專(zhuān)區(qū)：即智能千人千面模塊，根據(jù)買(mǎi)家行為展示旺鋪內(nèi)最合適的產(chǎn)品，不支持編輯。無(wú)線端店鋪框架相對(duì)固定，但頁(yè)面內(nèi)容可以使用產(chǎn)品、圖文、視頻、營(yíng)銷(xiāo)、公司等裝修模塊靈活組合，這也是賣(mài)家店鋪裝修的個(gè)性化發(fā)揮空間，不同的組合帶來(lái)不同的客戶體驗(yàn)，首頁(yè)裝修應(yīng)如何組合這些模塊才可以優(yōu)化轉(zhuǎn)化率呢？無(wú)線端視覺(jué)設(shè)計(jì)應(yīng)用實(shí)戰(zhàn)03小李在北京樂(lè)博創(chuàng)電子商務(wù)有限公司（BeijingLebochuangElectronicCommerceCo,Ltd.）國(guó)際站旺鋪運(yùn)營(yíng)部就職，負(fù)責(zé)旺鋪基礎(chǔ)建站工作。部門(mén)負(fù)責(zé)人黃經(jīng)理安排他試做一套用于出口通會(huì)員旺鋪裝修設(shè)計(jì)的任務(wù)，用于迎接平臺(tái)大促的旺鋪裝修，接下來(lái)，請(qǐng)你與小李一起，完成此無(wú)線端店鋪設(shè)計(jì)工作。無(wú)線端視覺(jué)設(shè)計(jì)無(wú)線端大促首頁(yè)設(shè)計(jì)旺鋪裝修的視覺(jué)效果一方面取決于店鋪各個(gè)模塊之間的邏輯關(guān)系，另一方面取決于裝修素材（文本、圖片、視頻）的制作水平。素材的選取如何與店鋪品牌形象適配?無(wú)線端視覺(jué)設(shè)計(jì)無(wú)線端詳情頁(yè)設(shè)計(jì)任務(wù)二跨境電商視覺(jué)營(yíng)銷(xiāo)無(wú)線端詳情頁(yè)設(shè)計(jì)知識(shí)梳理

Content

of

Chapter無(wú)線端旺鋪詳情頁(yè)設(shè)計(jì)常識(shí)操作體驗(yàn)應(yīng)用實(shí)戰(zhàn)無(wú)線端旺鋪詳情頁(yè)設(shè)計(jì)體驗(yàn)無(wú)線端旺鋪詳情頁(yè)設(shè)計(jì)實(shí)戰(zhàn)知識(shí)梳理01知識(shí)要點(diǎn)詳情頁(yè)設(shè)計(jì)規(guī)范詳情頁(yè)編輯器編輯器編輯模式無(wú)線端詳情頁(yè)設(shè)計(jì)規(guī)范無(wú)線端詳情頁(yè)重要性無(wú)線端店鋪的首頁(yè)無(wú)疑是其門(mén)面，但商品詳情頁(yè)則是交易成敗的關(guān)鍵。用戶最終是否會(huì)購(gòu)買(mǎi)商品，往往取決于商品詳情頁(yè)所呈現(xiàn)的內(nèi)容。因此，精心制作商品詳情頁(yè)，不僅是商品視覺(jué)展示的核心要點(diǎn)，更是營(yíng)銷(xiāo)策略中不可或缺的一環(huán)。無(wú)線端排版布局另外，商品詳情頁(yè)中的圖片文字、商品信息和商品描述文字的大小也需要合理設(shè)置。文字過(guò)小不僅會(huì)影響視覺(jué)效果，還可能造成用戶閱讀困難，無(wú)法快速獲取所需信息。因此，我們應(yīng)確保這些文字足夠大且易于閱讀。無(wú)線端詳情編輯器的特點(diǎn)相對(duì)于PC端，無(wú)線端屏幕尺寸更小，對(duì)信息的排版有一定要求。阿里巴巴國(guó)際站的智能裝修編輯器可以優(yōu)化商品詳情頁(yè)無(wú)線端的展示，實(shí)現(xiàn)針對(duì)無(wú)線端的單獨(dú)設(shè)計(jì)和單獨(dú)編輯，如圖所示為無(wú)線端產(chǎn)品發(fā)布預(yù)覽效果。無(wú)線端詳情編輯器可以添加超鏈接，增大運(yùn)營(yíng)空間，還可以一鍵批量同步相同模塊到多個(gè)商品，節(jié)省人員操作成本，并支持在詳情頁(yè)放置以品帶店、以品帶品等營(yíng)銷(xiāo)模塊，提升轉(zhuǎn)化率。無(wú)線端詳情編輯器的使用無(wú)線端詳情頁(yè)的操作路徑為依次點(diǎn)擊：“MyAlibaba”→“產(chǎn)品管理”→“發(fā)布產(chǎn)品”→“根據(jù)系統(tǒng)提示填寫(xiě)產(chǎn)品信息”→“選擇智能編輯”→“我要編輯”，頂端切換到Mobile即可。無(wú)線端詳情編輯器如圖所示，左側(cè)由導(dǎo)航配置、視頻、營(yíng)銷(xiāo)、圖文、圖片、表格、文字、自定義模板等模塊組成，每個(gè)模塊包含豐富的模塊組件，是產(chǎn)品詳情內(nèi)容的重要組成。中間是展示區(qū)，實(shí)現(xiàn)三端一體、所見(jiàn)即所得的裝修效果（即裝修后臺(tái)、預(yù)覽、發(fā)布三端的展示效果一致）。左側(cè)選擇圖文/圖片等形式，拖動(dòng)到中間要放置的位置，再點(diǎn)擊對(duì)應(yīng)模塊，可打開(kāi)右側(cè)編輯區(qū)的操作界面，可以對(duì)模塊進(jìn)行編輯。全部設(shè)置完成后，可點(diǎn)擊預(yù)覽”按鈕進(jìn)行查看，沒(méi)有問(wèn)題即可點(diǎn)擊“編輯完成”按鈕結(jié)束操作。產(chǎn)品詳情編輯的智能編輯和普通編輯智能編輯分PC端和無(wú)線端，產(chǎn)品圖片除必要的參數(shù)，一般不在圖片上呈現(xiàn)。不管均支持導(dǎo)航配置、視頻、營(yíng)銷(xiāo)、圖文、圖片、表格、文字、自定義模板等，其中，營(yíng)銷(xiāo)、圖文、圖片等都支持設(shè)置鏈接。普通編輯不分PC端和無(wú)線端，詳情設(shè)計(jì)簡(jiǎn)單，定好基本模塊（視頻、屬性表格、文字較多的圖片、公司介紹、FAQ），更多的產(chǎn)品信息一般借助圖文結(jié)合的方式呈現(xiàn)，很多文字介紹都在圖片上，買(mǎi)家不能直接復(fù)制圖片上的文字用于翻譯。平臺(tái)對(duì)產(chǎn)品詳情普通編輯的規(guī)定如下：①應(yīng)包含規(guī)格參數(shù)、用途特征、質(zhì)量標(biāo)準(zhǔn)、相關(guān)認(rèn)證、服務(wù)等內(nèi)容的詳細(xì)描述。②利用圖片更直觀的向買(mǎi)家展示產(chǎn)品信息，可以使用多角度圖、細(xì)節(jié)圖、包裝、設(shè)計(jì)圖等。③將信息分段、標(biāo)號(hào)，或使用表格，以方便買(mǎi)家的閱讀。④避免大段文字簡(jiǎn)單羅列，這會(huì)降低買(mǎi)家對(duì)產(chǎn)品的興趣。

在產(chǎn)品詳情普通編輯操作頁(yè)面，不能上傳視頻，可以在主圖視頻上傳區(qū)的下方，上傳主圖視頻。操作體驗(yàn)022020年9月，小李在北京全球跨境電商電子商務(wù)有限公司店鋪運(yùn)營(yíng)部就職，他通過(guò)產(chǎn)品詳情普通編輯上新了一批耳機(jī)，在耳機(jī)的詳情頁(yè)中產(chǎn)品文字介紹和產(chǎn)品詳情圖片放在一張圖片上，不利于買(mǎi)家直接復(fù)制翻譯。新版智能編輯出來(lái)后，黃經(jīng)理讓小李試試用智能編輯重新設(shè)計(jì)一套用于耳機(jī)產(chǎn)品線的智能編輯詳情模板。接下來(lái)，請(qǐng)你與小李一起，完成這套耳機(jī)產(chǎn)品線詳情模板的設(shè)計(jì)工作。無(wú)線端視覺(jué)設(shè)計(jì)無(wú)線端旺鋪詳情頁(yè)設(shè)計(jì)操作體驗(yàn)任務(wù)實(shí)施：無(wú)線端旺鋪詳情頁(yè)設(shè)計(jì)操作體驗(yàn)根據(jù)平臺(tái)對(duì)詳情智能編輯的規(guī)定，參考同行詳情模板，并結(jié)合本企業(yè)情況，小李確定耳機(jī)產(chǎn)品線的詳情頁(yè)由產(chǎn)品標(biāo)題、產(chǎn)品圖描、賣(mài)家推薦（最多推薦12個(gè)產(chǎn)品）、包裝及運(yùn)送、公司介紹、FAQ等6個(gè)模塊組成，涉及的詳情編輯器操作小模塊組件有11個(gè)。設(shè)計(jì)耳機(jī)產(chǎn)品線的無(wú)線詳情模板序號(hào)模板內(nèi)容操作模塊操作路徑1英文標(biāo)題文本編輯模塊無(wú)線詳情編輯器→文字→純文本→拖動(dòng)至中間→文本編輯模塊編輯2ProductDescription導(dǎo)航配置無(wú)線詳情編輯器→導(dǎo)航配置→導(dǎo)航管理→點(diǎn)擊備選導(dǎo)航添加至頁(yè)面中9張產(chǎn)品圖片多圖模塊無(wú)線詳情編輯器→圖片→多圖→拖動(dòng)至中間→多圖模塊編輯3賣(mài)家推薦店鋪推薦模塊無(wú)線詳情編輯器→營(yíng)銷(xiāo)→產(chǎn)品導(dǎo)購(gòu)→拖動(dòng)至中間→店鋪推薦模塊編輯4Packing&Delivery導(dǎo)航配置無(wú)線詳情編輯器→導(dǎo)航配置→導(dǎo)航管理→點(diǎn)擊備選導(dǎo)航添加至頁(yè)面中包裝及運(yùn)送英文說(shuō)明文本編輯模塊無(wú)線詳情編輯器→文字→純文本→拖動(dòng)至中間→文本編輯模塊編輯物流方式圖片模塊無(wú)線詳情編輯器→圖片→單圖→拖動(dòng)至中間→圖片模塊編輯5CompanyProfile導(dǎo)航配置無(wú)線詳情編輯器→導(dǎo)航配置→導(dǎo)航管理→點(diǎn)擊備選導(dǎo)航添加至頁(yè)面中公司英文介紹文本編輯模塊無(wú)線詳情編輯器→文字→純文本→拖動(dòng)至中間→文本編輯模塊編輯6FAQ導(dǎo)航導(dǎo)航配置無(wú)線詳情編輯器→導(dǎo)航配置→導(dǎo)航管理→創(chuàng)建導(dǎo)航FAQ→點(diǎn)擊FAQ導(dǎo)航添加至頁(yè)面中間FAQ內(nèi)容文本編輯模塊無(wú)線詳情編輯器→文字→純文本→拖動(dòng)至中間→文本編輯模塊編輯任務(wù)實(shí)施：無(wú)線端旺鋪詳情頁(yè)設(shè)計(jì)操作體驗(yàn)準(zhǔn)備裝修素材。準(zhǔn)備好產(chǎn)品標(biāo)題和圖文結(jié)合的產(chǎn)品圖片素材，編輯包裝及運(yùn)送、公司介紹等文本素材。并設(shè)置圖片為W750×H400像素。以下圖片為耳機(jī)產(chǎn)品線的詳情模板前臺(tái)展示效果。標(biāo)題、ProductDescription導(dǎo)航、1張產(chǎn)品圖片產(chǎn)品圖片產(chǎn)品圖片任務(wù)實(shí)施：無(wú)線端旺鋪詳情頁(yè)設(shè)計(jì)操作體驗(yàn)以下圖片為耳機(jī)產(chǎn)品線的詳情模板前臺(tái)展示效果。產(chǎn)品規(guī)格產(chǎn)品賣(mài)點(diǎn)展示產(chǎn)品圖片任務(wù)實(shí)施：無(wú)線端旺鋪詳情頁(yè)設(shè)計(jì)操作體驗(yàn)以下圖片為耳機(jī)產(chǎn)品線的詳情模板前臺(tái)展示效果。

賣(mài)家推薦導(dǎo)航與推薦產(chǎn)品賣(mài)家推薦產(chǎn)品Packing&Delivery導(dǎo)航與說(shuō)明、物流方式展示任務(wù)實(shí)施：無(wú)線端旺鋪詳情頁(yè)設(shè)計(jì)操作體驗(yàn)以下圖片為耳機(jī)產(chǎn)品線的詳情模板前臺(tái)展示效果。CompanyProfile導(dǎo)航與公司介紹FAQ導(dǎo)航與FAQ內(nèi)容詳情頁(yè)智能編輯對(duì)普通編輯可以帶來(lái)的瀏覽體驗(yàn)優(yōu)化包括哪些方面？無(wú)線端視覺(jué)設(shè)計(jì)應(yīng)用實(shí)戰(zhàn)03小李在北京全球跨境電子商務(wù)有限公司就職旺鋪運(yùn)營(yíng)部。2021年1月，部門(mén)負(fù)責(zé)人黃經(jīng)理覺(jué)得小李用智能編輯做的產(chǎn)品詳情頁(yè)很不錯(cuò)，請(qǐng)小李負(fù)責(zé)再設(shè)計(jì)一個(gè)用于廚房秤產(chǎn)品線的詳情模板，產(chǎn)品線的產(chǎn)品支持直接下單，接下來(lái)，請(qǐng)你與小李一起，完成這個(gè)產(chǎn)品線詳情模板的設(shè)計(jì)工作。無(wú)線端視覺(jué)設(shè)計(jì)無(wú)線端旺鋪詳情頁(yè)設(shè)計(jì)應(yīng)用任務(wù)實(shí)施：無(wú)線端旺鋪詳情頁(yè)設(shè)計(jì)應(yīng)用調(diào)查廚房秤產(chǎn)品詳情頁(yè)的組成

廚房秤產(chǎn)品詳情頁(yè)一般由產(chǎn)品圖片、視頻、規(guī)格屬性、物流信息、企業(yè)信息等組成。產(chǎn)品展示圖片：（1）實(shí)物圖3張：1張正面+1張側(cè)面+1張底部or頂部）（2）1張產(chǎn)品解剖（3）1張產(chǎn)品功能效果說(shuō)明圖（4）3張圈裝修案例效果圖組成共計(jì)8張圖片。任務(wù)實(shí)施：無(wú)線端旺鋪詳情頁(yè)設(shè)計(jì)應(yīng)用設(shè)計(jì)廚房秤產(chǎn)品線的詳情模板參考同行詳情模板，并結(jié)合本企業(yè)情況后，小李確定廚房秤產(chǎn)品線的詳情頁(yè)由標(biāo)題、產(chǎn)品圖描、賣(mài)家推薦、包裝及運(yùn)送、公司介紹、公司形象展示（辦公樓形象、車(chē)間、倉(cāng)庫(kù)、證書(shū)、樣品間等）、公司研發(fā)實(shí)力展示、物流與支付、FAQ9個(gè)模塊組成，涉及的編輯器操作小模塊組件有13個(gè)，如表廚房秤產(chǎn)品線詳情模板架構(gòu)所示。序號(hào)模板內(nèi)容操作模塊操作路徑1英文標(biāo)題文本編輯模塊無(wú)線詳情編輯器→文字→純文本→拖動(dòng)至中間→文本編輯模塊編輯2ProductDescription導(dǎo)航配置無(wú)線詳情編輯器→導(dǎo)航配置→導(dǎo)航管理→點(diǎn)擊備選導(dǎo)航添加至頁(yè)面中

5張產(chǎn)品圖片多圖模塊無(wú)線詳情編輯器→圖片→多圖→拖動(dòng)至中間→多圖模塊編輯3賣(mài)家推薦店鋪推薦模塊無(wú)線詳情編輯器→營(yíng)銷(xiāo)→產(chǎn)品導(dǎo)購(gòu)→拖動(dòng)至中間→店鋪推薦模塊編輯4Packing&Delivery導(dǎo)航配置無(wú)線詳情編輯器→導(dǎo)航配置→導(dǎo)航管理→點(diǎn)擊備選導(dǎo)航添加至頁(yè)面中

包裝及運(yùn)送英文說(shuō)明文本編輯模塊無(wú)線詳情編輯器→文字→純文本→拖動(dòng)至中間→文本編輯模塊編輯5CompanyProfile導(dǎo)航配置無(wú)線詳情編輯器→導(dǎo)航配置→導(dǎo)航管理→點(diǎn)擊備選導(dǎo)航添加至頁(yè)面中

公司英文介紹文本編輯模塊無(wú)線詳情編輯器→文字→純文本→拖動(dòng)至中間→文本編輯模塊編輯6公司辦公樓形象、車(chē)間、倉(cāng)庫(kù)、證書(shū)、樣品間等展示圖片模塊無(wú)線詳情編輯器→圖片→單圖→拖動(dòng)至中間→圖片模塊編輯7公司研發(fā)實(shí)力展示圖片模塊無(wú)線詳情編輯器→圖片→單圖→拖動(dòng)至中間→圖片模塊編輯8物流與支付圖片模塊無(wú)線詳情編輯器→圖片→單圖→拖動(dòng)至中間→圖片模塊編輯9FAQ導(dǎo)航導(dǎo)航配置無(wú)線詳情編輯器→導(dǎo)航配置→導(dǎo)航管理→創(chuàng)建導(dǎo)航FAQ→點(diǎn)擊FAQ導(dǎo)航添加至頁(yè)面中間

FAQ內(nèi)容文本編輯模塊無(wú)線詳情編輯器→文字→純文本→拖動(dòng)至中間→文本編輯模塊編輯任務(wù)實(shí)施：無(wú)線端旺鋪詳情頁(yè)設(shè)計(jì)應(yīng)用準(zhǔn)備并編輯廚房秤產(chǎn)品線無(wú)線端詳情素材準(zhǔn)備好產(chǎn)品標(biāo)題和圖片，編輯包裝及運(yùn)送、公司介紹等文本素材，制作公司辦公樓形象、車(chē)間、倉(cāng)庫(kù)、證書(shū)、樣品間、研發(fā)實(shí)力等展示圖片及物流圖表說(shuō)明圖與支付示意圖。圖片一般推薦尺寸為W750×H400像素。廚房秤產(chǎn)品線的詳情模板前臺(tái)展示效果如圖所示。任務(wù)實(shí)施：無(wú)線端旺鋪詳情頁(yè)設(shè)計(jì)應(yīng)用任務(wù)實(shí)施：無(wú)線端旺鋪詳情頁(yè)設(shè)計(jì)應(yīng)用拍產(chǎn)品詳情頁(yè)的不同模塊在提升瀏覽轉(zhuǎn)化率上起到哪些不同的作用？無(wú)線端視覺(jué)設(shè)計(jì)無(wú)線端裝修任務(wù)三跨境電商視覺(jué)營(yíng)銷(xiāo)無(wú)線端裝修知識(shí)梳理

Content

of

Chapter無(wú)線端旺鋪裝修規(guī)則操作體驗(yàn)應(yīng)用實(shí)戰(zhàn)無(wú)線端與PC端店鋪同步裝修無(wú)線端旺鋪裝修實(shí)戰(zhàn)知識(shí)梳理01知識(shí)要點(diǎn)頁(yè)面裝修模塊PC端一鍵同步裝修無(wú)線端無(wú)線端獨(dú)立裝修頁(yè)面裝修模塊頁(yè)面裝修模塊包括產(chǎn)品、圖文、視頻、營(yíng)銷(xiāo)、公司等模塊，每個(gè)模塊下又包括子模塊。PC端一鍵同步裝修無(wú)線端國(guó)際站無(wú)線端旺鋪裝修可以通過(guò)PC端旺鋪裝修同步和無(wú)線端旺鋪獨(dú)立裝修兩種方式進(jìn)行。PC旺鋪裝修完，可一鍵同步至無(wú)線端旺鋪，減輕無(wú)線旺鋪裝修的時(shí)間成本?？赏侥K包括主營(yíng)類(lèi)目、櫥窗產(chǎn)品、帶類(lèi)目產(chǎn)品、單品、平鋪產(chǎn)品、重點(diǎn)推薦、智能產(chǎn)品推薦等，具體可登錄后臺(tái)，查看PC旺鋪編輯器后臺(tái)各模塊左上角“可同步至無(wú)線端”的標(biāo)記，如圖所示。注意：可同步指的是模塊類(lèi)型及模塊順序可同步，內(nèi)容無(wú)法同步，如輪播Banner模塊，模塊類(lèi)型和順序可同步，但圖片內(nèi)容不可同步。目前旺鋪裝修無(wú)線端店招尺寸要求為：750×300像素。如果旺鋪裝修無(wú)線端店招圖形不符合要求，則需要重新進(jìn)行調(diào)整。無(wú)線旺鋪獨(dú)立裝修無(wú)線裝修模板利用外貿(mào)服務(wù)市場(chǎng)的裝修模板進(jìn)行一鍵裝修也是較快捷的方式。旺鋪裝修模板目前由第三方提供，需在外貿(mào)服務(wù)市場(chǎng)在線購(gòu)買(mǎi)，支付成功后所購(gòu)買(mǎi)的模版會(huì)加入旺鋪后臺(tái)。操作體驗(yàn)02小李在北京全球跨境電子商務(wù)有限公司就職于國(guó)際站旺鋪運(yùn)營(yíng)部，負(fù)責(zé)基礎(chǔ)建站工作（產(chǎn)品上架、店鋪開(kāi)通）。小李為店鋪上架了250多個(gè)產(chǎn)品，并做好了PC端裝修，2021年2月，部門(mén)負(fù)責(zé)人黃經(jīng)理分配小李完成旺鋪無(wú)線端店鋪裝修，請(qǐng)你與小李一起，制作符合無(wú)線端尺寸要求的店招背景圖1張和輪播橫幅圖5張，并完成以下無(wú)線端店鋪裝修工作：（1）PC端裝修一鍵同步至無(wú)線端。（2）裝修店招，增加一張合適大小的店招背景圖，并做相關(guān)設(shè)置。（3）裝修輪播，上傳5張輪播圖片，并設(shè)置輪播圖片的鏈接。無(wú)線端視覺(jué)設(shè)計(jì)無(wú)線端與PC端店鋪同步裝修無(wú)線端與PC端店鋪同步裝修1、PC端一鍵同步至無(wú)線端。點(diǎn)擊“MyAlibaba”，登錄后臺(tái)，點(diǎn)擊“店鋪管理”→“全球旺鋪”命令，進(jìn)入智能裝修通用模板頁(yè)面（含PC模板和無(wú)線模板店鋪裝修操作界面）。當(dāng)PC旺鋪裝修完成后，點(diǎn)擊“一鍵同步”按鈕即可同步到無(wú)線端。無(wú)線端與PC端店鋪同步裝修2、裝修無(wú)線端店招。點(diǎn)擊“店招”→“編輯”命令，進(jìn)入店招裝修界面。上傳尺寸為750×300像素的店招圖片，上傳完成后取消“使用默認(rèn)背景”項(xiàng)的勾選，因無(wú)線旺鋪的店招展示空間有限，上傳符合公司產(chǎn)品、形象的背景圖，不添加過(guò)多文字內(nèi)容，點(diǎn)擊“保存”按鈕完成店招裝修。

PC端與移動(dòng)端在信息的排版上因屏幕尺寸和交互習(xí)慣的區(qū)別有哪些不同？無(wú)線端視覺(jué)設(shè)計(jì)應(yīng)用實(shí)戰(zhàn)03小李在北京全球跨境電子商務(wù)有限公司就職于國(guó)際站旺鋪運(yùn)營(yíng)部，負(fù)責(zé)基礎(chǔ)建站工作。小李為店鋪上架了250多個(gè)產(chǎn)品，并做好了PC端裝修。2021年2月，部門(mén)負(fù)責(zé)人黃經(jīng)理分配小李完成旺鋪無(wú)線端店鋪裝修，請(qǐng)你與小李一起，制作符合無(wú)線端尺寸要求的店招背景圖1張和輪播橫幅圖5張，并完成以下無(wú)線端店鋪裝修工作：PC端裝修一鍵同步至無(wú)線端；裝修店招，增加一張合適大小的店招背景圖，并做相關(guān)設(shè)置；裝修輪播，上傳5張輪播圖片，并設(shè)置輪播圖片的鏈接。接下來(lái)，請(qǐng)你與小李一起，繼續(xù)完成以下無(wú)線端店鋪裝修工作：（1）拍攝或制作視頻，并裝修無(wú)線端視頻模塊。（2）制作一張用于熱區(qū)切圖裝修的圖片，裝修熱區(qū)切圖模塊。無(wú)線端視覺(jué)設(shè)計(jì)無(wú)線端旺鋪裝修實(shí)戰(zhàn)無(wú)線端旺鋪裝修實(shí)戰(zhàn)1、裝修視頻模塊。首先拍攝并制作高質(zhì)量的企業(yè)或產(chǎn)品視頻,