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

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