網(wǎng)店美工：網(wǎng)店視覺設計實操指南

目錄
第 1 章 網(wǎng)店美工需要掌握的知識 1
1.1 網(wǎng)店美工概述 2
1.1.1 網(wǎng)店美工的定義 2
1.1.2 網(wǎng)店美工需要了解的知識 3
1.2 寶貝圖片的處理 4
1.2.1 剪裁與傾斜校正 4
1.2.2 修飾寶貝圖像 7
1.2.3 商品寶貝瑕疵的修復 11
1.3 文案在網(wǎng)店美工中的作用 16
1.3.1 做文案的目的 16
1.3.2 文案的寫作方法 17
1.3.3 文案的布局 18
1.3.4 活動文案 21
1.4 店鋪首頁的美工操作 23
1.4.1 店標與店招 23
1.4.2 自定義廣告區(qū) 24
1.4.3 寶貝分類 25
1.4.4 焦點圖的設計 26
1.4.5 店鋪收藏與聯(lián)系我們 27


第 2 章 寶貝的采集 29
2.1 通過拍攝采集寶貝 30
2.1.1 相機需具備的基本功能 30
2.1.2 拍攝所需的輔助器材 36
2.1.3 寶貝拍攝的要求與技巧 39
2.1.4 基本構(gòu)圖與商品擺放 43
2.1.5 為寶貝拍攝主圖視頻 46
2.2 視頻的簡單編輯 46
2.2.1 視頻軟件介紹 47
2.2.2 生成視頻 52
2.2.3 使用Camtasia Studio 剪輯視頻 54
2.3 廠家圖片的下載 58

第 3 章 提升寶貝的視覺效果 59
3.1 淘寶圖片的裁剪 60
3.1.1 淘寶店鋪的常見尺寸 60
3.1.2 自定裁剪區(qū) 61
3.1.3 按尺寸裁剪 62
3.1.4 裁剪傾斜圖片 64
3.1.5 裁剪透視圖片 65
3.2 商品圖的調(diào)色處理 67
3.2.1 處理偏暗的圖片 67
3.2.2 處理偏亮的圖片 70
3.2.3 處理色彩暗淡的照片 72
3.2.4 處理偏色的照片 73
3.2.5 增加多種商品顏色 76
3.3 淘寶圖片污點的處理 77
3.3.1 使用“內(nèi)容識別”填充修復照片中的污點 78
3.3.2 使用“污點修復畫筆工具”修復照片中的污點 79
3.3.3 使用“修復畫筆工具”修復照片中的水印 80
3.3.4 使用“修補工具”清除照片中的日期 82
3.4 網(wǎng)店圖像的多種摳圖技巧 84
3.4.1 規(guī)則形狀摳圖 84
3.4.2 簡單背景摳圖 88
3.4.3 復雜圖形摳圖 90
3.4.4 毛發(fā)摳圖 97
3.4.5 圖層關系替換背景 99
3.4.6 半透明寶貝的摳圖方法 102
3.4.7 綜合摳圖方法 106

第 4 章 轉(zhuǎn)化流量的視覺圖 108
4.1 設計店標 109
4.1.1 店標設計的原則 109
4.1.2 店標的作用 110
4.1.3 店標的制作構(gòu)思 110
4.1.4 店標的制作過程 111
4.1.5 動態(tài)旺鋪的店標設計 113
4.1.6 發(fā)布店標 116
4.2 直通車圖片的設計 117
4.2.1 直通車圖片的設計原則 118
4.2.2 直通車在淘寶中的位置 123
4.2.3 設計與制作直通車圖片 124
4.3 鉆展圖片的設計 127
4.3.1 鉆展圖片的設計原則 128
4.3.2 鉆展圖片主圖的設計與制作 129
4.3.3 鉆展圖片右側(cè)小圖的設計與制作 135

第 5 章 提升轉(zhuǎn)化率的主頁裝修圖的設計 138
5.1 店招的設計 139
5.1.1 店招設計的原則 139
5.1.2 店招的設計與制作 140
5.2 首屏廣告圖的設計 146
5.2.1 全屏廣告圖的設計與制作 147
5.2.2 標準通欄廣告圖的設計與制作 153
5.3 輪播圖的設計與制作 154
5.3.1 全屏輪播圖圖像的設計與制作 155
5.3.2 標準通欄輪播圖的設計與制作 161
5.4 自定義區(qū)域圖像的設計與制作 162
5.4.1 750 像素廣告圖的設計與制作 163
5.4.2 190 像素廣告圖的設計與制作 167
5.4.3 圖像陳列的設計與制作 169
5.4.4 項目區(qū)圖像的設計與制作 173

第 6 章 店鋪公告模板與寶貝分類的設計 176
6.1 寶貝分類的設計 177
6.1.1 寶貝分類的設計原則 178
6.1.2 寶貝分類圖片的設計與制作 178
6.1.3 寶貝子分類的設計 182
6.2 店鋪公告模板的設計與制作 184
6.2.1 750 像素店鋪公告模板的設計 184
6.2.2 750 像素店鋪公告動態(tài)模板的設計 186
6.2.3 190 像素店鋪公告模板的設計 188
6.3 店鋪收藏的設計與制作 189
6.4 客服圖片的設計與制作 194

第 7 章 網(wǎng)店詳情頁的設計 196
7.1 詳情頁的設計思路以及操作流程 197
7.2 詳情頁的格局構(gòu)成 198
7.3 詳情頁的設計原則 200
7.4 詳情頁的設計與制作 201
7.4.1 寶貝商品提升質(zhì)感的方法 202
7.4.2 詳情頁的框架 206
7.4.3 商品照片的摳圖 207
7.4.4 商品廣告區(qū)的設計 209
7.4.5 商品細節(jié)展示區(qū)的設計 216
7.4.6 商品組合展示區(qū)的設計 221
7.4.7 商品描述區(qū)的設計 226
7.4.8 尺碼區(qū)的設計 227
7.4.9 購物須知區(qū)的設計 228
7.4.10 合成詳情頁 229