項(xiàng)目一　初識網(wǎng)店美工　1
任務(wù)一　網(wǎng)店美工概述　2
一、網(wǎng)店美工的定義　2
二、網(wǎng)店美工的技能要求　2
三、網(wǎng)店美工的工作范疇　2
四、網(wǎng)店美工需要注意的問題　4
任務(wù)二　網(wǎng)店美工必備的視覺設(shè)計(jì)知識　5
一、色彩搭配　5
二、文字應(yīng)用　7
三、頁面布局　9
任務(wù)三　網(wǎng)店美工常用的設(shè)計(jì)軟件　12
一、Photoshop　12
二、C4D　12
三、Illustrator　13
任務(wù)四　網(wǎng)店美工的設(shè)計(jì)流程　13
一、設(shè)計(jì)定位　13
二、收集設(shè)計(jì)素材　14
三、素材處理與設(shè)計(jì)　14
四、頁面設(shè)計(jì)　15
五、設(shè)計(jì)審核與效果調(diào)整　15
六、店鋪裝修　16
思考與練習(xí)　17
項(xiàng)目二　處理商品圖片　19
任務(wù)一　調(diào)整商品圖片尺寸　20
一、調(diào)整商品圖片的大小　20
二、裁剪商品圖片　20
三、【課堂案例】——處理“草莓”商品圖片大小　21
任務(wù)二　調(diào)整商品圖片顏色　23
一、調(diào)整偏暗或偏亮的商品圖片　23
二、調(diào)整偏色的商品圖片　24
三、【課堂案例】——調(diào)整首飾商品圖片的顏色　26
任務(wù)三　修復(fù)商品圖片　28
一、修復(fù)商品圖片的常用方法　28
二、【課堂案例】——去除商品圖片中的污漬　30
三、【課堂案例】——去除商品圖片中的多余部分　32
任務(wù)四　摳取商品圖片　34
一、摳取商品圖片的常用方法　34
二、【課堂案例】——摳取女包商品圖片　35
三、【課堂案例】——摳取婚紗商品圖片　37
任務(wù)五　豐富商品圖片內(nèi)容　40
一、添加與設(shè)置文字　40
二、添加形狀與圖案　40
三、合成商品圖片　41
四、【課堂案例】——制作投影燈海報(bào)　42
五、【課堂案例】——合成端午節(jié)海報(bào)　43
思考與練習(xí)　48
項(xiàng)目三　設(shè)計(jì)與制作推廣圖　50
任務(wù)一　商品主圖的設(shè)計(jì)與制作　51
一、商品主圖的制作要求　51
二、制作優(yōu)質(zhì)商品主圖的技巧　52
三、【課堂案例】——制作數(shù)據(jù)線商品主圖　53
任務(wù)二　設(shè)計(jì)與制作直通車圖　56
一、直通車圖的設(shè)計(jì)目的和策略　56
二、直通車圖的投放位置　56
三、直通車圖的設(shè)計(jì)原則　57
四、【課堂案例】——制作榨汁機(jī)直通車圖　57
任務(wù)三　設(shè)計(jì)與制作引力魔方推廣圖　60
一、引力魔方推廣圖的位置和規(guī)范　60
二、引力魔方推廣圖的設(shè)計(jì)要點(diǎn)　61
三、【課堂案例】——制作水果引力魔方推廣圖　62
思考與練習(xí)　65
項(xiàng)目四　設(shè)計(jì)與制作店鋪首頁　67
任務(wù)一　認(rèn)識店鋪首頁　68
一、店鋪首頁的主要功能　68
二、店鋪首頁的組成結(jié)構(gòu)　68
任務(wù)二　設(shè)計(jì)與制作店招與導(dǎo)航　69
一、店招與導(dǎo)航的設(shè)計(jì)要求　69
二、店招與導(dǎo)航的設(shè)計(jì)要點(diǎn)　70
三、【課堂案例】——制作家紡店鋪店招與導(dǎo)航　70
任務(wù)三　設(shè)計(jì)與制作全屏海報(bào)　74
一、全屏海報(bào)的設(shè)計(jì)要點(diǎn)　74
二、【課堂案例】——制作家紡店鋪全屏海報(bào)　74
任務(wù)四　設(shè)計(jì)與制作優(yōu)惠券　77
一、優(yōu)惠券的設(shè)計(jì)原則　77
二、【課堂案例】——制作家紡店鋪優(yōu)惠券　78
任務(wù)五　設(shè)計(jì)與制作商品推薦區(qū)　80
一、商品推薦區(qū)的設(shè)計(jì)要點(diǎn)　80
二、【課堂案例】——制作家紡店鋪商品推薦區(qū)　80
思考與練習(xí)　84
項(xiàng)目五　設(shè)計(jì)與制作其他頁面　85
任務(wù)一　設(shè)計(jì)與制作活動頁　86
一、活動的目的和作用　86
二、活動頁的類型　87
三、活動頁的設(shè)計(jì)要點(diǎn)　88
四、【課堂案例】——設(shè)計(jì)“中秋”活動頁　88
任務(wù)二　設(shè)計(jì)與制作品牌介紹頁　96
一、品牌介紹頁的展示方式　96
二、【課堂案例】——設(shè)計(jì)家紡品牌介紹頁　97
思考與練習(xí)　101
項(xiàng)目六　設(shè)計(jì)與制作商品詳情頁　102
任務(wù)一　認(rèn)識商品詳情頁　103
一、商品詳情頁的設(shè)計(jì)要求　103
二、商品詳情頁的設(shè)計(jì)要點(diǎn)　103
任務(wù)二　商品詳情頁的設(shè)計(jì)與制作　104
一、商品詳情頁的組成部分　104
二、【課堂案例】——設(shè)計(jì)毛巾焦點(diǎn)圖　106
三、【課堂案例】——設(shè)計(jì)毛巾賣點(diǎn)說明圖　107
四、【課堂案例】——設(shè)計(jì)毛巾信息展示圖　110
五、【課堂案例】——設(shè)計(jì)毛巾快遞與售后圖　111
思考與練習(xí)　114
項(xiàng)目七　設(shè)計(jì)與制作短視頻　115
任務(wù)一　認(rèn)識短視頻　116
一、短視頻的特征與優(yōu)勢　116
二、短視頻的類型　116
任務(wù)二　拍攝短視頻　116
一、短視頻的拍攝流程　116
二、短視頻的運(yùn)鏡方式　117
三、短視頻拍攝的景別　118
四、短視頻拍攝的角度和方位　118
五、【課堂案例】——拍攝堅(jiān)果短視頻　119
任務(wù)三　短視頻制作　121
一、短視頻的制作要求　121
二、短視頻的制作流程　123
三、【課堂案例】——制作毛巾主圖短視頻　123
四、【課堂案例】——設(shè)計(jì)大米詳情頁短視頻　126
五、【課堂案例】——上傳主圖短視頻　129
思考與練習(xí)　132
項(xiàng)目八　設(shè)計(jì)與制作移動端頁面　133
任務(wù)一　設(shè)計(jì)與制作移動端店鋪首頁　134
一、移動端店鋪首頁的組成　134
二、移動端店鋪首頁的設(shè)計(jì)注意事項(xiàng)　135
三、【課堂案例】——制作陶瓷店鋪移動端首頁　135
任務(wù)二　設(shè)計(jì)與制作移動端商品詳情頁　142
一、移動端商品詳情頁的特征　142
二、移動端商品詳情頁的設(shè)計(jì)要點(diǎn)　142
三、【課堂案例】——制作茶杯移動端商品詳情頁　142
思考與練習(xí)　148
項(xiàng)目九　裝修店鋪　149
任務(wù)一　圖片切片與上傳　150
一、圖片切片的技巧　150
二、【課堂案例】——家紡店鋪首頁切片與上傳　150
任務(wù)二　裝修PC端店鋪首頁　152
一、認(rèn)識裝修基礎(chǔ)模塊　153
二、【課堂案例】——使用模塊裝修店鋪首頁　153
任務(wù)三　裝修移動端店鋪首頁　157
一、認(rèn)識移動端店鋪首頁模塊　157
二、【課堂案例】——使用模塊裝修移動端首頁　158
任務(wù)四　上傳商品詳情頁　160
一、商品詳情頁上傳的注意事項(xiàng)　160
二、【課堂案例】——上傳茶杯商品詳情頁　161
思考與練習(xí)　164
項(xiàng)目十　綜合案例——生鮮店鋪設(shè)計(jì)與制作　165
任務(wù)一　處理生鮮店鋪素材　166
一、制作思路　166
二、設(shè)計(jì)實(shí)施　167
任務(wù)二　制作生鮮店鋪首頁　168
一、制作思路　168
二、設(shè)計(jì)實(shí)施　169
任務(wù)三　制作生鮮店鋪商品詳情頁　174
一、制作思路　174
二、設(shè)計(jì)實(shí)施　175
任務(wù)四　制作生鮮商品直通車推廣圖　177
一、制作思路　177
二、設(shè)計(jì)實(shí)施　177
任務(wù)五　制作生鮮店鋪主圖短視頻　179
一、制作思路　179
二、設(shè)計(jì)實(shí)施　179
思考與練習(xí)　182