●章  網店裝修入門基礎.............................................................................................. 131.1 網店裝修需要注意的問題 ..................................................................................... 141.1.1 什麼是網店裝修 .......................................................................................... 141.1.2 為什麼要進行網店裝修 .............................................................................. 141.1.3 新手店鋪裝修的誤區 .................................................................................. 161.2 網店裝修審美準則 ................................................................................................. 201.2.1 網店的風格 .................................................................................................. 201.2.2 網店審美的通用原則 .................................................................................. 201.3 網店裝修的一般流程 ............................................................................................. 22第2章  網店素與布局....................................................................................... 242.1 網店欄目和頁面設計策劃 ..................................................................................... 252.1.1 為什麼要進行策劃 ...................................................................................... 252.1.2 網店的欄目策劃 .......................................................................................... 252.1.3 網店的頁面策劃 .......................................................................................... 272.2 網店布局素 ............................................................................................. 282.3 頁面布局設計 ......................................................................................................... 312.3.1 頁面布局原則 .............................................................................................. 312.3.2 網店頁面內容的排版 .................................................................................. 34第3章  網店頁面素設計................................................................................... 363.1 網店導航設計 ......................................................................................................... 373.1.1 導航設計的基本要求 .................................................................................. 373.1.2 導航的基礎要素 .......................................................................................... 383.1.3 導航設計注意要點 ...................................................................................... 383.2 頁面中的文字設計 ................................................................................................. 393.2.1 文字的字體、字號、行距 .......................................................................... 393.2.2 文字的顏色 .................................................................................................. 393.2.3 文字的圖形化 .............................................................................................. 413.2.4 讓文字易讀 .................................................................................................. 413.3 頁面中的圖片應用 ................................................................................................. 423.3.1 讓買家心動促成交易，商品圖片是關鍵 .................................................. 423.3.2 商品圖片的誠信原則 .................................................................................. 453.3.3 使用模特實拍，增加商品的直觀視覺效果 .............................................. 463.4 讓按鈕更易點擊 ..................................................................................................... 47第4章  網店頁面的創意和風格....................................................................................... 484.1 頁面設計創意思維 ................................................................................................. 494.1.1 什麼是創意 .................................................................................................. 494.1.2 創意思維的原則 .......................................................................................... 494.1.3 創意的產生過程 .......................................................................................... 524.2 常見的創意方法 ..................................................................................................... 534.2.1 富於聯想 ...................................................................................................... 534.2.2 巧用對比 ...................................................................................................... 544.2.3 大膽誇張 ...................................................................................................... 544.2.4 趣味幽默 ...................................................................................................... 554.2.5 善用比喻 ...................................................................................................... 554.2.6 以小見大 ...................................................................................................... 554.2.7 偶像崇拜 ...................................................................................................... 564.2.8 古典傳統 ...................................................................................................... 574.2.9 流行時尚 ...................................................................................................... 574.3 網店頁面風格 ......................................................................................................... 584.3.1 大幅配圖 ...................................................................................................... 584.3.2 面板風格 ...................................................................................................... 604.3.3 三維風格 ...................................................................................................... 604.3.4 書報風格 ...................................................................................................... 61第5章  大型購物網店頁面設計分析................................................................................ 625.1 人氣商品頁面分析 ................................................................................................. 635.1.1 銷售的不是商品，而是氛圍 ...................................................................... 635.1.2 詳細展示商品 .............................................................................................. 645.1.3 注意比商品更吸引眼球的要素 .................................................................. 655.1.4 以買家的語氣描述，從買家的視角設計 .................................................. 665.2 熱銷商品頁面設計理念 ......................................................................................... 675.2.1 頁面不是一味地加長，而是要生動有趣 .................................................. 675.2.2 自然引導顧客購買搭配商品 ...................................................................... 685.2.3 通過圖片就可以了解商品實際大小 .......................................................... 705.2.4 商品信息介紹準確詳細 .............................................................................. 705.2.5 分享購買者的經驗 ...................................................................................... 725.2.6 展示相關證書或證明 .................................................................................. 735.2.7 文字注意可讀性 .......................................................................................... 74第6章  頁面色彩搭配基礎知識....................................................................................... 756.1 色彩的原理 ............................................................................................................. 766.2 色彩的分類 ............................................................................................................. 766.2.1 無彩色 .......................................................................................................... 766.2.2 有彩色 .......................................................................................................... 796.3 色彩的三要素 ......................................................................................................... 806.3.1 明度 .............................................................................................................. 816.3.2 色相 .............................................................................................................. 826.3.3 純度 .............................................................................................................. 836.4 色彩對比 ................................................................................................................. 846.4.1 明度對比 ...................................................................................................... 856.4.2 色相對比 ...................................................................................................... 856.4.3 純度對比 ...................................................................................................... 906.4.4 色彩的面積對比 .......................................................................................... 916.4.5 色彩的冷暖對比 .......................................................................................... 926.5 網店頁面色彩搭配方法 ......................................................................................... 946.6 主色、輔助色、點綴色 ......................................................................................... 966.6.1 主色可以決定整個店鋪風格 ...................................................................... 976.6.2 輔助色對頁面有決定性效果 ...................................................................... 986.6.3 點綴色可營造獨特的頁面風格 .................................................................. 99第7章  網店色調與配色................................................................................................ 1007.1 紅色繫的配色 ....................................................................................................... 1017.1.1 紅色適合的配色方案 ................................................................................ 1017.1.2 適用紅色繫的網店 .................................................................................... 1027.2 橙色繫的配色 ...................................................................................................... 1037.2.1 橙色適合的配色方案 ................................................................................ 1037.2.2 適用橙色繫的網店 .................................................................................... 1047.3 黃色繫的配色 ....................................................................................................... 1057.3.1 黃色適合的配色方案 ................................................................................ 1057.3.2 適用黃色繫的網店 .................................................................................... 1067.4 紫色繫的配色 ...................................................................................................... 1077.4.1 紫色適合的配色方案 ................................................................................ 1077.4.2 適用紫色繫的網店 .................................................................................... 1087.5 綠色繫的配色 ...................................................................................................... 1097.5.1 綠色適合的配色方案 ................................................................................ 1097.5.2 適用綠色繫的網店 .................................................................................... 1107.6 藍色繫的配色 ...................................................................................................... 1117.6.1 藍色適合的配色方案 ................................................................................ 1117.6.2 適用藍色繫的網店 .................................................................................... 1127.7 無彩色的配色 ....................................................................................................... 1127.7.1 白色繫網店 ................................................................................................ 1127.7.2 灰色繫網店 ................................................................................................ 1147.7.3 黑色繫網店 ................................................................................................ 115第8章  各行業網店設計與配色案例解析.......................................................................1168.1 女裝網店 ............................................................................................................... 1178.1.1 女裝網店的經營特點 ................................................................................ 1178.1.2 頁面分析 .................................................................................................... 1188.1.3 網店配色講解 ............................................................................................ 1208.2 美容化妝網店 ....................................................................................................... 1218.2.1 美容化妝網店的經營特點 ........................................................................ 1228.2.2 頁面分析 .................................................................................................... 1248.2.3 網店配色講解 ............................................................................................ 1258.3 計算機數碼類產品網店 ....................................................................................... 1268.3.1 計算機數碼類產品網店的經營特點 ........................................................ 1268.3.2 頁面分析 .................................................................................................... 1278.3.3 網店配色講解 ............................................................................................ 1298.4 家居日用品網店 ................................................................................................... 1298.4.1 家居日用品網店的經營特點 .................................................................... 1298.4.2 頁面分析 .................................................................................................... 1308.4.3 網店配色講解 ............................................................................................ 1338.5 男性商品類網店 ................................................................................................... 1338.5.1 男性商品類網店的經營特點 .................................................................... 1338.5.2 頁面分析 .................................................................................................... 1348.5.3 網店配色講解 ............................................................................................ 1358.6 珠寶飾品網店 ....................................................................................................... 1358.6.1 珠寶飾品網店的經營特點 ........................................................................ 1368.6.2 頁面分析 .................................................................................................... 1368.6.3 網店配色講解 ............................................................................................ 1398.7 箱包網店 ............................................................................................................... 1398.7.1 箱包網店的經營特點 ................................................................................ 1398.7.2 頁面分析 .................................................................................................... 1408.7.3 網店配色講解 ............................................................................................ 1438.8 鞋類網店 ............................................................................................................... 1438.8.1 鞋類網店的經營特點 ................................................................................ 1438.8.2 頁面分析 .................................................................................................... 1448.8.3 網店配色講解 ............................................................................................ 1468.9 童裝網店 ............................................................................................................... 1468.9.1 童裝網店的經營特點 ................................................................................ 1468.9.2 頁面分析 .................................................................................................... 1478.9.3 網店配色講解 ............................................................................................ 1478.10 食品網店 ............................................................................................................. 1488.10.1 食品網店的經營特點 .............................................................................. 1488.10.2 頁面分析 .................................................................................................. 1498.10.3 網店配色講解 .......................................................................................... 150第9章  處理好照片，裝修有優勢................................................................................. 1519.1 簡單的照片處理 ................................................................................................... 1529.1.1 調整拍歪的照片 ........................................................................................ 1529.1.2 縮小圖片 .................................................................................................... 1539.1.3 自由裁剪照片 ............................................................................................ 1559.1.4 將圖片調整為適合淘寶發布的尺寸 ........................................................ 1579.2 調整照片效果 ....................................................................................................... 1589.2.1 調整曝光不足的照片 ................................................................................ 1589.2.2 調整曝光過度的照片 ................................................................................ 1599.2.3 調整模糊的照片 ........................................................................................ 1619.2.4 調整對比度突出照片主題 ........................................................................ 1639.3 為照片添加水印和邊框 ....................................................................................... 1669.3.1 為照片添加水印防止他人盜用 ................................................................ 1669.3.2 為照片添加相框提高商品檔次 ................................................................ 1679.4 照片特殊效果處理技法 ....................................................................................... 1709.4.1 把照片中的產品摳出來 ............................................................................ 1709.4.2 快速更換圖片的背景 ................................................................................ 1729.4.3 給寶貝圖片加圓角 .................................................................................... 1759.4.4 制作閃閃發亮的商品圖片 ........................................................................ 1799.5 一次性處理大量產品圖片 ................................................................................... 1850章  普通店鋪裝修篇.............................................................................................. 18810.1 添加數據分析工具生意參謀 ............................................................................. 18910.2 寶貝分類設計與設置 ......................................................................................... 19110.2.1 寶貝分類制作的注意事項 ...................................................................... 19110.2.2 制作寶貝分類圖片 .................................................................................. 19110.2.3 上傳圖片並設置寶貝的分類 .................................................................. 19410.3 公告區域的制作 ................................................................................................. 19510.3.1 制作公告區時的注意事項 ...................................................................... 19610.3.2 制作精美的圖片公告 .............................................................................. 19610.3.3 在店鋪中應用圖片公告 .......................................................................... 20010.4 店標的設計與發布 ............................................................................................. 20310.4.1 什麼是網店的店標 .................................................................................. 20410.4.2 店標設計的原則 ...................................................................................... 20410.4.3 店標制作的基本方法 .............................................................................. 20610.4.4 設計店鋪標志 .......................................................................................... 20710.4.5 將店標發布到店鋪上 .............................................................................. 2101章  淘寶旺鋪裝修篇.............................................................................................. 21211.1 制作個性店招 ..................................................................................................... 21311.1.1 店招制作的注意事項 ............................................................................... 21311.1.2 服裝店招設計實例 ................................................................................... 21311.1.3 將店招應用到店鋪中 ............................................................................... 21611.2 巧妙制作寶貝促銷區 ......................................................................................... 21911.2.1 制作寶貝促銷區的注意事項 ................................................................... 21911.2.2 寶貝促銷區的制作方法 ........................................................................... 22011.2.3 促銷海報排版 ........................................................................................... 22111.2.4 寶貝促銷區設計實例 ............................................................................... 22211.3 制作寶貝描述模板 ............................................................................................. 22911.3.1 寶貝描述模板的設計要求 ....................................................................... 22911.3.2 在Photoshop中設計寶貝描述模板 .......................................................... 23011.3.3 將圖片切割為適合網頁素 ....................................................... 23511.3.4 使用Dreamweaver生成網頁代碼 ............................................................ 23811.3.5 發布商品描述模板 ................................................................................... 24011.4 視頻在店鋪裝修中的應用 ................................................................................. 24211.5 制作圖片輪播 ..................................................................................................... 2442章  手機淘寶店鋪裝修.......................................................................................... 24712.1 手機淘寶 ............................................................................................................. 24812.1.1 手機端與電腦端的區別 .......................................................................... 24812.1.2 手機淘寶店鋪裝修要點 .......................................................................... 24912.1.3 手機淘寶店鋪裝修誤區 .......................................................................... 25012.2 下載與注冊手機淘寶 ......................................................................................... 25012.2.1 下載手機淘寶客戶端 .............................................................................. 25012.2.2 登錄手機淘寶 .......................................................................................... 25212.3 手機店鋪首頁裝修 ............................................................................................. 25212.4 手機版寶貝詳情頁 ............................................................................................. 25512.5 購買無線端裝修模板 ......................................................................................... 257附錄A  各行業網店色彩搭配........................................................................................ 259附錄B  配色形容詞色卡............................................................................................... 264附錄C  頁面安全色....................................................................................................... 269

本書不僅僅是一本講解網店裝修的圖書，其中還有大量的關於創意、頁面布局、頁面視覺設計、頁面配色等方面的知識，可謂一書在手，網店設計裝修全無憂。本書共12章，主要內容包括網店裝修入門基礎、網店素與布局、網店頁面素設計、網店頁面的創意和風格、大型購物網店頁面設計分析、頁面色彩搭配基礎知識、網店色調與配色、各行業網店設計與配色案例解析、處理好照片、淘寶店鋪各版本特點、普通店鋪裝修、淘寶旺鋪裝修、手機淘寶店鋪裝修。本書很大的特色是在介紹網店裝修知識的基礎上，融合了創意與色彩的運用技巧，並通過對實際案例的分析，幫助讀者了解商品頁面設計的趨勢，以及很流行的設計技術。本書、2版自上市後廣受讀者好評，並取得了優異的銷售成績，此次升級更增加了眾多實用、符合當前形勢與潮流的新內容。希望廣大讀者通過本書，打造出獨具特色的淘寶店鋪，在廣闊的淘寶家園裡開拓出自己的一片天地！

孫東梅 著