淘寶天貓店鋪設計與裝修一本通（簡體書）

這是一本集軟件使用與網店裝修設計於一體的圖書，是網店裝修設計方面非常實用的寶典。本書通過通俗易懂的講解，為讀者分析了怎樣才能做出適合自己店鋪的裝修風格、怎樣將店鋪的各個模塊裝修得盡善盡美，以及如何實現炫酷的店鋪效果等。第1～3章分別從網店開店認證、網店結構、網店設計裝修流程、網店設計師應該具備的技能、網店設計需要掌握的軟件基礎等幾方面進行講解，詳細講述了網店從零到開始設計的具體流程。第4～5章分別從網店設計色彩與排版要領、網店結構佈局原理、網店基礎模塊的設計裝修等方面進行案例分析，介紹了網店中各個區域的設計裝修技巧。第6～7章分別針對網店重要的兩個部分，即詳情頁和首頁進行案例分析，涵蓋食品、珠寶飾品、鞋帽服飾、家居生活、兒童、運動、數碼、化妝品等商品類目。
本書通俗易懂，適合入門級網店設計師、淘寶美工、淘寶商家學習使用，也可作為相關培訓機構的參考資料。隨書附贈全部案例的素材文件和效果源文件，方便讀者練習使用，同時錄製了製作講解視頻，可以與圖書配合學習，提高學習效率。

陳德望：網店設計師，具有多年網店設計與裝修設計經驗，擁有專業的Photoshop和Illustrator操作經驗，曾為雲南多家天貓品牌商家做裝修指導，並為公司客戶開設店鋪裝修基礎課程，擔任講師。2015年加入阿裡巴巴雲南渠道商昆明敏學網絡科技有限公司，擔任敏學網絡店鋪視覺營銷設計總監。個人的設計始終以客戶為中心，能根據客戶需求快速挖掘產品賣點，並制定相應風格的設計方案。設計風格簡約大氣，頁面中對產品賣點提煉充分，對產品轉化能起到很大的輔助作用。

