網(wǎng)店美工與視覺設(shè)計(jì)標(biāo)準(zhǔn)教程（全彩微課版）

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