蔣珍珍

電商創業者、設計師，擅長網店的運營、引流與美工視覺。

精通天貓、淘寶、平臺產品的調色、摳圖、合成以及視頻編輯，精通拼多多店鋪、抖音櫥窗、抖音小店、快手小店的裝修，能通過視覺引流提升轉化率。

編寫及指導編寫的圖書有：

《拼多多開店全攻略：教你如何運營、引流與打造爆款》《拼多多運營一本通》《淘寶天貓開店和運營新玩法 內容運營、爆款視頻、排名優化、社交營銷》等。

第1章  視覺設計：掌握美工的原則??001

1.1 素：網店視覺設計的3個關鍵點  002

1.1.1 素的設計要點  002

1.1.2 素的設計要點  002

1.1.3 素的設計要點  003

1.2  視覺信息：以視覺為溝通和表現的方式    004

1.2.1  視覺時效性：搶占用戶印像  004

1.2.2  視覺利益性：鎖定利益敏感詞  005

1.2.3  視覺信任感：加入服務信息  006

1.2.4  視覺認同感：利用名人提升好感度  006

1.2.5  視覺價值感：抓住消費者取向和喜好  006

1.2.6  視覺細節感：重點突出，細節到位  007

1.3  視覺出彩：豐富網店頁面的色彩與布局  008

1.3.1  了解色彩常識  008

1.3.2  網店配色方案  011

1.3.3  網店配色技巧  014



第2章  視覺營銷：豐富的表現形式??015

2.1 素：點亮圖文設計思路  016

2.1.1  LOGO素  016

2.1.2  口號素  019

2.1.3  活體素  021

2.1.4  色彩素  022

2.1.5  字體素  023

2.2  表現形式：電商視覺營銷策略詳細講解  024

2.2.1  凸顯：重點信息的視覺位置  024

2.2.2  舒適：陳列信息的視覺布局  025

2.2.3  契合：場景與產品的視覺帶入  026

2.2.4  至簡：迅速獲取信息的視覺效果  027

2.2.5  通感：調動聯想的視覺逼真效果  027

2.3  視覺認知：小心誤區  028

2.3.1  圖片內容堆積  028

2.3.2  頁面布局失調  028

2.3.3  視覺效果雜亂  030

2.3.4  圖多而無亮點  031

2.3.5  風格定位不明  031



第3章  商品攝影：拍攝精美的素材??033

3.1  布光高手：簡易的布光拍攝效果  034

3.1.1  拍攝吸光體商品  034

3.1.2  拍攝反光體商品  034

3.1.3  拍攝透明體商品  035

3.2  構圖運用：超實用的商品構圖技巧  036

3.2.1  黃金分割構圖法  036

3.2.2  三分構圖法  037

3.2.3  均分構圖法  038

3.2.4  疏密相間構圖法  038

3.2.5  遠近結合構圖法  039

3.2.6  明暗相間構圖法  039

3.3  拍攝技巧：淘寶產品擺放與拍攝技法  040

3.3.1  擺放要合理  040

3.3.2  多拍細節圖  042

3.3.3  真實感要強  043



第4章  調色精修：讓商品奪人眼球??045

4.1  顏色填充：豐富網店商品圖像  046

4.1.1  填充商品單色背景  046

4.1.2  填充商品混色背景  047

4.1.3  填充商品預設顏色  051

4.1.4  快速填充商品顏色  052

4.2  顏色精修：美化網店商品圖像  054

4.2.1  恢復商品真實色彩  054

4.2.2  校正商品圖像偏色  055

4.2.3  調整商品圖像色調  056

4.2.4  增加商品圖像細節  057

4.2.5  豐富商品圖像層次  058

4.2.6  調整商品圖像的亮度範圍  059

4.2.7  調整商品整體明暗  061

4.2.8  調節商品圖像部分明暗  064

4.2.9  提升商品圖像質感  065

4.2.10   打造商品圖像的冷暖調  066

4.2.11   提升商品圖像視覺衝擊力  068



第5章  摳圖合成：讓美工深入人心??070

5.1  素材處理：簡單摳圖在店鋪裝修中的應用  071

5.1.1  摳取特定顏色的商品圖像  071

5.1.2  摳取半透明的商品圖像  072

5.1.3  摳取外形規則的商品圖像  074

5.1.4  摳取外形不規則的商品圖像  075

