第10章無線店鋪裝修設計淘寶天貓網店美工全能一本通——配色、摳圖、裝修、無線店鋪（視頻指導版）10.1了解無線店鋪裝修要點內容導航10.2無線端首頁裝修10.3使用“淘寶神筆”模板制作詳情頁擴展閱讀10.4自定義頁面裝修高手進階10.1.1無線店鋪裝修的潮流趨勢

隨著無線互聯網的發展，使用移動設備逛網店成為一種新的潮流趨勢，因為其體積、屏幕等特點的緣故更為靈活、方便，顧客可隨時隨地進行購物。為此，淘寶APP、天貓APP、WAP端口等針對訪問無線店鋪的端口應運而生。根據互聯網數據中心顯示，人們通過移動設備訪問Web的數量不斷上升，特別是在節假日期間，遠遠超過了電腦端，店鋪中很大一部分的流量都來自于無線端，因此對無線店鋪的裝修對于任何一個電商賣家都變得尤為重要。10.1.2無線端店鋪的裝修要點目標明確，內容簡潔圖片不要太大頁面色調簡潔而統一顏色不宜太暗淡重視首頁的視覺傳達10.1.3無線端店鋪與電腦端店鋪對比分析

手機店鋪裝修的原理與電腦端的原理相同，富有視覺沖擊力的店鋪更能吸引顧客的注意力，留住顧客在店鋪中駐足的時間。前面講解了電腦端店鋪的相關知識，那么手機店鋪裝修與電腦端店鋪裝修究竟有何不同呢？本任務將從尺寸、布局、詳情、分類和顏色方面對

“妖精口袋”天貓店鋪電腦端與手機端頁面進行對比，幫助用戶了解兩者的區別，以便能合理的進行無線端店鋪的裝修設計。10.1.3無線端店鋪與電腦端店鋪對比分析1、布局對比2、詳情對比10.1.3無線端店鋪與電腦端店鋪對比分析3、分類對比4、用色對比新手試練為了讓讀者在電腦端店鋪裝修設計的基礎上舉一反三，學會手機端店鋪的裝修設計，要求讀者對淘寶上比較典型的手機端店鋪與電腦端店鋪的區別進行討論。要求發散思維，從各個角度、細節進行賞析、對比，總結對比結果，將之前制作的店鋪首頁更改為手機端的店鋪首頁。10.1了解無線店鋪裝修要點內容導航10.2無線端首頁裝修10.3使用“淘寶神筆”模板制作詳情頁擴展閱讀10.4自定義頁面裝修高手進階10.2.1無線端裝修入口及后臺操作

登陸淘寶賬號，進入賣家中心，選擇手機店鋪裝修或直接進入無線運營中心，即可進入無線店鋪的后臺裝修頁面。依次點擊“立即裝修”和“店鋪裝修”超鏈接，選擇店鋪首頁，進入店鋪首頁裝修頁面，可看到淘寶提供了寶貝分類、圖文類模塊、營銷互動類和智能類模塊10.2.2認識手機端首頁的模塊組成

從整體內容上看，無線淘寶店鋪首頁必須承載8大內容，包括店招、會員分享、寶貝、分類、活動、形象、優惠券和微淘。10.2.3認識手機端首頁模塊的特點與裝修要點店招店鋪標題模塊焦點圖模塊優惠券模塊套餐搭配模塊文本模塊寶貝模塊底部自定義導航模塊左文右圖模塊微淘10.2.4無線店鋪首頁的裝修注意事項注重感官的習慣性與舒適性合理控制頁面的長度頁面整體內容的把握與電腦端的視覺統一10.2.5手機端店招制作實戰下面將制作具有中國特色的小吃店鋪的手機端店招，在制作時，由于左側需要添加店標和店名，因此左側不宜放置文案，制作時為了突出中國風，將添加一些圖章、圖紋元素，效果如圖所示。10.2.5手機端店招制作實戰1、搭建背景圖片2、設置圖層混合模式10.2.5手機端店招制作實戰3、繪制與復制圓4、輸入文本5、輸入文本6、手機端店招最終效果10.2.6手機端焦點圖制作實戰在設計手機焦點圖時，由于屏幕尺寸較小，因此在構圖方式和文本設計方面都要求簡潔，下面將采用上下式結構為美食制作焦點圖，如圖所示為制作的效果10.2.6手機端焦點圖制作實戰1、添加素材2、添加投影10.2.6手機端焦點圖制作實戰3、輸入文本4、調整文本筆刷樣式手機端的優惠券與電腦端相比，在排列與大小的設置上更加清晰明了，本例將利用前面的花紋素材制作具有中國風的古典優惠券效果，其效果如圖所示。10.2.7優惠券制作實戰10.2.7優惠券制作實戰1、繪制圓角矩形2、設置圖層混合模式10.2.7優惠券制作實戰3、涂抹鐲子4、輸入文本10.2.7優惠券制作實戰5、涂抹鐲子6、輸入文本10.2.8分類導航的設計與裝修實戰下面通過中國風的房屋樣式，以及燈籠形狀制作具有特色的美食分類圖，制作時需要對顏色進行把握，制作后的效果如圖所示。10.2.8分類導航的設計與裝修實戰1、文字變形2、添加光影10.2.8分類導航的設計與裝修實戰3、新建組4、最終效果10.2.9寶貝列表圖制作實戰下面制作“精品上新”與“低價特賣”欄的寶貝列表圖，其效果如圖所示。10.2.9寶貝列表圖制作實戰1、繪制圓角矩形2、添加畫筆圖案10.2.9寶貝列表圖制作實戰3、添加素材4、添加標簽10.2.9寶貝列表圖制作實戰5、添加價格信息6、制作“低價特賣”標題10.2.9寶貝列表圖制作實戰7、繪制圖形8、添加文本新手試練制作首頁時，需要根據寶貝特色、寶貝功能、設計師喜好來確定店鋪的風格，店鋪的顏色、元素搭配都影響了店鋪的風格。設計師在顏色搭配、圖形與字體的選擇不同，營造的氣氛與風格也不同，有些高冷潮流，有些溫馨舒適。為了提高讀者設計首頁的水平，要求分析淘寶上的店鋪首頁，設計幾套不同風格的店鋪首頁，具體要求如下。針對不同的風格，在店鋪整體把握上要統一，如以扁平化圖形為主的店鋪，就需要摒棄一些立體化的圖形。店鋪顏色搭配和諧，主色調與副主色調盡量不超過3種，文本的字體、字間距、頁面的邊距等要求統一。10.1了解無線店鋪裝修要點內容導航10.2無線端首頁裝修10.3使用“淘寶神筆”模板制作詳情頁擴展閱讀10.4自定義頁面裝修高手進階10.3.1無線端詳情頁的特征尺寸更小賣點應該更加精煉場景更加豐富頁面切換不便?頁面文件的容量更小10.3.2無線端詳情頁設計的要點圖片設計要點

