網(wǎng)店美工（微課版）

目　錄
上篇　基礎篇 1
項目1　走進視覺營銷與美工設計 2
　項目導圖 2
　引例 2
　任務1　視覺色彩心理 2
　　1.1.1　色彩分類與屬性 3
　　1.1.2　色彩搭配與網(wǎng)店 6
　任務2　視覺營銷 9
　　1.2.1　視覺營銷的目的與原則 9
　　1.2.2　視覺營銷的流程整合 11
　任務3　網(wǎng)店美工認知 12
　　1.3.1　網(wǎng)店美工簡介 12
　　1.3.2　網(wǎng)店美工運營之手 13
　　1.3.3　網(wǎng)店美工的成長 15
　同步閱讀 18
　項目小結 19
　同步測試 20
項目2　精通美工常用Photoshop技能 22
　項目導圖 22
　引例 22
　任務1　Photoshop基礎與文字特效 23
　　2.1.1　Photoshop CS6基礎知識 23
　　2.1.2　Photoshop基本操作 26
　　2.1.3　Photoshop文字特效 26
　任務2色Photoshop修圖、美圖與調色 29
　　2.2.1　修圖 29
　　2.2.2　美圖 32
　　2.2.3　調色 35
　任務3　Photoshop摳圖 36
　　2.3.1　摳圖工具 36
　　2.3.2　簡單圖像摳圖 36
　　2.3.3　復雜圖像摳圖 42
　任務4　Photoshop蒙版與濾鏡 45
　　2.4.1　蒙版 45
　　2.4.2　濾鏡 48
　同步閱讀 50
　同步實訓 51
　　實訓1　制作七夕首頁寬屏海報 51
　　實訓2　美圖之磨皮 54
　　實訓3　導航欄制作 54
　項目小結 55
　同步測試 56
項目3　巧用光影魔術手與圖片空間 58
　項目導圖 58
　引例 58
　任務1　基本操作與美圖 58
　　3.1.1　光影界面及其基本操作 58
　　3.1.2　自動美化與手動美化 61
　任務2　文字特效、水印與邊框 61
　　3.2.1　文字特效 61
　　3.2.2　水印 62
　　3.2.3　邊框 64
　任務3　摳圖與批處理 66
　　3.3.1　摳圖 66
　　3.3.2　批處理 67
　任務4　圖片空間的使用 69
　　3.4.1　圖片空間的基本功能 69
　　3.4.2　圖片空間設置水印功能 74
　同步閱讀 75
　同步實訓 75
　　實訓　光影魔術手圖片處理 75
　項目小結 83
　同步測試 83
下篇　實務篇 85
項目4　網(wǎng)店常用圖片設計制作 86
　項目導圖 86
　引例 86
　任務1　店招圖設計 87
　　4.1.1　店招圖設計的目的 87
　　4.1.2　店招圖設計的類型 87
　　4.1.3　店招圖設計的結構 88
　任務2　店內海報圖設計 89
　　4.2.1　店內海報圖的分類和作用 89
　　4.2.2　絲巾海報圖設計案例 90
　任務3　直通車圖設計 94
　　4.3.1　直通車的特點 94
　　4.3.2　直通車圖在搜索頁的位置 94
　　4.3.3　直通車圖設計要點 94
　　4.3.4　直通車圖案例分析 94
　　4.3.5　老年服裝直通車圖設計案例 98
　任務4　鉆展圖設計 100
　　4.4.1　鉆展圖的特點 100
　　4.4.2　鉆展圖設計技巧 101
　　4.4.3　審核流程 101
　　4.4.4　鉆展推廣圖的位置 101
　　4.4.5　頭戴式耳機鉆展圖設計案
　　　　　例 101
　任務5　活動圖設計 105
　　4.5.1　活動圖設計規(guī)范 105
　　4.5.2　活動圖示例說明 106
　　4.5.3　吸塵器聚劃算活動圖設計案例 108
　同步閱讀 110
　同步實訓 111
　　實訓1　店招圖設計——以汽車類
　　　　　　目為例 111
　　實訓2　海報圖設計——以女鞋類
　　　　　　目為例 112
　　實訓3　直通車圖設計——以蜂蜜
　　　　　　為例 113
　項目小結 114
　同步測試 114
項目5　主圖與主圖視頻設計制作 116
　項目導圖 116
　引例 116
　任務1　主圖設計與制作 117
　　5.1.1　主圖類別及功能 117
　　5.1.2　策劃常見式主圖 120
　　5.1.3　設計制作常見式主圖 123
　任務2　輔圖設計與制作 126
　　5.2.1　輔圖的作用 126
　　5.2.2　策劃輔圖布局 127
　　5.2.3　設計制作輔圖 128
　任務3　主圖視頻制作 129
　　5.3.1　主圖視頻的優(yōu)點 129
　　5.3.2　主圖視頻的要求 129
　　5.3.3　巧用會聲會影制作主圖視頻 130
　同步閱讀 133
　同步實訓 134
　　實訓1　品牌式主圖設計與制作 134
　　實訓2　主圖視頻的設計與制作 137
　項目小結 141
　同步測試 141
項目6　PC端與移動端詳情頁設計制作 143
　項目導圖 143
　引例 143
　任務1　產品調研分析與文案策劃 144
　　6.1.1　產品調研分析 144
　　6.1.2　文案策劃 145
　　6.1.3　解析詳情頁設計思路 150
　任務2　PC端詳情頁設計 150
　　6.2.1　頁面內容布局 150
　　6.2.2　PC端詳情頁設計 150
　任務3　移動端詳情頁設計 160
　　6.3.1　頁面內容布局 160
　　6.3.2　移動端詳情頁切片制作 161
　　6.3.3　神筆高效率制作無線端詳情頁 165
　同步閱讀 168
　同步實訓 169
　　實訓1　詳情頁GIF動態(tài)圖片制作 169
　　實訓2　手機端優(yōu)惠券與關聯(lián)營銷設置 172
　　實訓3　發(fā)布手機寶貝詳情 176
　項目小結 178
　同步測試 178
項目7　無線端店鋪頁面裝修 180
　項目導圖 180
　引例 180
　任務1　認識無線端店鋪頁面 180
　　7.1.1　裝修無線端店鋪頁面的原因 181
　　7.1.2　無線端店鋪頁面流量解析 181
　　7.1.3　無線端店鋪頁面特性分析 183
　任務2　規(guī)劃高轉化率無線端店鋪頁面布局 184
　　7.2.1　無線端店鋪頁面的布局 184
　　7.2.2　無線端店鋪頁面的風格定位 186
　任務3　滾動廣告與分類模塊 188
　　7.3.1　無線端店鋪頁面裝修模塊 188
　　7.3.2　無線端店鋪店招 189
　　7.3.3　滾動廣告模塊 191
　　7.3.4　分類模塊 193
　任務4　活動模塊與自定義模塊 195
　　7.4.1　活動模塊 195
　　7.4.2　自定義模塊 197
　任務5　無線端店鋪活動頁(展示頁) 200
　　7.5.1　無線端店鋪活動頁的主要功能 200
　　7.5.2　無線端店鋪活動頁的主要類型 200
　　7.5.3　無線端店鋪活動頁的設計流程 201
　　7.5.4　無線端店鋪活動頁入口及操作 202
　同步閱讀 205
　同步實訓 208
　　實訓1　免費源代碼模板裝修法 208
　　實訓2　布局并設計一個高轉化的無線店鋪首頁 208
　　實訓3　設計一個店鋪聚劃算的活動頁面 208
　項目小結 208
　同步測試 209