1、,移動端店鋪首頁與 詳情頁裝修設(shè)計,CHAPTER ELEVEN,對店鋪進行個性化且更有親和力的設(shè)計，對店鋪的各個細節(jié)進行優(yōu)化，才能給店鋪營造良好的購物氛圍，讓買家最終被店鋪所吸引并購買商品。,掌握店招的裝修設(shè)計方法。 掌握輪播圖片的裝修設(shè)計方法。 掌握優(yōu)惠券的裝修設(shè)計方法。 掌握商品分類導航及分類展示的裝修設(shè)計方法。 了解店鋪詳情頁設(shè)計的FABE原則。 掌握手機淘寶店鋪詳情頁的設(shè)計方法。,學習目標,Contents,目錄,移動端店鋪詳情頁裝修設(shè)計,2,移動端店鋪首頁裝修設(shè)計,1,一、移動端店鋪首頁裝修設(shè)計,一、移動端店鋪首頁裝修設(shè)計,一、移動端店鋪首頁裝修設(shè)計,用鞋子展示圖片作為底圖，與店鋪

2、“女鞋”的主題相呼應,一、移動端店鋪首頁裝修設(shè)計,PC端店鋪與移動端店鋪店招設(shè)計的不同,把模特圖作為簡單背景底圖來使用，不僅迎合了店鋪的銷售氣氛，也能讓消費者在第一時間了解店鋪中的主營商品。,一、移動端店鋪首頁裝修設(shè)計,一、移動端店鋪首頁裝修設(shè)計,一、移動端店鋪首頁裝修設(shè)計,一、移動端店鋪首頁裝修設(shè)計,一、移動端店鋪首頁裝修設(shè)計,一、移動端店鋪首頁裝修設(shè)計,一、移動端店鋪首頁裝修設(shè)計,一、移動端店鋪首頁裝修設(shè)計,一、移動端店鋪首頁裝修設(shè)計,一、移動端店鋪首頁裝修設(shè)計,一、移動端店鋪首頁裝修設(shè)計,第二區(qū)中對新品與應季商品展示,一、移動端店鋪首頁裝修設(shè)計,Contents,目錄,移動端店鋪詳情頁裝

3、修設(shè)計,2,移動端店鋪首頁裝修設(shè)計,1,二、移動端店鋪詳情頁裝修設(shè)計,二、移動端店鋪詳情頁裝修設(shè)計,FABE原則,二、移動端店鋪詳情頁裝修設(shè)計,二、移動端店鋪詳情頁裝修設(shè)計,商品展示細節(jié)圖片,二、移動端店鋪詳情頁裝修設(shè)計,二、移動端店鋪詳情頁裝修設(shè)計,二、移動端店鋪詳情頁裝修設(shè)計,二、移動端店鋪詳情頁裝修設(shè)計,二、移動端店鋪詳情頁裝修設(shè)計,二、移動端店鋪詳情頁裝修設(shè)計,二、移動端店鋪詳情頁裝修設(shè)計,海報圖片,商品實拍圖片,二、移動端店鋪詳情頁裝修設(shè)計,詳情頁中插入了過多的與商品信息無關(guān)的關(guān)聯(lián)商品圖片，不僅可能影響加載速度，也無法讓消費者及時地看到主打商品信息。消費者很可能會因為急于尋找主打商品信息而忽略對這部分內(nèi)容的瀏覽，因此并起不到引流的作用。 關(guān)聯(lián)商品圖片的數(shù)量保持34張較為合適，且與所銷售商品緊密相關(guān)或配套的商品更能引起消費者的關(guān)注。,二、移動端店鋪詳情頁裝修設(shè)計,二、移動端店鋪詳情頁裝修設(shè)計,關(guān)聯(lián)信息繁瑣,課后習題,1在手機淘寶上搜索玩具類目排名前五的店鋪首頁設(shè)計，分析其有何優(yōu)勢。 2請舉例說明FABE原則在