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

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