5.2  素材強化：精致圖像點亮店鋪頁面  077

5.2.1  摳取多輪廓的商品圖像  077

5.2.2  摳取圖像局部邊界不清晰的商品圖像  079

5.2.3  摳取圖像與背景相近的商品圖像  082

5.2.4  摳取透明的商品圖像  084

5.3  圖像合成：提高商品點擊率的秘密  086

5.3.1  合素讓畫面更豐富  086

5.3.2  添加半透明水印防止被盜圖  088

5.3.3  制作邊框效果讓版式更分明  089



第6章  圖文編輯：吸引消費者??091

6.1  文字應用：字體賦予頁面競爭力  092

6.1.1  文字要易於識別  092

6.1.2  文字的層次感要強  093

6.1.3  清晰地表達文字信息  094

6.1.4  把握好文字的間距  094

6.1.5  適當設置文字的色彩  095

6.2  圖片處理：讓商品更有吸引力  096

6.2.1  視覺設計需富有創意  096

6.2.2  色彩設計能絢麗奪目  096

6.2.3  視覺靈魂蘊含豐富  097

6.2.4  動圖會產生動感效果  098

6.3  5個圖文優化創意的方法  098

6.3.1  用一秒法則傳達信息  098

6.3.2  抓住消費者的需求痛點  099

6.3.3  提高點擊的5個關鍵  100

6.3.4  提煉產品的核心賣點  101

6.3.5  突出產品的使用效果  101



第7章  視頻剪輯：好內容引爆銷量??102

7.1  視頻剪輯：手把手教會你做影視後期  103

7.1.1  導入需要的視頻片段  103

7.1.2  剪輯多餘的視頻片段  104

7.1.3  對視頻進行變速處理  105

7.1.4  添加開場動畫效果  106

7.1.5  添加視頻畫面特效  107

7.1.6  添加轉場動畫效果  110

7.1.7  添加視頻濾鏡效果  114

7.1.8  制作視頻背景效果  116

7.2 素：添加文字和背景音樂  118

7.2.1  在視頻中添加文字  118

7.2.2  給視頻添加背景音樂  120

7.2.3  給視頻添加場景音效  121

7.2.4  導出成品視頻畫面  123



第8章  淘寶設計：網素制作??126

8.1  店鋪視覺：獲得消費者的認可和贊同  127

8.1.1  做好店鋪的視覺定位是步  127

8.1.2  優化店鋪結構進行合理布局  129

8.1.3  店鋪首頁布局打造更強信任感  130

8.2  裝修設計：制作高轉化率店鋪頁面  131

8.2.1  設計店鋪導航條  132

8.2.2  設計網店的店招  135

8.2.3  設計店鋪的首頁  138

8.3  美妝網店：店鋪裝修實戰步驟詳解  143

8.3.1  設計美妝店鋪店招和導航條  144

8.3.2  設計美妝店鋪首頁歡迎模塊  147

8.3.3  設計美妝店鋪促銷方案  148

8.3.4  設計美妝店鋪商品展示區  151

8.3.5  設計美妝店鋪商品熱銷區  156



第9章  設計：網店海報廣告制作??160

9.1  廣告設計：增加網店廣告的點擊率  161

9.1.1  搭配顏色調和字體  161

9.1.2  用創意素材抓突破點  162

9.1.3  內容全面重點突出  162

9.1.4  結構清晰主次分明  162

9.1.5  視覺化設計加產品介紹  163

9.2  廣告視覺：通過視覺設計提升轉化率  164

9.2.1  用京選展位提升商品點擊率  164

9.2.2  在產品內頁中融入視覺賣點  165

9.2.3  重視連續賣點的組合設計  167

9.2.4  注重主題視覺提升商品轉化率  168

9.2.5  實現技術設計闡述產品賣點  169

9.3  廣告實戰：女鞋廣告設計步驟詳解  169

9.3.1  制作女鞋廣告的背景效果  170

9.3.2  制作女鞋廣告的文字說明  171



第10章  拼多多設計：商品詳情頁制作??175

10.1素：決定商品成交的關鍵  176

10.1.1  商品主圖的視覺設計  176

10.1.2  商品搭配專區的視覺設計  176

10.1.3  商品細節展示區的視覺設計  178

10.2詳情頁設計：決定商品成交的關鍵  178

10.2.1  理清視覺設計的邏輯關繫  178

