網(wǎng)店美工與視覺設計標準教程（全彩微課版）

第1章 網(wǎng)店美工入門基礎 1.1 網(wǎng)店美工知識概述 2 1.1.1 網(wǎng)店美工的定義 2 1.1.2 網(wǎng)店美工的工作內(nèi)容 2 1.1.3 網(wǎng)店美工的技能要求 3 1.2 網(wǎng)店裝修的設計要點 3 1.2.1 色彩搭配 3 知識鏈接認識色相環(huán)5 1.2.2 文字設計 6 注意事項字體選擇的標準7 1.2.3 版式布局 7 1.2.4 文案策劃 9 1.3 網(wǎng)店裝修的頁面構成 10 1.4 網(wǎng)店裝修的風格定位 12 1.5 網(wǎng)店裝修的常用軟件 14 1.6 網(wǎng)店裝修的基本流程 15 新手答疑 16     第2章 商品圖片的采集與發(fā)布 2.1 商品拍攝的基礎知識 18 2.1.1 商品拍攝的基本流程 18 2.1.2 拍攝器材的選擇 18 注意事項鏡頭的選擇19 2.1.3 輔助器材的選擇 19 2.2 拍攝場景的構建 22 2.2.1 拍攝環(huán)境的選擇 22 注意事項在室內(nèi)沒有攝影棚的拍攝方法23 2.2.2 常見的場景構圖 23 2.2.3 拍攝場景的布置 25 2.2.4 場景布光的技巧 26 2.3 商品拍攝技巧 28 2.3.1 商品擺設的角度選擇 28 2.3.2 拍攝吸光類商品 29 2.3.3 拍攝反光類商品 29 2.3.4 拍攝透明類商品 30 2.4 圖片的切片與管理 30 2.4.1 切片的創(chuàng)建 31 2.4.2 切片的導出 31 2.5 商品圖片上傳 32 2.5.1 商品素材的上傳 32 2.5.2 商品素材的管理 35 注意事項批量編輯素材37 2.6 商品信息發(fā)布 37 2.6.1 寶貝類目的選擇 37 2.6.2 基礎素材編輯 38 2.6.3 導購素材編輯 39 案例實戰(zhàn)：詳情頁的切片處理 40 新手答疑 42     第3章 商品圖片的后期處理 3.1 商品圖片的基礎處理 44 3.1.1 調(diào)整商品圖片的大小 44 注意事項自定義圖像的寬度和高度44 3.1.2 裁剪規(guī)則商品的圖片 45 注意事項新建裁剪預設45 3.1.3 校正圖片的透視效果 46 3.1.4 導出規(guī)定大小的圖片 46 知識鏈接存儲為Web所用格式47 3.1.5 校正傾斜的圖片 47 3.2 商品圖片的摳取 49 3.2.1 摳取單色背景圖片 49 3.2.2 摳取規(guī)則商品圖片 50 3.2.3 摳取不規(guī)則商品圖片 52 3.2.4 摳取瑣碎邊緣商品圖片 54 3.2.5 摳取帶有模特的商品 55 3.3 商品圖片顏色的校正 57 3.3.1 調(diào)整曝光不足的商品圖片 57 注意事項調(diào)整圖像顏色的兩種方法57 3.3.2 調(diào)整曝光過度的商品圖片 57 注意事項混合模式的基礎58 3.3.3 校正偏色商品圖像 59 注意事項校正偏色圖像的多種方法59 3.3.4 加強商品圖片飽和度 59 知識鏈接使用“色相/飽和度”命令調(diào)整圖像色相60 3.3.5 通過取樣校正圖像顏色 60 注意事項將參數(shù)恢復到默認值61 3.4 商品圖片的瑕疵修復 61 3.4.1 凈化商品圖片背景 61 3.4.2 去除商品圖片中的雜物 62 3.4.3 修復商品圖片上的瑕疵 63 3.4.4 去除圖像中的雜物并制作白底圖 64 3.5 豐富商品圖片內(nèi)容 65 3.5.1 添加商品文案信息 65 3.5.2 添加裝飾形狀 67 知識鏈接繪制精確尺寸的矩形68 3.5.3 添加倒影/投影效果 69 3.5.4 添加水印 71 注意事項不能被動作命令記錄的操作72 3.5.5使商品主體更加立體化72 案例實戰(zhàn)：全面優(yōu)化圖像顯示 74 新手答疑 76     第4章 網(wǎng)店視頻的拍攝與制作 4.1 關于網(wǎng)店視頻 78 4.1.1 店鋪視頻的類型 78 4.1.2 視頻的應用場景 79 知識鏈接什么是光合平臺80 4.2 視頻拍攝 81 4.2.1 視頻拍攝的要求 81 4.2.2 視頻拍攝的流程 82 注意事項視頻拍攝器材83 4.2.3 視頻拍攝的運鏡技巧 84 4.2.4 視頻拍攝景別的選擇 85 注意事項拍攝的注意要點87 4.3 視頻剪輯 87 4.3.1 認識剪輯軟件：剪映 87 注意事項自動保存剪輯視頻88 4.3.2 導入視頻素材 88 4.3.3 編輯視頻素材 89 4.3.4 添加背景音樂 91 4.3.5 添加視頻文案 92 4.3.6 添加裝飾貼紙 95 4.3.7 為畫面和人物添加特效 96 4.3.8 設置畫面轉(zhuǎn)場效果 96 4.3.9 調(diào)整畫面的顏色 97 4.3.10  快速生成特效大片 99 4.3.11  摳取視頻主體物 101 4.3.12  為視頻添加蒙版 103 4.3.13  為視頻中的人物美顏美體 103 4.3.14  導出視頻 104 注意事項剪輯視頻需要注意的問題105 4.4 視頻上傳 105 4.4.1 視頻上傳至后臺 105 4.4.2 視頻的發(fā)布 106 案例實戰(zhàn)：主圖視頻的剪輯 108 新手答疑 116     第5章 店鋪營銷推廣圖的設計 5.1 主圖設計 118 5.1.1 主圖的顯示位置 118 5.1.2 主圖的設計尺寸 118 5.1.3 主圖的文案選擇 119 5.1.4 主圖順序的邏輯參考 120 注意事項主圖排序120 5.1.5 白底圖在主圖中的應用 123 知識鏈接透明圖的應用與要求126 5.2 直通車圖的設計 127 5.2.1 如何開啟直通車推廣 127 5.2.2 直通車的推廣方式 127 注意事項存儲預設模板129 5.2.3 直通車圖的顯示位置 131 知識鏈接直通車站外投放132 5.2.4 直通車圖的設計要點 132 注意事項直通車前期測圖133 案例實戰(zhàn)：制作耳機直通車主圖 133 新手答疑 141     第6章 商品詳情頁設計 6.1 詳情頁概述 143 6.1.1 詳情頁的組成部分 143 6.1.2 詳情頁的設計要點 146 知識鏈接FABE營銷法則146 6.1.3 詳情頁的設計規(guī)范 147 注意事項上傳圖片前的建議147 6.2 使用高級編輯設計詳情頁 149 6.2.1 基礎模塊設計 149 知識鏈接富文本格式152 6.2.2 營銷模塊設計 152 知識鏈接URL是什么153 6.2.3 行業(yè)模塊設計 154 案例實戰(zhàn)：制作臺燈詳情頁 157 新手答疑 168     第7章 店鋪首頁的設計 7.1 店鋪首頁概述 170 7.1.1 首頁的制作規(guī)范 170 知識鏈接圖片尺寸詳解170 7.1.2 首頁的內(nèi)容構成 171 7.1.3 首頁的布局要點 173 7.1.4 首頁的注意事項 175 7.2 店鋪首頁的頁面裝修 176 7.2.1 圖文類模塊 176 7.2.2 視頻類模塊 179 7.2.3 營銷互動類模塊 180 7.2.4 liveCard模塊 181 7.2.5 寶貝類模塊 182 注意事項預售模塊限時顯示183 案例實戰(zhàn)：制作家居類店鋪首頁設計 184 注意事項背景與文字顏色的選擇197 新手答疑 201     第8章 H5場景頁面設計 8.1 H5頁面概述 203 8.1.1 H5頁面類型 203 8.1.2 H5頁面的表現(xiàn)形式 204 8.1.3 H5頁面設計要點 206 8.2 H5頁面的制作 208 8.2.1 認識MAKA 208 注意事項版權問題210 8.2.2 按需創(chuàng)建空白模板 211 8.2.3 背景頁面的調(diào)整 212 8.2.4 文字的添加與設置 213 8.2.5 圖片/素材的選擇與應用 215 8.2.6 互動效果的添加與設置 217 知識鏈接點觸鏈接支持對象219 8.2.7 表單的添加與設置 219 8.2.8 營銷活動的添加與設置 220 案例實戰(zhàn)：制作電商節(jié)促銷宣傳海報 221 新手答疑 227