淘寶天貓網(wǎng)店設(shè)計(jì)從入門(mén)到精通店鋪裝修+廣告海報(bào)+修圖修片+架構(gòu)布局+配色應(yīng)用+設(shè)計(jì)模版

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