第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 店內文案布局............................... 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 自定裁剪區....................................23
2.1.3 按尺寸裁剪....................................24
2.1.4 裁剪傾斜圖片.................................25
2.2 商品圖調色處理............................ 27
2.2.1 處理偏暗的圖片..............................27
2.2.2 處理色彩暗淡的照片....................... 31
2.2.3 處理偏色的圖片..............................32
2.3 淘寶圖片汙點處理.........................36
2.3.1 內容識彆填充.................................36
2.3.2 汙點修復畫筆工具..........................38
2.3.3 仿製圖章工具.................................39
2.4 多種摳圖技巧...............................40
2.4.1 規則形狀摳圖.................................40
2.4.2 簡單背景摳圖................................. 41
2.4.3 復雜圖形摳圖.................................44
2.4.4 毛發摳圖........................................48
2.4.5 圖層關係替換背景..........................50
2.5 場景圖閤成.................................. 52
2.5.1 閤成詳情展示圖..............................52
2.5.2 閤成主圖........................................54
2.5.3 水印與商品圖閤成..........................57
2.5.4 閤成商品係列展示圖.......................58
========================================================
第3章 淘寶店鋪圖設計
3.1 店鋪Logo設計.............................66
3.1.1 Logo設計要領...............................66
3.1.2 Logo設計製作...............................67
3.1.3 設置Logo為水印............................70
3.2 店標設計..................................... 71
3.2.1 店標分類........................................ 71
3.2.2 靜態店標設計製作..........................72
3.2.3 動態店標設計製作..........................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 視頻構圖的基本原則.......................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 上傳與應用視頻...........................117
4.4.1 上傳視頻到淘寶............................ 117
4.4.2 主圖視頻的應用............................ 118
========================================================
第5章 店鋪首頁視覺設計
5.1 首頁布局................................... 120
5.1.1 布局的視覺設計要點..................... 120
5.1.2 布局首頁...................................... 123
5.2 店招的設計................................ 126
5.2.1 店招的視覺要點............................ 126
5.2.2 店招製作...................................... 127
5.2.3 裝修店招...................................... 128
5.2.4 頁頭背景製作與裝修..................... 129
5.3 導航的設計................................ 132
5.3.1 導航的視覺要點............................ 132
5.3.2 導航的裝修.................................. 133
5.3.3 店招和導航裝修............................ 136
5.4 首頁海報/輪播圖設計................... 143
5.4.1 海報的視覺要點............................ 143
5.4.2 海報圖製作.................................. 145
5.4.3 全屏海報圖裝修............................ 148
5.4.4 全屏輪播圖裝修............................ 149
5.5 寶貝陳列展示區設計.................... 150
5.5.1 寶貝陳列展示的視覺要點.............. 150
5.5.2 寶貝推薦模塊設置........................ 151
5.5.3 自定義展示區製作........................ 152
5.5.4 個性展示區.................................. 154
5.6 分類引導設計............................. 158
5.7 店鋪頁尾設計..............................161
5.7.1 頁尾的視覺要點............................ 161
5.7.2 頁尾的製作與裝修........................ 162
5.8 首頁其他裝修............................. 164
5.8.1 添加收藏鏈接............................... 164
5.8.2 頁麵背景...................................... 166
========================================================
第6章 詳情頁視覺設計
6.1 詳情頁設計................................ 172
6.1.1 詳情頁分析.................................. 172
6.1.2 設計要點...................................... 173
6.1.3 製作流程...................................... 178
6.2“神筆”詳情頁裝修..................... 179
6.2.1 使用詳情頁模闆............................ 179
6.2.2 自定義模闆製作詳情頁................. 181
6.3 設置詳情直達導航....................... 184
========================================================
第7章 手機淘寶視覺設計
7.1 手機淘寶................................... 188
7.1.1 手機端與電腦端的區彆................. 188
7.1.2 手機店鋪裝修要點........................ 188
7.2 手機淘寶首頁裝修....................... 189
7.2.1 首頁模塊的使用............................ 189
7.2.2 店招的設計.................................. 190
7.2.3 焦點圖設計.................................. 192
7.2.4 優惠券設計.................................. 195
7.2.5 分類圖設計.................................. 198
7.2.6 首頁備份...................................... 199
7.3 手機詳情頁裝修..........................200
7.3.1 導入電腦端詳情............................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 切片與優化存儲............................ 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
· · · · · · (收起)