網店美工與短視頻案例實戰（簡體書）

電子商務顛覆了傳統的商業模式，其較為特殊的交易方式使網店的視覺設計比實體店鋪的裝修更加重要。本書的宗旨是給商家提供全面、實用、快速的網店裝修設計指導。本書從網店裝修的基礎知識、商品照片的處理與修飾、網店視頻的編輯與設計、網店首頁和詳情頁面各個模塊的設計等方面著手，循序漸進地介紹了網店裝修需要掌握的知識與技能。本書選擇人們日常接觸的飾品、女裝、家居、箱包等商品作為表現對象，通過詳細的案例分析與操作步驟，展示專業店鋪裝修設計的思路和工作流程。另外，書中還增加了影音動態的主圖視頻和詳情視頻的案例，使讀者瞭解網店裝修中涉及的視頻處理技術。本書可作為高等學校及高職學校電子商務、數字媒體、設計類等專業相關課程的教材，也適合想自己裝修網店的新手店主閱讀，也可作為電子商務技能培訓班的培訓教材。

創銳設計為快學習(成都)教育發展有限公司旗下品牌，出版多部設計領域與電商領域的暢銷作品。

網店圖片與視頻全面解決方案Photoshop + Premiere Pro 綜合運用案例解析設計方法

第1章網店裝修基礎知識 / 1
1.1 與網店裝修相關 / 1
1.1.1 網店裝修的重要性 / 1
1.1.2 不同電商平臺裝修規範 / 2
1.1.3 如何確定網店裝修風格 / 4
1.2 網店裝修三大要素――色彩、文字和版式 / 6
1.2.1 網店裝修常見配色方案 / 6
1.2.2 掌握網店文字的編排準則 / 8
1.2.3 通過合適分割方式安排裝修文本 / 10
1.2.4 版面佈局的形式法則 / 11
1.2.5 常見的網店裝修版式佈局視覺流程 / 13
1.3 網店裝修中常用的軟件 / 15
1.3.1 認識網店裝修的利器――Photoshop / 15
1.3.2 網店視頻製作利器――Premiere Pro / 16
1.4 網店裝修的工作流程 / 17
1.4.1 收集並整理裝修素材 / 17
1.4.2 在Photoshop 中設計裝修效果圖 / 17
1.4.3 對圖片進行切片並優化處理 / 18
1.4.4 將圖片和視頻上傳到網絡空間中 / 20
1.4.5 編寫代碼完成店鋪裝修 / 21
第2章網店裝修五大技能 / 23
2.1 裁剪與校正 / 23
2.1.1 重設圖片的大小 / 23
2.1.2 裁剪圖像改變構圖 / 24
2.1.3 拉直讓商品端正展示 / 25
2.2 修復瑕疵還原精緻細節 / 26
2.2.1 去除用於懸掛商品的掛鉤 / 26
2.2.2 去除攝影棚的痕跡 / 28
2.2.3 去除模特的瑕疵 / 28
2.2.4 去除商品上的毛髮、灰塵 / 31
2.2.5 去除商品包裝上的瑕疵 / 32
2.2.6 修復商品表面的缺陷 / 33
2.3 校正和美化顏色 / 34
2.3.1 恢復照片的正常亮度 / 34
2.3.2 校正白平衡還原真實顏色 / 36
2.3.3 修復發灰的照片 / 37
2.3.4 改變商品色調營造特殊氛圍 / 38
2.4 摳取與合成 / 39
2.4.1 純色背景的摳取 / 40
2.4.2 外形規則的商品摳取 / 41
2.4.3 外形不規則的商品摳取 / 42
2.4.4 精細圖像的摳取 / 44
2.4.5 特定顏色的摳取 / 45
2.4.6 半透明圖像的摳取 / 46
2.4.7 合成裝飾元素讓畫面更豐富 / 47
2.5 文字應用 / 48
2.5.1 文字的添加與設置 / 48
2.5.2 文字的藝術化編排 / 50
2.5.3 變形文字 / 51
第3章 網店首頁元素設計 / 53
3.1 店招與導航條設計 / 53
3.1.1 店招與導航條設計要點 / 53
3.1.2 燈具網店店招與導航條設計 / 54
3.1.3 寵物用品網店店招與導航條設計 / 57
3.2 歡迎模塊與輪播圖設計 / 61
3.2.1 歡迎模塊與輪播圖的設計規範 / 61
3.2.2 新品上架歡迎模塊設計 / 62
3.2.2 箱包促銷輪播圖設計 / 66
3.3 商品陳列區設計 / 72
3.3.1 商品陳列區的常用佈局 / 72
3.3.2 時尚的女鞋網店商品陳列區 / 74
3.3.3 規整的女裝網店商品陳列區 / 79
第4章 商品詳情頁面元素設計 / 85
4.1 主圖和櫥窗照設計 / 85
4.1.1 主圖和櫥窗照的設計規範 / 85
4.1.2 清爽風格的主圖設計 / 86
4.1.3 清爽風格的主圖設計 / 90
4.2 寶貝分類區設計 / 94
4.2.1 分類區設計要點 / 94
4.2.2 炫彩風格的寶貝分類區設計 / 95
4.2.3 單色風格的寶貝分類區設計 / 96
4.3 商品搭配區設計 / 98
4.3.1 商品搭配專區的表現方式 / 98
4.3.2 冷酷風格的商品搭配區設計 / 99
4.3.3 清新風格的商品搭配區設計 / 103
4.4 商品細節展示區設計 / 107
4.4.1 商品細節展示區的表現方式 / 107
4.4.2 指示型商品細節展示區的設計 / 109
4.4.3 局部圖解型商品細節展示區設計 / 113
第5章 網店首頁整體裝修設計 / 117
5.1 女裝網店首頁裝修設計 / 117
5.1.1 文字和圖形組成簡約店招和導航條 / 119
5.1.2 圖層蒙版製作溶圖 / 121
5.1.3 簡易色塊組成的分類欄 / 122
5.1.4 製作簡約風格的女裝展示區域 / 122
5.1.5 利用客服區提升首頁服務品質 / 125
5.1.6 調色和銳化 / 126
5.2 飾品網店首頁裝修設計 / 127
5.2.1 製作背景確定設計風格 / 129
5.2.2 摳取飾品圖像製作歡迎模塊 / 130
5.2.3 明度較暗的二級海報 / 131
5.2.4 使用分類區引導購物 / 134
5.2.5 推薦款區域呈現主打商品 / 136
5.2.6 補充內容完善首頁信息表現 / 137
5.3 家具網店首頁裝修設計 / 139
5.3.1 製作拼接效果的歡迎模塊 / 141
5.3.2 簡潔的店招和導航條設計 / 142
5.3.3 利用線條引導視線的商品展示區 / 144
5.3.4 添加收藏完善畫面效果 / 147
第6章 商品詳情頁面裝修設計 / 149
6.1 女包詳情頁面設計 / 149
6.1.1 利用廣告圖展示女包形象 / 151
6.1.2 全面的女包詳情 / 152
6.1.3 製作側邊欄 / 156
6.1.4 添加收藏區豐富側邊欄 / 157
6.1.5 簡約的女包櫥窗照 / 157
6.2 腕表詳情頁面設計 / 158
6.2.1 冷酷大氣的廣告圖 / 160
6.2.2 暗色調的商品詳情 / 161
6.2.3 金屬材質的側邊欄 / 165
6.2.4 簡約大氣的腕表櫥窗照 / 166
6.3 運動鞋詳情頁面設計 / 167
6.3.1 炫酷的運動鞋廣告圖 / 169
6.3.2 指示性線條突出商品賣點 / 172
6.3.3 運動鞋的多個亮點設計 / 174
6.3.4 添加尺碼對照表 / 175
6.3.5 輔助信息塑造專業店鋪形象 / 176
6.3.6 選取圖像製作運動鞋櫥窗照 / 176
6.4 眼鏡框詳情頁面設計 / 179
6.4.1 簡潔的商品廣告圖 / 181
6.4.2 內容詳細的商品詳情展示 / 182
6.4.3 風格統一的眼鏡框櫥窗照 / 186
第7章 製作視頻的軟件基礎 / 187
7.1 視頻編輯基礎 / 187
7.1.1 創建項目 / 187
7.1.2 向項目中導入素材 / 188
7.1.3 創建序列 / 188
7.1.4 向序列中添加素材 / 189
7.1.5 存儲和輸出視頻 / 191
7.2 編輯視頻素材 / 193
7.2.1 調整視頻素材位置 / 193
7.2.2 裁剪和旋轉視頻素材 / 194
7.2.3 視頻素材的顏色調整 / 196
7.2.4 分割和刪除視頻素材 / 197
7.3 添加視頻過渡效果 / 198
7.3.1 應用過渡效果 / 199
7.3.2 添加默認轉場效果 / 199
7.3.3 自定義過渡參數 / 200
7.3.4 替換和刪除過渡效果 / 201
7.4 豐富多彩的視頻效果應用 / 203
7.4.1 添加視頻效果 / 203
7.4.2 控制視頻播放效果 / 204
7.4.3 禁用和啟用效果 / 205
7.4.4 刪除視頻效果 / 205
7.5 創建和編輯字幕 / 206
7.5.1 創建靜態字幕 / 206
7.5.2 創建動態字幕 / 208
7.5.3 設置字幕文字屬性 / 209
7.5.4 應用字幕樣式 / 210
7.6 設置音頻特效 / 211
7.6.1 在項目中添加音頻素材 / 211
7.6.2 分割和刪除音頻(文件) / 212
7.6.3 設置音頻速度和持續時間 / 213
7.6.4 調整音量 / 214
7.6.5 製作音效過渡效果 / 215
第8章 網店視頻製作 / 217
8.1 網店主圖視頻設計 / 217
8.1.1 主圖視頻的設計規範 / 217
8.1.2 檯燈主圖視頻設計 / 218
8.1.3 茶葉主圖視頻設計 / 227
8.2 詳情視頻設計 / 235
8.2.1 詳情視頻設計規範 / 235
8.2.2 鼠標詳情視頻設計 / 236
8.2.3 眼影詳情視頻設計 / 246