文字設計要點寶貝重點的設計10.3.3“淘寶神筆”模板制作實戰下面使用“淘寶神筆”制作女包的詳情頁，制作時將使用到編輯模塊的一些操作，如替換模塊的圖片，更改文本、添加模塊、刪除模塊、移動模塊等，模板與模板應用效果如圖所示。10.3.3“淘寶神筆”模板制作實戰1、使用神筆模板編輯2、購買新模板10.3.3“淘寶神筆”模板制作實戰3、選擇模板4、使用模板10.3.3“淘寶神筆”模板制作實戰5、查看模板的各個模塊6、制作符合模板要求的焦點圖10.3.3“淘寶神筆”模板制作實戰7、替換模板中圖片8、修改文本10.3.3“淘寶神筆”模板制作實戰9、替換模板中圖片10、添加模塊10.3.3“淘寶神筆”模板制作實戰11、替換模板中圖片12、添加模塊新手試練隨機對淘寶店鋪的詳情頁無線端與電腦端效果進行分析，通過對比優化前后的效果，進一步明白在裝修詳情頁時需要注意的問題，并根據分析結果制作電腦端詳情頁的無線端效果，要求優化后的詳情頁賣點清晰、信息精煉，圖片占用空間小。10.1了解無線店鋪裝修要點內容導航10.2無線端首頁裝修10.3使用“淘寶神筆”模板制作詳情頁擴展閱讀10.4自定義頁面裝修高手進階10.4.1自定義頁面裝修要點盡管淘寶本身為賣家提供了一些自定義區放置的模塊，但是很多的賣家都在用這些模塊，導致頁面千篇一律，所以功能性并不是很明顯。此時，對追求個性、拓展銷路的賣家而言，可以通過自定義頁面發揮創意，在推薦店鋪和商品的同時，展示店鋪獨特。需要注意的是，要想將自定義頁面的功能發揮的淋漓精致，自定義頁面需要展示一些顧客關心的內容。10.4.2自定義菜單制作實戰手機淘寶店鋪的菜單在手機界面的最下方，其目的在于方便客戶快速調轉到對應頁面，下面對手機端淘寶店鋪的菜單進行自定義設置。自定義屏幕底部的菜單為“寶貝分類、店鋪活動、會員活動”，再新建名為“店鋪活動”的頁面，10.4.2自定義菜單制作實戰1、自定義菜單2、輸入模板名稱10.4.2自定義菜單制作實戰4、添加其他子菜單3、添加分類項目5、添加子菜單的效果10.4.3自定義頁面制作實戰除了首頁、詳情頁頁面外，賣家可根據店鋪需要添加符合店鋪要求的其他頁面，如會員活動頁面、品牌介紹頁面、節日專題頁面等，下面將添加會員活動頁面，其效果如圖所示。10.4.3自定義頁面制作實戰1、新建頁面2、輸入新建頁面的名稱10.4.3自定義頁面制作實戰3、編輯自定義的頁面4、裝修“會員活動”頁面10.4.3自定義頁面制作實戰3、裝修“會員活動”頁面后的效果新手試練某店鋪主要經營2~12歲童裝，由于雙十一活動即將到來，店鋪為了搭上活動的快車，充分利用活動來促進銷售，決定制作一個雙十一活動頁面。現要求讀者制作活動頁面，將活動頁面裝修到店鋪中，再將該頁面添加到首頁底部的自定義菜單中。在設計活動頁面時，需要注意以下3個方面。活動主題醒目、目標明確。活動頁色彩需要鮮亮、明快，符合促銷的氛圍。若活動頁面比較長，可考慮切片。擴展閱讀——無線端活動頁的主要類型020103單品推廣活動頁活動推廣活動頁產品搭配推薦活動頁高手進階（1）為嬰兒奶粉店鋪新建大小為640×200像素，名為“奶粉店店招”的