01淘寶天貓店鋪基礎
1.1 淘寶網開店................................................... 10
1.1.1 註冊賬號和開戶認證 ................................ 10
1.1.2 商品類目確定以及裝修上線 .................... 13
1.2 淘寶店鋪的組成結構...................................... 13
1.2.1 店招 ........................................................ 13
1.2.2 導航條 .......................................................13
1.2.3 促銷海報 .................................................... 13
1.2.4 分類區（商品列表） ................................ 14
1.2.5 自定義區域 ................................................ 14
1.2.6 客服區 ...................................................... 15
1.3 淘寶與天貓店鋪各模塊規格..........................................15
1.3.1 天貓店鋪 .................................................... 15
1.3.2 淘寶店鋪 .................................................... 16
02網店設計裝修概要
2.1 為什麼網店這麼火.......................................... 18
2.2 實體店與網店的區別...................................... 18
2.2.1 實體店 ...................................................... 18
2.2.2 網店 ........................................................ 18
2.3 網店設計裝修................................................ 19
2.3.1 網店設計裝修的定義 ................................ 19
2.3.2 網店設計裝修的重要性 ............................ 19
2.4 網店裝修的基本流程...................................... 20
2.4.1 定位商品的經營類目 ................................ 20
2.4.2 確定店鋪的整體風格 ................................ 20
2.4.3 產品拍攝 .................................................... 21
2.4.4 收集商品設計所需素材 ............................ 22
2.4.5 寶貝設計 .................................................... 22
2.4.6 切圖上傳並上架出售 ................................ 23
2.5 網頁設計師應具備的技能................................ 24
2.5.1 軟件的熟練、恰當的配色與佈局.............24
2.5.2 善於溝通，協助客戶定位店鋪風格.........25
2.5.3 熟悉商品設計的整個流程 ........................ 25
2.5.4 持續學習提升設計水平 ............................ 25
2.6 影響店鋪轉化率的因素分析..........................................25
2.6.1 產品本身 .................................................... 25
2.6.2 產品銷量 .................................................... 26
2.6.3 顧客評價 .................................................... 26
2.6.4 詳情頁 ...................................................... 27
2.6.5 客戶服務 .................................................... 28
03網店裝修軟件及圖片效果製作
3.1 認識Photoshop.............................................. 30
3.2 Photoshop圖層............................................ 30
3.2.1 瞭解圖層 .................................................... 30
3.2.2 圖層的操作 ................................................ 31
3.3 Photoshop基礎工具...................................... 33
3.3.1 選擇類工具 ................................................ 33
3.3.2 編輯類工具 ................................................ 34
3.4 圖像的簡單處理............................................. 37
3.4.1 圖像的縮放、移動、複製和刪除 ................ 37
3.4.2 圖像編輯與調色命令 ................................ 39
3.4.3 利用圖層混合模式修改圖像色彩 ................ 43
3.5 摳圖技巧...................................................... 50
3.5.1 利用選框工具摳圖 .................................... 50
3.5.2 利用快速選擇工具摳圖 ............................ 51
3.5.3 利用圖層混合模式摳圖 ............................ 52
3.5.4 利用橡皮擦工具摳圖 ................................ 54
3.5.5 路徑創建選區摳圖 .................................... 55
3.5.6 通道創建選區摳圖 .................................... 56
3.5.7 根據色彩範圍建立選區摳圖 .................... 58
3.5.8 根據調整邊緣摳圖 .................................... 59
04色彩搭配與排版佈局
4.1 色彩基礎知識................................................ 62
4.1.1 色彩的重要性 ............................................ 62
4.1.2 色彩三要素 ................................................ 62
4.1.3 色彩三原色 ................................................ 64
4.1.4 色彩的象徵與情感 .................................... 64
4.1.5 色彩的屬性 ................................................ 67
4.2 關於配色...................................................... 69
4.2.1 配色原則 .................................................... 69
4.2.2 配色方法 .................................................... 71
4.3 頁面排版佈局................................................ 73
4.3.1 直通車圖排版 ............................................ 74
4.3.2 海報排版 .................................................... 75
4.3.3 詳情頁排版 ................................................ 77
4.3.4 首頁排版 .................................................... 79
4.3.5 文案排版 .................................................... 82
05店鋪基礎模塊的設計與裝修
5.1 店招的設計與裝修.......................................... 88
5.1.1 什麼是店招 ................................................ 88
5.1.2 設計店招時應注意的問題 ........................ 88
5.1.3 店招的尺寸規格 ........................................ 88
5.1.4 店招包含的信息 ........................................ 88
5.1.5 實戰：家紡店招設計 ................................ 89
5.1.6 店招的裝修 ................................................ 91
5.2 導航條的設計與裝修...................................... 93
5.2.1 什麼是導航條 ............................................ 93
5.2.2 導航條的尺寸規格 .................................... 93
5.2.3 導航條設計的兩種類型 ............................ 93
5.2.4 導航條設計分析 ........................................ 93
5.2.5 實戰：自定義導航設計 ............................ 94
5.2.6 導航條的裝修 ............................................ 95
5.3 客服區的設計與裝修...................................... 97
5.3.1 什麼是客服區 ............................................ 97
5.3.2 客服區設計分析 ........................................ 97
5.3.3 實戰：客服中心設計 ................................ 98
5.3.4 客服區的裝修 ............................................ 98
5.4 大屏海報的設計............................................101
5.4.1 什麼是大屏海報 ...................................... 101
5.4.2 大屏海報的尺寸規格 .............................. 101
5.4.3 海報的分類 .............................................. 101
5.4.4 海報設計分析 .......................................... 102
5.4.5 實戰：雙十一大屏海報設計 .................. 103
5.5 主圖與直通車圖的設計..................................109
5.5.1 主圖與直通車圖的概念 .......................... 109
5.5.2 主圖與直通車圖的區別 ...........................111
5.5.3 主圖與直通車圖設計分析 ...................... 112
5.5.4 主圖與直通車圖設計的四大技巧...........112
5.5.5 實戰：童鞋直通車圖設計 ...................... 112
5.6 詳情頁設計..................................................115
5.6.1 商品詳情頁 .............................................. 115
5.6.2 詳情頁設計分析 ...................................... 115
5.6.3 詳情頁設計框架結構 .............................. 118
5.6.4 詳情頁設計原則 ...................................... 121
5.6.5 詳情頁賣點挖掘 ...................................... 122
5.7 活動圖片設計...............................................125
5.7.1 淘寶網常見的活動 .................................. 125
5.7.2 鑽石展位圖片設計分析 .......................... 125
5.7.3 聚划算圖片設計分析 .............................. 127
5.7.4 節日促銷活動頁面分析 .......................... 128
06店鋪首頁設計分析與製作
6.1 首頁分析與製作――服飾類....................... 134
6.1.1 頁面說明 .................................................. 134
6.1.2 頁面配色分析 .......................................... 134
6.1.3 佈局說明 .................................................. 134
6.1.4 製作流程 .................................................. 135
6.2 首頁分析與製作――飾品箱包類..................................140
6.2.1 頁面說明 .................................................. 140
6.2.2 頁面配色分析 .......................................... 141
6.2.3 佈局說明 .................................................. 141
6.2.4 製作流程 .................................................. 142
6.3 首頁分析與製作――美妝護膚類.................................. 147
6.3.1 頁面說明 .................................................. 147
6.3.2 頁面配色分析 .......................................... 147
6.3.3 佈局說明 .................................................. 148
6.3.4 製作流程 .................................................. 148
6.4 首頁分析與製作――膳食保養品類..................................155
6.4.1 頁面說明 .................................................. 155
6.4.2 頁面配色分析 .......................................... 155
6.4.3 佈局說明 .................................................. 156
6.4.4 製作流程 .................................................. 156
6.5 首頁分析與製作――家紡生活類.................................. 159
6.5.1 頁面說明 .................................................. 159
6.5.2 頁面配色分析 .......................................... 159
6.5.3 佈局說明 .................................................. 159
6.5.4 製作流程 .................................................. 160
6.6 首頁分析與製作――兒童類 ..................................167
6.6.1 頁面說明 .................................................. 167
6.6.2 頁面配色分析 .......................................... 167
6.6.3 佈局說明 .................................................. 168
6.6.4 製作流程 .................................................. 168
6.7 首頁分析與製作――戶外旅遊類..................................173
6.7.1 頁面說明 .................................................. 173
6.7.2 頁面配色分析 .......................................... 173
6.7.3 佈局說明 .................................................. 173
6.7.4 製作流程 .................................................. 174
07店鋪詳情頁設計分析與製作
7.1 詳情頁分析與製作――服飾鞋包類..................................184
7.1.1 包包詳情頁 .............................................. 184
7.1.2 現代風服飾詳情頁 .................................. 191
7.1.3 運動鞋詳情頁 .......................................... 199
7.1.4 商務男襪詳情頁 ...................................... 205
7.2 詳情頁分析與製作――珠寶飾品類..................................210
7.2.1 銀鐲詳情頁 .............................................. 210
7.2.2 太陽鏡詳情頁 .......................................... 217
7.2.3 手錶腕表詳情頁 ...................................... 222
7.3 詳情頁分析與製作――家居生活類..................................231
7.3.1 家居床具詳情頁 ...................................... 231
7.3.2 家居枕頭詳情頁 ...................................... 237
7.3.3 茶具詳情頁 .............................................. 243
7.4 詳情頁分析與製作――美妝護膚類.................................... 250
7.4.1 美妝面膜詳情頁 ...................................... 250
7.4.2 護膚精油詳情頁 ...................................... 256
7.5 詳情頁分析與製作――食品類...................................... 264
7.5.1 蘋果詳情頁 .............................................. 264
7.5.2 豆豉醬詳情頁 .......................................... 269
7.5.3 五穀雜糧詳情頁 ...................................... 273
7.6 詳情頁分析與製作――戶外運動類.................................... 277
7.6.1 旅遊詳情頁 .............................................. 277
7.6.2 運動產品詳情頁 ...................................... 280
7.7 詳情頁分析與製作――數碼辦公類...................................283
7.7.1 辦公座椅詳情頁 ...................................... 283
7.7.2 筆記本電腦詳情頁 .................................. 290