第1章 淘寶美工不得不知
1.1 什么是淘寶美工..............................8
1.1.1 淘寶美工的定義................................8
1.1.2 美工必備知識...................................8
1.2 美工文案策劃............................... 12
1.2.1 為什么要做文案.............................. 12
1.2.2 文案的前期準備.............................. 13
1.2.3 文案怎樣寫.................................... 13
1.2.4 哪里需要文案................................. 14
1.3 店內(nèi)文案布局............................... 15
1.3.1 首頁文案布局................................. 15
1.3.2 詳情頁文案布局.............................. 17
1.3.3 活動文案........................................ 19
1.4 店外文案.....................................20
第2章 淘寶商品圖美化
2.1 淘寶圖片裁剪............................... 22
2.1.1 淘寶店鋪常見尺寸..........................22
2.1.2 自定裁剪區(qū)....................................23
2.1.3 按尺寸裁剪....................................24
2.1.4 裁剪傾斜圖片.................................25
2.2 商品圖調(diào)色處理............................ 27
2.2.1 處理偏暗的圖片..............................27
2.2.2 處理色彩暗淡的照片....................... 31
2.2.3 處理偏色的圖片..............................32
2.3 淘寶圖片污點處理.........................36
2.3.1 內(nèi)容識別填充.................................36
2.3.2 污點修復(fù)畫筆工具..........................38
2.3.3 仿制圖章工具.................................39
2.4 多種摳圖技巧...............................40
2.4.1 規(guī)則形狀摳圖.................................40
2.4.2 簡單背景摳圖................................. 41
2.4.3 復(fù)雜圖形摳圖.................................44
2.4.4 毛發(fā)摳圖........................................48
2.4.5 圖層關(guān)系替換背景..........................50
2.5 場景圖合成.................................. 52
2.5.1 合成詳情展示圖..............................52
2.5.2 合成主圖........................................54
2.5.3 水印與商品圖合成..........................57
2.5.4 合成商品系列展示圖.......................58
第3章 淘寶店鋪圖設(shè)計
3.1 店鋪Logo設(shè)計.............................66
3.1.1 Logo設(shè)計要領(lǐng)...............................66
3.1.2 Logo設(shè)計制作...............................67
3.1.3 設(shè)置Logo為水印............................70
3.2 店標設(shè)計..................................... 71
3.2.1 店標分類........................................ 71
3.2.2 靜態(tài)店標設(shè)計制作..........................72
3.2.3 動態(tài)店標設(shè)計制作..........................75
3.2.4 上傳店標至店鋪..............................77
3.3 活動圖制作..................................78
3.3.1 直通車圖制作.................................78
3.3.2 鉆展圖制作....................................82
3.3.3 聚劃算圖制作.................................85
第4章 淘寶視頻制作
4.1 視頻拍攝.....................................92
4.1.1 淘寶商品拍攝流程..........................92
4.1.2 視頻構(gòu)圖的基本原則.......................93
4.1.3 景別與角度....................................95
4.2 認識會聲會影...............................99
4.2.1 會聲會影工作界面..........................99
4.2.2 視頻制作流程............................... 103
4.3 淘寶視頻制作............................. 104
4.3.1 9s主圖視頻制作........................... 104
4.3.2 詳情頁視頻制作.............................112
4.3.3 為視頻添加Logo.......................... 114
4.3.4 為視頻配音.................................. 116
4.4 上傳與應(yīng)用視頻...........................117
4.4.1 上傳視頻到淘寶............................ 117
4.4.2 主圖視頻的應(yīng)用............................ 118
第5章 店鋪首頁視覺設(shè)計
5.1 首頁布局................................... 120
5.1.1 布局的視覺設(shè)計要點..................... 120
5.1.2 布局首頁...................................... 123
5.2 店招的設(shè)計................................ 126
5.2.1 店招的視覺要點............................ 126
5.2.2 店招制作...................................... 127
5.2.3 裝修店招...................................... 128
5.2.4 頁頭背景制作與裝修..................... 129
5.3 導(dǎo)航的設(shè)計................................ 132
5.3.1 導(dǎo)航的視覺要點............................ 132
5.3.2 導(dǎo)航的裝修.................................. 133
5.3.3 店招和導(dǎo)航裝修............................ 136
5.4 首頁海報/輪播圖設(shè)計................... 143
5.4.1 海報的視覺要點............................ 143
5.4.2 海報圖制作.................................. 145
5.4.3 全屏海報圖裝修............................ 148
5.4.4 全屏輪播圖裝修............................ 149
5.5 寶貝陳列展示區(qū)設(shè)計.................... 150
5.5.1 寶貝陳列展示的視覺要點.............. 150
5.5.2 寶貝推薦模塊設(shè)置........................ 151
5.5.3 自定義展示區(qū)制作........................ 152
5.5.4 個性展示區(qū).................................. 154
5.6 分類引導(dǎo)設(shè)計............................. 158
5.7 店鋪頁尾設(shè)計..............................161
5.7.1 頁尾的視覺要點............................ 161
5.7.2 頁尾的制作與裝修........................ 162
5.8 首頁其他裝修............................. 164
5.8.1 添加收藏鏈接............................... 164
5.8.2 頁面背景...................................... 166
第6章 詳情頁視覺設(shè)計
6.1 詳情頁設(shè)計................................ 172
6.1.1 詳情頁分析.................................. 172
6.1.2 設(shè)計要點...................................... 173
6.1.3 制作流程...................................... 178
6.2“神筆”詳情頁裝修..................... 179
6.2.1 使用詳情頁模板............................ 179
6.2.2 自定義模板制作詳情頁................. 181
6.3 設(shè)置詳情直達導(dǎo)航....................... 184
第7章 手機淘寶視覺設(shè)計
7.1 手機淘寶................................... 188
7.1.1 手機端與電腦端的區(qū)別................. 188
7.1.2 手機店鋪裝修要點........................ 188
7.2 手機淘寶首頁裝修....................... 189
7.2.1 首頁模塊的使用............................ 189
7.2.2 店招的設(shè)計.................................. 190
7.2.3 焦點圖設(shè)計.................................. 192
7.2.4 優(yōu)惠券設(shè)計.................................. 195
7.2.5 分類圖設(shè)計.................................. 198
7.2.6 首頁備份...................................... 199
7.3 手機詳情頁裝修..........................200
7.3.1 導(dǎo)入電腦端詳情............................200
7.3.2 模板生成詳情............................... 201
7.4 手機店鋪其他裝修....................... 203
7.4.1 自定義菜單..................................203
7.4.2 手機海報......................................205
7.4.3 自定義頁面裝修............................207
第8章 店鋪中的代碼
8.1 Photoshop切片........................ 210
8.1.1 切片的作用與技巧........................ 210
8.1.2 切片與優(yōu)化存儲............................ 210
8.2 Dreamweaver的使用................ 212
8.2.1 切片生成代碼............................... 212
8.2.2 熱點與鏈接.................................. 215
8.3 源代碼裝修................................ 216
8.4 獲取淘寶常見鏈接代碼................. 218
8.4.1“寶貝”鏈接................................. 218
8.4.2“圖片”鏈接................................. 219
8.4.3“購物車”鏈接............................. 219
8.4.4“分享”鏈接.................................220
8.4.5“評論”鏈接................................. 221
8.4.6“喜歡”鏈接.................................222
8.4.7 客服“旺旺”鏈接........................223
8.4.8 店鋪ID的獲取...............................224
8.4.9 商品ID的獲取...............................224