淘寶天貓網(wǎng)店設計從入門到精通店鋪裝修+廣告海報+修圖修片+架構(gòu)布局+配色應用+設計模版

導讀 4
01 本書怎么讀？ 5
02 五個步驟搞定網(wǎng)店裝修 8
第一步：*替換源文件中的圖片和文本信息 8
第二步：*在Photoshop中制作切片并優(yōu)化處理 8
第三步：*將切片處理后的圖片上傳到網(wǎng)絡空間 9
第四步：在Dreamweaver中添加鏈接并制作代碼 9
第五步：*復制代碼到店鋪裝修指定區(qū)域 9
第一篇 網(wǎng)店裝修前的準備工作 15
第1章 對店鋪裝修進行初步了解 15
1．1 什么是網(wǎng)店裝修 16
1．2 網(wǎng)店裝修的意義 17
1．2．1 獲取店鋪信息 17
1．2．2 直觀掌握更多的商品信息 18
1．3 店鋪裝修與轉(zhuǎn)化率的關系 19
1．4 常見電商平臺及其配色 20
1．4．1 淘寶與天貓 20
1．4．2 唯品會 20
1．4．3 京東 21
1．4．4 當當網(wǎng) 21
1．5 如何確定裝修的風格 22
1．5．1 網(wǎng)店整體色調(diào)的選擇 22
1．5．2 詳情頁面櫥窗照的設計 22
1．5．3 網(wǎng)店中各個模塊的合理布局 23
1．6 網(wǎng)店裝修中的誤區(qū) 24
第2章 *做好準備讓裝修有條不紊—前期工作 25
2．1 拍攝寶貝圖片 26
2．1．1 攝影器材的選擇 26
2．1．2 布置拍攝場地 28
2．1．3 多角度、重細節(jié)地拍攝寶貝 31
2．1．4 拍攝小竅門 32
2．1．5 后期修片原則 34
2．2 收集裝修所需的設計素材 36
2．3 獲得圖片的存儲空間 37
2．3．1 常用的免費空間相冊 37
2．3．2 其他獲取圖片空間的方法 38
2．4 了解裝修中遇到的文件格式 40
第3章 *視覺營銷三大要素
—色彩、文字、版式 43
3．1 了解色彩的基本要點 44
3．1．1 色彩的種類 44
3．1．2 色彩三要素 45
3．1．3 色調(diào)的傾向 48
3．2 記憶中的色彩 50
3．2．1 暖色系色彩的性格和表現(xiàn) 50
3．2．2 冷色系色彩的性格和表現(xiàn) 51
3．3 常見配色方案 52
3．3．1 對比配色在網(wǎng)店裝修中的應用 52
3．3．2 調(diào)和配色在網(wǎng)店裝修中的應用 54
3．4 文字的重要表現(xiàn) 56
3．4．1常見的字體風格 56
3．4．2 了解文字的編排準則 58
3．4．3 運用合理分割方式來安排文字 59
3．4．4 字體的創(chuàng)意設計 61
3．5 版式布局對網(wǎng)頁界面的影響 62
3．5．1 版式設計的形式法則 62
3．5．2 版式布局中圖片的處理 64
3．5．3 了解版式布局中的視覺流程 65
3．5．4 版式布局中的對齊方式 66
第4章 *店鋪裝修的基礎工具
—美圖秀秀和DW 67
4．1 *最易上手的商品圖片修飾軟件
——美圖秀秀 68
4．1．1 認識美圖秀秀 68
4．1．2 超炫特效讓寶貝照片一鍵變身 69
4．1．3 為寶貝添加美輪美奐的智能邊框 70
4．1．4 制作個性動感的GIF圖片 71
4．1．5 拼圖功能讓寶貝全方位展示 72
4．1．6 為商品照片添加上水印 73
4．1．7 使用美圖秀秀批量處理商品照片 74
4．2 *專業(yè)的網(wǎng)頁制作工具
——Dreamweaver 75
4．2．1 認識Dreamweaver 75
4．2．2 練習：用表格功能制作商品尺寸簡介 76
4．2．3 練習：為網(wǎng)頁元素添加超鏈接 78
4．2．4 插入圖像更改網(wǎng)頁顯示效果 80
4．2．5 文本的輸入和編輯 81
4．2．6 練習：將設計的裝修圖片轉(zhuǎn)換為代碼 82
第5章 專業(yè)的網(wǎng)店裝修利器——Photoshop 85
5．1 走進Photoshop 86
5．1．1 認識Photoshop 86
5．1．2 理解圖層的作用讓操作更流暢 87
5．1．3 基礎工具的使用 88
5．1．4 掌握蒙版的編輯方法 89
5．2 照片的基礎調(diào)整 92
5．2．1 “圖像大小”改變照片分辨率 92
5．2．2 “裁剪工具”精確裁剪照片 92
5．2．3 更改照片的文件格式 93
5．3 照片的瑕疵修復 93
5．3．1 去除照片中多余的圖像 93
5．3．2 消除人物的眼袋 94
5．3．3 抹去煩人的黑眼圈 94
5．3．4 模糊局部圖像 95
5．3．5 清除紅眼效果 95
5．4 摳取商品的六大法寶 96
5．4．1 單色背景的快速摳取 96
5．4．2 規(guī)則對象的摳取 96
5．4．3 多邊形對象的摳取 97
5．4．4 輪廓清晰圖像的摳取 98
5．4．5 精細圖像的摳取 98
5．4．6 半透明圖像的摳取 99
5．5 寶貝調(diào)色的六大秘訣 100
5．5．1 自動調(diào)色 100
5．5．2 有針對性的色彩處理——色相/飽和度 100
5．5．3 調(diào)整色彩的高、中、低調(diào)——色彩平衡 101
5．5．4 模擬特殊圖像色彩——照片濾鏡 101
5．5．5 局部色調(diào)的變換——可選顏色 102
5．5．6 色系圖像的層次處理——黑白 102
5．6 照片影調(diào)的五大秘密武器 103
5．6．1 對光線的明暗修正——曝光度 103
5．6．2 圖像明暗的層次——亮度/對比度 103
5．6．3 局部明暗處理——色階 104
5．6．4 自由處理各區(qū)域明暗——曲線 104
5．6．5 亮部與暗部的對比——陰影/高光 105
5．7 文字的添加和編輯 106
5．7．1 單行或單列文字的添加 106
5．7．2 段落文字的編輯 107
5．7．3 藝術化修飾標題文字 107
5．8 Photoshop在裝修中的高級應用 108
5．8．1 細節(jié)的銳化 108
5．8．2 練習：水印的添加 109
5．8．3 邊框的制作 110
5．9 網(wǎng)頁切片的制作 111
5．10 批量處理多張照片 112
第二篇 網(wǎng)店裝修六大核心區(qū)域的設計 113
第6章 打出過目不忘的招牌——店招 113
6．1 店招的設計分析 114
6．1．1 店招設計尺寸和格式 114
6．1．2 店招的作用 114
6．1．3 店招所包含的信息 115
6．1．4 店招的設計邏輯 116
6．2 實例：森女系女裝店招設計與詳解 117
6．3 實例：時尚美甲店招設計與詳解 122
6．4 實例：藝術品收藏店招設計 128
6．5 實例：休閑裝店招設計 133
6．6 實例：個性服裝店招設計 135
6．7 實例：古董銷售店招設計 137
第7章 幫助顧客精確定位——導航條 139
7．1 導航條的設計分析 140
7．2 實例：清爽風格導航條設計與詳解 141
7．3 實例：時尚風格導航條設計與詳解 146
7．4 實例：簡潔風格導航條設計 151
7．5 實例：陽光風格導航條設計 153
7．6 實例：精致風格導航條設計 155
7．7 實例：古樸風格導航條設計 157
第8章 第一印象很重要—首頁歡迎模塊 159
8．1 首頁歡迎模塊的設計分析 160
8．1．1 歡迎模塊的分類 160
8．1．2 歡迎模塊設計的前期準備和表現(xiàn)因素 160
8．1．3 歡迎模塊設計的技巧 161
8．2 *實例：女式箱包“雙十二”促銷設計
與詳解 164
8．3 *實例：品牌內(nèi)衣活動版塊設計
與詳解 169
8．4 實例：首飾廣告商品展示設計 173
8．5 實例：母嬰產(chǎn)品年度促銷設計 175
8．6 實例：女鞋新品發(fā)布預告設計 177
第9章 *巧用心思贏得回頭客
—店鋪收藏區(qū) 179
9．1 收藏區(qū)的設計分析 180
9．1．1 收藏區(qū)的設計要點 180
9．1．2 練習：如何將設計的收藏區(qū)發(fā)布到店鋪 181
9．2 *實例：以店慶為主題的收藏區(qū)設計
與詳解 183
9．3 *實例：收藏區(qū)添加大量優(yōu)惠券信息
與詳解 187
9．4 實例：將收藏與側(cè)邊欄進行結(jié)合 191
9．5 實例：將收藏與歡迎模塊進行結(jié)合 193
9．6 實例：熱情風格的收藏區(qū)設計 195
第10章 給顧客解惑答疑——客服區(qū)
10．1 客服區(qū)的設計分析 198
10．1．1 客服區(qū)的設計原則 198
10．1．2 練習：將設計的客服區(qū)上傳到店鋪 199
10．1．3 使用淘寶裝修助手制作在線客服 202
10．2 實例：素雅風格的客服區(qū)設計與詳解 203
10．3 *實例：可愛風格的客服區(qū)設計
與詳解 207
10．4 實例：清爽風格的客服區(qū)設計 211
10．5 實例：簡約風格的客服區(qū)設計 213
10．6 實例：側(cè)邊欄客服區(qū)設計 215
第11章 *體現(xiàn)寶貝的專業(yè)品質(zhì)
—寶貝描述 217
11．1 寶貝描述的設計分析 218
11．1．1 寶貝描述的設計原則 218
11．1．2 在寶貝描述中突出賣點的技巧 219
11．1．3 寶貝詳情圖片框架結(jié)構(gòu)分析 221
11．2 *實例：柔和風格的寶貝描述設計
與詳解 222
11．3