美工技巧——阿里巴巴旺鋪裝修

1、為什么要旺鋪裝修1.Alibba-B2B平臺(tái)的特性：流量留量詢盤1)最直接快速獲取流量的方式: P4P2) 留住買家的視線，并獲得詢盤:旺鋪裝修一. 全球旺鋪結(jié)構(gòu)板塊認(rèn)知A. 可裝修美化板塊：大范圍調(diào)整頁眉導(dǎo)航欄大背景滾動(dòng)Banner靜態(tài)Banner多語言欄主打產(chǎn)品排列多旺旺欄工廠實(shí)力展示B. 系統(tǒng)自帶板塊：小范圍調(diào)整再帶產(chǎn)品分類導(dǎo)航模塊櫥窗模板公司信息模板客戶反饋郵件模板其他自定義內(nèi)容模板：新品、熱銷產(chǎn)品等二. 旺鋪裝修黃金法則站在買家的角度來思考80%以上買家的采購行為模式：搜索關(guān)鍵詞-瀏覽曝光產(chǎn)品-進(jìn)入產(chǎn)品內(nèi)頁-旺鋪首頁瀏覽-全面深入了解-發(fā)送詢盤-下單例：分析：A.有美化意識(shí)，但凌亂不

2、堪B.產(chǎn)品圖片有規(guī)整，但忽略了重點(diǎn)區(qū)域如何站在買家角度？1.把握關(guān)鍵區(qū)域首屏概念：進(jìn)入旺鋪首先看到的可視區(qū)域：準(zhǔn)確傳達(dá)有效信息，使買家通過視覺傳達(dá)用最短的時(shí)間了解到公司的產(chǎn)品和實(shí)力是否符合買家自身需求（行業(yè)屬性、視覺傳達(dá)、產(chǎn)品優(yōu)勢(shì)）店招頁頭：Logo,企業(yè)名稱等大背景：產(chǎn)品行業(yè)屬性，素材合成滾動(dòng)Banner：主打產(chǎn)品海報(bào)+公司實(shí)力展示產(chǎn)品分類可視快速導(dǎo)航（可選）：直觀吸引買家瀏覽內(nèi)頁分類產(chǎn)品多語言欄：匹配小語種買家的基本需求小貼士：1.LOGO去中文-通篇去中文化2.大背景下拉區(qū)域用漸變到純色塊減少買家下載時(shí)間。3.店招傳遞的信息要避開年份遮擋2. 把握主打分類產(chǎn)品展示區(qū)域兩種表現(xiàn)形式共同遵循

3、的一個(gè)原則：圖片處理和排版要整體美觀。靜態(tài)Banner海報(bào)表現(xiàn)原則：分類標(biāo)題+分類描敘文字+場(chǎng)景表現(xiàn)（產(chǎn)品）小貼士：自帶版塊和自定義版塊之間有10像素的空白間隙，設(shè)計(jì)過程中要弱化和過渡。公司沒有美工：外包時(shí)，盡量選擇靜態(tài)Banner+自帶模塊結(jié)合公司有美工人員時(shí)：可以選擇全自定義非規(guī)則排版3. 自帶模塊-不丟棄原則自帶模塊保留的價(jià)值a.產(chǎn)品文字標(biāo)題關(guān)鍵詞等有助于搜索優(yōu)化b.平臺(tái)歸屬感-增強(qiáng)買家的信賴感4.櫥窗產(chǎn)品板塊的優(yōu)先原則櫥窗產(chǎn)品的曝光率是非櫥窗產(chǎn)品的8倍。旺鋪裝修設(shè)計(jì)中的櫥窗產(chǎn)品美化及內(nèi)頁詳情頁面的美化及優(yōu)化是增加詢盤的非常關(guān)鍵一環(huán)。有必要進(jìn)行差異化設(shè)計(jì)櫥窗產(chǎn)品適用于批量的季節(jié)性推廣或者

4、長(zhǎng)期推廣的主打產(chǎn)品等。小結(jié)1. 搜索瀏覽曝光產(chǎn)品：自帶版塊不丟棄原則+櫥窗產(chǎn)品優(yōu)先原則2. 買家首頁快速瀏覽：不建議動(dòng)態(tài)畫面 大背景尺寸合理設(shè)置 縮減等待時(shí)間3. 獲取感興趣及關(guān)注的產(chǎn)品信息：把握首屏關(guān)鍵區(qū)域+主打產(chǎn)品展示區(qū)域4. 賣家專業(yè)度、實(shí)力和可信度評(píng)估：工廠實(shí)力展示 和 人文包裝三. 旺鋪裝修設(shè)計(jì)流程通版式布局的9大版塊設(shè)計(jì)基本流程：1.素材準(zhǔn)備：產(chǎn)品圖片，產(chǎn)品分類，產(chǎn)品文案，工廠圖片等2.圖片美化處理：摳圖，修飾等3.策劃旺鋪基本框架4.搜索輔助圖片素材5.分版塊進(jìn)行設(shè)計(jì)6.切片7.后臺(tái)上傳，添加鏈接旺鋪裝修設(shè)計(jì)尺寸規(guī)則（像素）店招：寬990*高200以內(nèi)導(dǎo)航欄：寬990*高33大背

5、景：寬1600*高（根據(jù)設(shè)計(jì)可以自定義，建議1200以內(nèi)）滾動(dòng)Banner：寬990*高400或以內(nèi)(200、250、300、350)其他自定義模塊：寬990*高隨意自帶模塊：尺寸固定，無法改變。四. 旺鋪案例解析設(shè)計(jì)邏輯-站在買家角度來分析行業(yè)屬性 Part 1公司logo：顯眼大背景顯示行業(yè)特性：產(chǎn)品第一、背景環(huán)境輔助產(chǎn)品分類快速導(dǎo)航欄：直觀吸引買家瀏覽內(nèi)頁分類產(chǎn)品多語言 多客服 Part 2多語言：多語言的設(shè)置根據(jù)您的市場(chǎng)范圍定位來定。多客服：主賬號(hào)-子賬號(hào) 業(yè)務(wù)人員不足？旺鋪利用率的問題最大限度利用資源主打產(chǎn)品 Part 3靜態(tài)Banner:表明主打產(chǎn)品類別+產(chǎn)品場(chǎng)景化設(shè)計(jì)滾動(dòng)Banner:最多4個(gè)輪播主打產(chǎn)品：產(chǎn)品布局排版簡(jiǎn)單明了美觀內(nèi)頁產(chǎn)品可以加上產(chǎn)品框統(tǒng)一設(shè)計(jì)公司實(shí)力 Part 4實(shí)力展示的內(nèi)容可以有以下：工廠，生產(chǎn)線，公司，團(tuán)隊(duì)合影，展廳，參展照片，客戶合影等圖片一定要經(jīng)過修飾，不能赤裸裸的展現(xiàn)。自帶模塊 Part 5自帶模塊：產(chǎn)品搜索欄，產(chǎn)品分類導(dǎo)航，產(chǎn)品櫥窗，主要產(chǎn)品欄等。是否有必要添加自帶模塊？配色基本規(guī)則1.選定主色調(diào)背景色和行業(yè)相關(guān)，要與行業(yè)匹配。2.產(chǎn)品色彩單調(diào)頁面可以適當(dāng)增加活潑色塊3.產(chǎn)品色彩豐富