網(wǎng)店美工與短視頻案例實(shí)戰(zhàn)

第1章網(wǎng)店裝修基礎(chǔ)知識(shí) / 1
1．1 與網(wǎng)店裝修相關(guān) / 1
1．1．1 網(wǎng)店裝修的重要性 / 1
1．1．2 不同電商平臺(tái)裝修規(guī)范 / 2
1．1．3 如何確定網(wǎng)店裝修風(fēng)格 / 4
1．2 網(wǎng)店裝修三大要素――色彩、文字和版式 / 6
1．2．1 網(wǎng)店裝修常見配色方案 / 6
1．2．2 掌握網(wǎng)店文字的編排準(zhǔn)則 / 8
1．2．3 通過合適分割方式安排裝修文本 / 10
1．2．4 版面布局的形式法則 / 11
1．2．5 常見的網(wǎng)店裝修版式布局視覺流程 / 13
1．3 網(wǎng)店裝修中常用的軟件 / 15
1．3．1 認(rèn)識(shí)網(wǎng)店裝修的利器――Photoshop / 15
1．3．2 網(wǎng)店視頻制作利器――Premiere Pro / 16
1．4 網(wǎng)店裝修的工作流程 / 17
1．4．1 收集并整理裝修素材 / 17
1．4．2 在Photoshop 中設(shè)計(jì)裝修效果圖 / 17
1．4．3 對(duì)圖片進(jìn)行切片并優(yōu)化處理 / 18
1．4．4 將圖片和視頻上傳到網(wǎng)絡(luò)空間中 / 20
1．4．5 編寫代碼完成店鋪裝修 / 21
第2章網(wǎng)店裝修五大技能 / 23
2．1 裁剪與校正 / 23
2．1．1 重設(shè)圖片的大小 / 23
2．1．2 裁剪圖像改變構(gòu)圖 / 24
2．1．3 拉直讓商品端正展示 / 25
2．2 修復(fù)瑕疵還原精致細(xì)節(jié) / 26
2．2．1 去除用于懸掛商品的掛鉤 / 26
2．2．2 去除攝影棚的痕跡 / 28
2．2．3 去除模特的瑕疵 / 28
2．2．4 去除商品上的毛發(fā)、灰塵 / 31
2．2．5 去除商品包裝上的瑕疵 / 32
2．2．6 修復(fù)商品表面的缺陷 / 33
2．3 校正和美化顏色 / 34
2．3．1 恢復(fù)照片的正常亮度 / 34
2．3．2 校正白平衡還原真實(shí)顏色 / 36
2．3．3 修復(fù)發(fā)灰的照片 / 37
2．3．4 改變商品色調(diào)營(yíng)造特殊氛圍 / 38
2．4 摳取與合成 / 39
2．4．1 純色背景的摳取 / 40
2．4．2 外形規(guī)則的商品摳取 / 41
2．4．3 外形不規(guī)則的商品摳取 / 42
2．4．4 精細(xì)圖像的摳取 / 44
2．4．5 特定顏色的摳取 / 45
2．4．6 半透明圖像的摳取 / 46
2．4．7 合成裝飾元素讓畫面更豐富 / 47
2．5 文字應(yīng)用 / 48
2．5．1 文字的添加與設(shè)置 / 48
2．5．2 文字的藝術(shù)化編排 / 50
2．5．3 變形文字 / 51
第3章 網(wǎng)店首頁(yè)元素設(shè)計(jì) / 53
3．1 店招與導(dǎo)航條設(shè)計(jì) / 53
3．1．1 店招與導(dǎo)航條設(shè)計(jì)要點(diǎn) / 53
3．1．2 燈具網(wǎng)店店招與導(dǎo)航條設(shè)計(jì) / 54
3．1．3 寵物用品網(wǎng)店店招與導(dǎo)航條設(shè)計(jì) / 57
3．2 歡迎模塊與輪播圖設(shè)計(jì) / 61
3．2．1 歡迎模塊與輪播圖的設(shè)計(jì)規(guī)范 / 61
3．2．2 新品上架歡迎模塊設(shè)計(jì) / 62
3．2．2 箱包促銷輪播圖設(shè)計(jì) / 66
3．3 商品陳列區(qū)設(shè)計(jì) / 72
3．3．1 商品陳列區(qū)的常用布局 / 72
3．3．2 時(shí)尚的女鞋網(wǎng)店商品陳列區(qū) / 74
3．3．3 規(guī)整的女裝網(wǎng)店商品陳列區(qū) / 79
第4章 商品詳情頁(yè)面元素設(shè)計(jì) / 85
4．1 主圖和櫥窗照設(shè)計(jì) / 85
4．1．1 主圖和櫥窗照的設(shè)計(jì)規(guī)范 / 85
4．1．2 清爽風(fēng)格的主圖設(shè)計(jì) / 86
4．1．3 清爽風(fēng)格的主圖設(shè)計(jì) / 90
4．2 寶貝分類區(qū)設(shè)計(jì) / 94
4．2．1 分類區(qū)設(shè)計(jì)要點(diǎn) / 94
4．2．2 炫彩風(fēng)格的寶貝分類區(qū)設(shè)計(jì) / 95
4．2．3 單色風(fēng)格的寶貝分類區(qū)設(shè)計(jì) / 96
4．3 商品搭配區(qū)設(shè)計(jì) / 98
4．3．1 商品搭配專區(qū)的表現(xiàn)方式 / 98
4．3．2 冷酷風(fēng)格的商品搭配區(qū)設(shè)計(jì) / 99
4．3．3 清新風(fēng)格的商品搭配區(qū)設(shè)計(jì) / 103
4．4 商品細(xì)節(jié)展示區(qū)設(shè)計(jì) / 107
4．4．1 商品細(xì)節(jié)展示區(qū)的表現(xiàn)方式 / 107
4．4．2 指示型商品細(xì)節(jié)展示區(qū)的設(shè)計(jì) / 109
4．4．3 局部圖解型商品細(xì)節(jié)展示區(qū)設(shè)計(jì) / 113
第5章 網(wǎng)店首頁(yè)整體裝修設(shè)計(jì) / 117
5．1 女裝網(wǎng)店首頁(yè)裝修設(shè)計(jì) / 117
5．1．1 文字和圖形組成簡(jiǎn)約店招和導(dǎo)航條 / 119
5．1．2 圖層蒙版制作溶圖 / 121
5．1．3 簡(jiǎn)易色塊組成的分類欄 / 122
5．1．4 制作簡(jiǎn)約風(fēng)格的女裝展示區(qū)域 / 122
5．1．5 利用客服區(qū)提升首頁(yè)服務(wù)品質(zhì) / 125
5．1．6 調(diào)色和銳化 / 126
5．2 飾品網(wǎng)店首頁(yè)裝修設(shè)計(jì) / 127
5．2．1 制作背景確定設(shè)計(jì)風(fēng)格 / 129
5．2．2 摳取飾品圖像制作歡迎模塊 / 130
5．2．3 明度較暗的二級(jí)海報(bào) / 131
5．2．4 使用分類區(qū)引導(dǎo)購(gòu)物 / 134
5．2．5 推薦款區(qū)域呈現(xiàn)主打商品 / 136
5．2．6 補(bǔ)充內(nèi)容完善首頁(yè)信息表現(xiàn) / 137
5．3 家具網(wǎng)店首頁(yè)裝修設(shè)計(jì) / 139
5．3．1 制作拼接效果的歡迎模塊 / 141
5．3．2 簡(jiǎn)潔的店招和導(dǎo)航條設(shè)計(jì) / 142
5．3．3 利用線條引導(dǎo)視線的商品展示區(qū) / 144
5．3．4 添加收藏完善畫面效果 / 147
第6章 商品詳情頁(yè)面裝修設(shè)計(jì) / 149
6．1 女包詳情頁(yè)面設(shè)計(jì) / 149
6．1．1 利用廣告圖展示女包形象 / 151
6．1．2 全面的女包詳情 / 152
6．1．3 制作側(cè)邊欄 / 156
6．1．4 添加收藏區(qū)豐富側(cè)邊欄 / 157
6．1．5 簡(jiǎn)約的女包櫥窗照 / 157
6．2 腕表詳情頁(yè)面設(shè)計(jì) / 158
6．2．1 冷酷大氣的廣告圖 / 160
6．2．2 暗色調(diào)的商品詳情 / 161
6．2．3 金屬材質(zhì)的側(cè)邊欄 / 165
6．2．4 簡(jiǎn)約大氣的腕表櫥窗照 / 166
6．3 運(yùn)動(dòng)鞋詳情頁(yè)面設(shè)計(jì) / 167
6．3．1 炫酷的運(yùn)動(dòng)鞋廣告圖 / 169
6．3．2 指示性線條突出商品賣點(diǎn) / 172
6．3．3 運(yùn)動(dòng)鞋的多個(gè)亮點(diǎn)設(shè)計(jì) / 174
6．3．4 添加尺碼對(duì)照表 / 175
6．3．5 輔助信息塑造專業(yè)店鋪形象 / 176
6．3．6 選取圖像制作運(yùn)動(dòng)鞋櫥窗照 / 176
6．4 眼鏡框詳情頁(yè)面設(shè)計(jì) / 179
6．4．1 簡(jiǎn)潔的商品廣告圖 / 181
6．4．2 內(nèi)容詳細(xì)的商品詳情展示 / 182
6．4．3 風(fēng)格統(tǒng)一的眼鏡框櫥窗照 / 186
第7章 制作視頻的軟件基礎(chǔ) / 187
7．1　視頻編輯基礎(chǔ) / 187
7．1．1　創(chuàng)建項(xiàng)目 / 187
7．1．2　向項(xiàng)目中導(dǎo)入素材 / 188
7．1．3　創(chuàng)建序列 / 188
7．1．4 向序列中添加素材 / 189
7．1．5　存儲(chǔ)和輸出視頻 / 191
7．2　編輯視頻素材 / 193
7．2．1　調(diào)整視頻素材位置 / 193
7．2．2 裁剪和旋轉(zhuǎn)視頻素材 / 194
7．2．3 視頻素材的顏色調(diào)整 / 196
7．2．4　分割和刪除視頻素材 / 197
7．3　添加視頻過渡效果 / 198
7．3．1　應(yīng)用過渡效果 / 199
7．3．2　添加默認(rèn)轉(zhuǎn)場(chǎng)效果 / 199
7．3．3　自定義過渡參數(shù) / 200
7．3．4　替換和刪除過渡效果 / 201
7．4　豐富多彩的視頻效果應(yīng)用 / 203
7．4．1　添加視頻效果 / 203
7．4．2　控制視頻播放效果 / 204
7．4．3　禁用和啟用效果 / 205
7．4．4　刪除視頻效果 / 205
7．5　創(chuàng)建和編輯字幕 / 206
7．5．1　創(chuàng)建靜態(tài)字幕 / 206
7．5．2　創(chuàng)建動(dòng)態(tài)字幕 / 208
7．5．3　設(shè)置字幕文字屬性 / 209
7．5．4 應(yīng)用字幕樣式 / 210
7．6　設(shè)置音頻特效 / 211
7．6．1　在項(xiàng)目中添加音頻素材 / 211
7．6．2　分割和刪除音頻（文件） / 212
7．6．3　設(shè)置音頻速度和持續(xù)時(shí)間 / 213
7．6．4　調(diào)整音量 / 214
7．6．5　制作音效過渡效果 / 215
第8章 網(wǎng)店視頻制作 / 217
8．1　網(wǎng)店主圖視頻設(shè)計(jì) / 217
8．1．1　主圖視頻的設(shè)計(jì)規(guī)范 / 217
8．1．2　臺(tái)燈主圖視頻設(shè)計(jì) / 218
8．1．3　茶葉主圖視頻設(shè)計(jì) / 227
8．2　詳情視頻設(shè)計(jì) / 235
8．2．1　詳情視頻設(shè)計(jì)規(guī)范 / 235
8．2．2　鼠標(biāo)詳情視頻設(shè)計(jì) / 236
8．2．3　眼影詳情視頻設(shè)計(jì) / 246