淘寶天貓網(wǎng)店美工實(shí)戰(zhàn)

目錄
前言
第1章開(kāi)店前的準(zhǔn)備與開(kāi)店1
1.1 網(wǎng)上瀏覽行業(yè)旺鋪1
1.1.1 通過(guò)店鋪數(shù)量選擇行業(yè)旺鋪1
1.1.2 通過(guò)店鋪的等級(jí)研究3
1.1.3 通過(guò)店鋪的裝修分析3
1.2 批發(fā)城實(shí)地調(diào)研4
1.3 客戶(hù)群定位4
1.4 選擇經(jīng)營(yíng)商品5
1.5 網(wǎng)上開(kāi)店7
1.5.1 淘寶開(kāi)設(shè)店鋪的特點(diǎn)7
1.5.2 淘寶網(wǎng)開(kāi)店的基本流程8
第2章 店鋪寶貝的采集13
2.1 通過(guò)拍攝采集寶貝13
2.1.1 相機(jī)所需具備的基本功能13
2.1.2 拍攝所需的輔助器材19
2.1.3 寶貝拍攝的要求與技巧21
2.1.4 基本構(gòu)圖與商品擺放25
2.1.5 為寶貝拍攝主圖視頻27
2.2 視頻的簡(jiǎn)單編輯27
2.2.1 視頻軟件介紹27
2.2.2 生成視頻33
2.2.3 使用Camtasia Studio剪輯視頻35
2.3 廠(chǎng)家圖片下載39
第3章設(shè)計(jì)旺鋪應(yīng)該了解的知識(shí)40
3.1 為什么要裝修店鋪40
3.1.1 美化各個(gè)元素的意義41
3.1.2 設(shè)計(jì)各個(gè)元素需要掌握的知識(shí)41
3.2 寶貝圖片處理48
3.2.1 剪裁與傾斜校正48
3.2.2 修飾寶貝圖像52
3.2.3 商品寶貝瑕疵修復(fù)57
3.2.4 商品寶貝調(diào)色處理64
3.3 網(wǎng)店圖片多種摳圖技巧70
3.3.1 規(guī)則形狀摳圖71
3.3.2 簡(jiǎn)單背景摳圖73
3.3.3 復(fù)雜圖形摳圖75
3.3.4 毛發(fā)摳圖82
3.3.5 圖層關(guān)系替換背景83
3.3.6 透明寶貝的摳圖方法86
3.3.7 綜合摳圖方法88
3.4 文案在網(wǎng)店美工中的作用90
3.4.1 為什么要做文案90
3.4.2 文案怎樣寫(xiě)90
3.4.3 文案的布局91
3.4.4 活動(dòng)文案95
第4章 店鋪配色96
4.1 認(rèn)識(shí)網(wǎng)店色彩97
4.2 網(wǎng)頁(yè)安全色97
4.3 網(wǎng)店配色99
4.3.1 自定義頁(yè)面的主色與輔助色99
4.3.2 網(wǎng)店色調(diào)與配色101
4.3.3 色彩采集114
4.3.4 色彩推移116
4.4 色彩與網(wǎng)店頁(yè)面117
4.4.1 色彩對(duì)比117
4.4.2 色彩調(diào)和122
4.5 網(wǎng)店頁(yè)面色彩分類(lèi)123
4.5.1 靜態(tài)與動(dòng)態(tài)色彩123
4.5.2 強(qiáng)調(diào)色彩124
4.6 商品色調(diào)風(fēng)格調(diào)整124
第5章提升店鋪流量的視覺(jué)圖125
5.1 設(shè)計(jì)店標(biāo)125
5.1.1 店標(biāo)設(shè)計(jì)的原則126
5.1.2 店標(biāo)的作用126
5.1.3 店標(biāo)的制作構(gòu)思126
5.1.4 店標(biāo)的制作過(guò)程127
5.1.5 動(dòng)態(tài)旺鋪店標(biāo)設(shè)計(jì)131
5.1.6 發(fā)布店標(biāo)133
5.2 直通車(chē)圖片設(shè)計(jì)135
5.2.1 直通車(chē)圖片的設(shè)計(jì)原則135
5.2.2 直通車(chē)在淘寶中的位置140
5.2.3 設(shè)計(jì)與制作直通車(chē)圖片141
5.3 鉆展圖片設(shè)計(jì)144
5.3.1 鉆展圖片的設(shè)計(jì)原則144
5.3.2 鉆展圖片主圖設(shè)計(jì)與制作145
5.3.3 鉆展圖片右側(cè)小圖設(shè)計(jì)與制作149
第6章 提升轉(zhuǎn)化率的裝修圖設(shè)計(jì)151
6.1 店招設(shè)計(jì)152
6.1.1 店招的設(shè)計(jì)原則152
6.1.2 全屏店招的設(shè)計(jì)與制作152
6.1.3 標(biāo)準(zhǔn)店招的制作157
6.1.4 帶導(dǎo)航的全屏店招背景制作158
6.1.5 帶導(dǎo)航的標(biāo)準(zhǔn)店招制作158
6.2 首屏廣告或焦點(diǎn)圖設(shè)計(jì)160
6.2.1 全屏廣告圖設(shè)計(jì)與制作160
6.2.2 標(biāo)準(zhǔn)950廣告圖制作168
6.3 其他區(qū)域廣告制作169
6.3.1 750廣告圖設(shè)計(jì)與制作169
6.3.2 190廣告圖設(shè)計(jì)與制作171
6.3.3 圖像陳列設(shè)計(jì)與制作173
6.3.4 項(xiàng)目區(qū)圖像設(shè)計(jì)與制作176
6.4 寶貝分類(lèi)設(shè)計(jì)178
6.4.1 寶貝分類(lèi)的設(shè)計(jì)原則178
6.4.2 寶貝分類(lèi)圖片設(shè)計(jì)與制作179
6.4.3 子寶貝分類(lèi)設(shè)計(jì)182
6.5 店鋪收藏與客服制作183
6.5.1 店鋪收藏圖片設(shè)計(jì)與制作184
6.5.2 客服圖片設(shè)計(jì)與制作187
6.6 店鋪公告模板設(shè)計(jì)與制作189
6.6.1 750店鋪公告模板設(shè)計(jì)189
6.6.2 750店鋪公告動(dòng)態(tài)模板設(shè)計(jì)190
6.6.3 190店鋪公告模板設(shè)計(jì)192
6.7 詳情頁(yè)設(shè)計(jì)與制作193
6.7.1 詳情頁(yè)的設(shè)計(jì)思路及操作流程193
6.7.2 詳情頁(yè)的格局構(gòu)成194
6.7.3 詳情頁(yè)的設(shè)計(jì)原則196
6.7.4 詳情頁(yè)的設(shè)計(jì)與制作197
6.8 通過(guò)切片工具創(chuàng)建切片202
第7章圖片空間與Dreamweaver在店鋪中的應(yīng)用204
7.1 進(jìn)入圖片空間205
7.2 編輯圖片空間205
7.2.1 新建文件夾管理圖片205
7.2.2 刪除圖片空間中的文件夾207
7.2.3 上傳優(yōu)化好的圖片208
7.2.4 圖片搬家209
7.2.5 恢復(fù)刪除的圖片210
7.2.6 全選圖片212
7.2.7 替換圖片212
7.2.8 編輯圖片212
7.2.9 適配手機(jī)213
7.2.10 為圖片添加水印213
7.3 復(fù)制圖片空間中的圖片鏈接214
7.4 Dreamweaver工作界面215
7.5 創(chuàng)建表格216
7.6 編輯表格217
7.6.1 單元格選取技巧218
7.6.2 重設(shè)表格的行列數(shù)218
7.6.3 調(diào)整表格寬度219
7.6.4 調(diào)整邊距/間距/邊框219
7.6.5 行/列的插入與刪除220
7.6.6 調(diào)整列寬/行高220
7.6.7 單元格的拆分/合并220
7.6.8 嵌套表格221
7.6.9 清除表格的寬度/高度222
7.6.10 單元格的其他設(shè)置222
7.7 插入圖片223
7.8 以背景方式插入圖片224
7.9 粘貼圖片空間中的圖片鏈接到Dreamweaver代碼區(qū)225
第8章 店鋪可裝修區(qū)域的應(yīng)用227
8.1 統(tǒng)一店鋪的配色227
8.2 新建店鋪?zhàn)远x頁(yè)面228
8.3 替換店招229
8.3.1 制作通欄店招229
8.3.2 通過(guò)代碼制作帶導(dǎo)航全屏店招并添加鏈接232
8.4 輪播圖的應(yīng)用235
8.4.1 標(biāo)準(zhǔn)輪播圖的應(yīng)用235
8.4.2 全屏輪播圖的應(yīng)用238
8.5 自定義廣告的應(yīng)用241
8.5.1 標(biāo)準(zhǔn)通欄廣告的應(yīng)用241
8.5.2 全屏廣告的應(yīng)用244
8.5.3 750廣告與190廣告的應(yīng)用246
8.6 寶貝分類(lèi)的使用250
8.6.1 應(yīng)用寶貝分類(lèi)250
8.6.2 應(yīng)用子寶貝分類(lèi)253
8.7 店鋪公告模板的應(yīng)用255
8.7.1 在Dreamweaver中插入背景圖像并輸入內(nèi)容255
8.7.2 復(fù)制圖片空間中鏈接256
8.7.3 編輯代碼完成公告效果257
8.8 店鋪收藏的應(yīng)用258
8.8.1 獲取店鋪收藏的代碼258
8.8.2 店鋪收藏的應(yīng)用259
8.9 聯(lián)系我們的應(yīng)用262
8.9.1 為制作的圖片創(chuàng)建切片并導(dǎo)出網(wǎng)頁(yè)262
8.9.2 在Dreamweaver中生成代碼263
8.9.3 在旺遍天下中獲取代碼264
8.9.4 在Dreamweaver中應(yīng)用代碼并替換圖片的代碼264
8.9.5 聯(lián)系我們的應(yīng)用 266
8.10 詳情頁(yè)廣告的應(yīng)用267