10.2.2  提煉絕佳的視覺創意  180

10.2.3  運用色彩傳遞視覺信息  181

10.2.4  視覺構圖必須協調完整  183

10.2.5  視覺設計風格統一  183

10.2.6  設計完美視覺化文案  184

10.3詳情頁實戰：抱枕網店詳情頁設計  185

10.3.1  制作背景直線裝飾效果  185

10.3.2  制作抱枕細節展示效果  186

10.3.3  制作抱枕細節文字說明  187



第11章  抖音設計：帶貨短視頻制作??189

11.1帶貨技巧：打造高轉化的爆款視頻  190

11.1.1  尋找賣點：用視頻展現精華內容  190

11.1.2  設計腳本：根據賣點拍攝短視頻  192

11.1.3  後期剪輯：提高播放量的小技巧  193

11.2圖書秒殺：抖音帶貨短視頻制作步驟詳解  194

11.2.1  對素材進行剪輯和變速處理  195

11.2.2  添加轉場讓素材自然銜接  197

11.2.3  應用蒙版制作片尾效果  199

11.2.4  添加字幕和背景音樂  201



第12章  快手設計：高點擊主圖制作??207

12.1主圖設計：商品主圖的基本要求  208

12.1.1  緊抓消費者的需求  208

12.1.2  精練表達商品優勢  208

12.2設計技巧：9類熱門主圖的創作技巧  209

12.2.1  利益吸引  209

12.2.2  數字展示  209

12.2.3  感情渲染  210

12.2.4  理想描述  210

12.2.5  對比策略  211

12.2.6  主動提問  211

12.2.7  震驚表達  213

12.2.8  事件借力  213

12.2.9  氣氛渲染  214

12.3主圖實戰：快手產品主圖設計實戰詳解  215

12.3.1  制作電腦主圖的背景效果  215

12.3.2  制作電腦主圖的文字效果  217

隨著電商的快速發展，網絡購物已經成為人們生活的一部分，淘寶、、拼多多、抖音和快手是目前發展很不錯的電商平臺，然而電商平臺的迅猛發展導致了商品同質化、價格透明化，意味著賣家要想提高客流量和轉化率，已經不能再像過去那樣大打價格戰，除了要在營銷推廣等方面下功夫，網店的美工設計也是一大要點。

如何通過圖片與文字的恰當搭配，讓自家店鋪的商品在眾多競爭對手中脫穎而出，吸引用戶點擊瀏覽並下單購買，是每家網店進行店鋪裝修時都必須考慮的問題。本書以淘寶、、拼多多、抖音和快手五個平臺為例，結合大量實例，講解店鋪美工與廣告設計的重點知識與技能。

◆ 美工入門篇：第1～3章，講解了網店美工視覺設計、視覺營銷的表現形式等內容，對於商品的布光、構圖以及拍攝也進行了詳細講解。

◆ 核心技法篇：第4～7章，講解了商品圖像顏色的填充與精修、商品素材的摳圖與合成、商品圖片與文字的編排等內容，對於視頻剪輯技巧也進行了詳細講解。

◆ 案例實戰篇：第8～12章，講解了五大平臺的網店案例設計，如美妝網店設計、女鞋廣告設計、抱枕網店詳情頁設計、圖書秒殺視頻制作以及快手產品主圖設計等內容。

完備的功能查詢：菜單、命令、選項面板、理論、範例等應有盡有，非常詳細、具體，不僅是一本速查手冊，更是一本自學即用手冊。

全面的內容介紹：Photoshop軟件功能結合網店裝修實例，介紹全面、詳細，讓讀者快速掌握軟件使用技巧及店鋪裝修設計技能。

豐富的案例說明：12章節內容全面講解，5個平臺的案例實戰，以實例講理論的方式，進行了實戰的演繹，讓讀者可以邊學邊用。

細致的選項講解：640多張圖片全程圖解，操作步驟講解詳細，圖文結合的方式讓網店裝修變得更容易讓人快速領會。

超值的贈送光盤：225分鐘書中所有實例操作重現的演示視頻，150多款與書中同步的素材與效果源文件，可以隨調隨用。

本書由蔣珍珍編著，在編寫過程中提供幫助的有朱銀彬、胡楊等人，在此表示感謝。由於筆者學識所限，書中難免有疏漏之處，懇請廣大讀者批評、指正。



編著者