網店美工視覺設計實戰教程（全彩微課版第2版）

《網店美工視覺設計實戰教程（全彩微課版第2版）》是2020年人民郵電出版社出版的圖書，作者是王莎、夏收。

基本介紹

• 中文名：網店美工視覺設計實戰教程（全彩微課版第2版）
• 作者：王莎、夏收
• 出版社：人民郵電出版
• 出版時間：2020年7月1日
• 頁數：220 頁
• 定價：59.8 元
• 開本：16 開
• 裝幀： 平裝  
• ISBN：9787115533739

內容簡介

網店美工是基於網上購物蓬勃發展，針對網店頁面視覺設計的一個新興職業。本書從網店美工的角度出發，不僅結合大量精美案例講解了網店頁面視覺設計，也為賣家提供了網店頁面的裝修指導。本書共有10章，涵蓋了網店美工必備的各項知識與技能，主要包括網店美工基礎知識、圖片調色、圖片修飾、店鋪首頁核心模組設計、詳情頁視覺設計、頁面裝修、視覺行銷推廣圖的製作等，以及無線終端首頁、詳情頁的視覺設計與裝修，最後還講解了無線終端H5設計。本書內容結構清晰，圖文並茂，可有效地引導讀者對網店頁面進行視覺設計與裝修，加強自身的職業技能並提高職業素養。

圖書目錄

第 1 章　網店美工基礎知識．．．．．001

1．1　網店美工概述 ．．．．．．．．．．．．．．．．．．．　002

1．1．1　網店美工的工作範疇．．．．．．　002

1．1．2　網店美工的技能要求．．．．．．　003

1．2　網店美工必備的視覺行銷知識 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．　004

1．2．1　色彩搭配．．．．．．．．．．．．．．．．．．．．．．004

1．2．2　圖形元素的套用．．．．．．．．．．．．　006

1．2．3　文字的套用．．．．．．．．．．．．．．．．．．．　007

1．3　Photoshop CS6 的基本操作 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．　010

1．3．1　設定前景色與背景色．．．．．．010

1．3．2　圖層的基本操作．．．．．．．．．．．　011

1．3．3　裁剪並更改圖片尺寸．．．．．．012

1．3．4　批處理圖片．．．．．．．．．．．．．．．．．．．013

1．4　利用 Photoshop CS6 摳圖 ．．．　014

1．4．1　規則圖像摳圖．．．．．．．．．．．．．．．　014

1．4．2　簡單背景摳圖．．．．．．．．．．．．．．．．016

1．4．3　複雜圖像摳圖．．．．．．．．．．．．．．．．018

1．4．4　毛髮摳圖．．．．．．．．．．．．．．．．．．．．．．　020

1．4．5　半透明物體摳圖．．．．．．．．．．．．　022

1．5　實戰演練 ．．．．．．．．．．．．．．．．．．．．．．．．．．．　024

1．5．1　為沙發更換背景．．．．．．．．．．．．　025

1．5．2　為榨汁機更換背景．．．．．．．．．　026

課後練習　．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．　029

第　2 篇 網店圖片處理

第　2章 圖片調色 ．．．．．．．．．．．．．．．．．．030

2．1　了解圖片調色 ．．．．．．．．．．．．．．．．．．．　031

2．1．1　圖片調色的原則．．．．．．．．．．．．031

2．1．2　使用調整圖層調色．．．．．．．．．　032

2．2　處理曝光不足或曝光過度的圖片 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．　033

2．2．1　提高亮度與對比度．．．．．．．．．034

2．2．2　調整高光、陰影與中間調．．．．．．．．．．．．．．．．．．．．．．．．．．034

2．3　圖片調色 ．．．．．．．．．．．．．．．．．．．．．．．．．．．　039

2．3．1　圖片偏色矯正．．．．．．．．．．．．．．．．　039

2．3．2　圖片特殊顏色調整．．．．．．．．．　042

2．4　實戰演練 ．．．．．．．．．．．．．．．．．．．．．．．．．．．　045

2．4．1　童裝調色．．．．．．．．．．．．．．．．．．．．．．．　045

2．4．2　打造街拍圖片風格．．．．．．．．．047

課後練習　．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．　049

第　3 章 圖片修飾 ．．．．．．．．．．．．．．．．．051

3．1　修飾商品圖片 ．．．．．．．．．．．．．．．．．．．　052

3．1．1　清除商品上的污跡．．．．．．．．．　052

3．1．2　去除背景中多餘的物品．．．．．．．．．．．．．．．．．．．．．．．．．．．．．　053

3．1．3　美化模特．．．．．．．．．．．．．．．．．．．．．．　055

3．1．4　光滑材質表面．．．．．．．．．．．．．．．．　056

3．1．5　加強亮部與暗部的對比．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．　057

3．1．6　增加金屬質感．．．．．．．．．．．．．．．．　059

3．1．7　提高圖片清晰度．．．．．．．．．．．．　062

3．2　豐富商品圖片內容 ．．．．．．．．．．．．　063

3．2．1　添加與美化圖片文本．．．．．．．　063

3．2．2　添加形狀與圖案．．．．．．．．．．．．．　066

3．3　添加圖片特效 ．．．．．．．．．．．．．．．．．．．　067

3．3．1　虛化背景．．．．．．．．．．．．．．．．．．．．．．．　067

3．3．2　添加發光效果．．．．．．．．．．．．．．．．　068

3．3．3　添加高光與投影效果．．．．．．．　070

3．4　實戰演練 ．．．．．．．．．．．．．．．．．．．．．．．．．．．　072

3．4．1　修飾家用榨汁機．．．．．．．．．．．．．　072

3．4．2　修飾羽絨服．．．．．．．．．．．．．．．．．．．　075

課後練習　．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．　078

第３篇　店鋪裝修

第4章　店鋪首頁核心模組設計 ．．．．．．079

4．1　店招設計 ．．．．．．．．．．．．．．．．．．．．．．．．．．．　080

4．1．1　店招製作規範．．．．．．．．．．．．．．．．　080

4．1．2　製作常規店招．．．．．．．．．．．．．．．．　080

4．1．3　製作通欄店招．．．．．．．．．．．．．．．．　083

4．2　海報設計 ．．．．．．．．．．．．．．．．．．．．．．．．．．．　084

4．2．1　製作全螢幕海報．．．．．．．．．．．．．．．．084

4．2．2　製作常規海報．．．．．．．．．．．．．．．．　085

4．3　優惠券設計 ．．．．．．．．．．．．．．．．．．．．．．．　087

4．3．1　優惠券的設計原則．．．．．．．．．　087

4．3．2　製作優惠券．．．．．．．．．．．．．．．．．．．　088

4．4　活動區設計 ．．．．．．．．．．．．．．．．．．．．．．．　090

4．4．1　活動區的設計要點．．．．．．．．．　090

4．4．2　製作活動區．．．．．．．．．．．．．．．．．．．　090

4．5　實戰演練 ．．．．．．．．．．．．．．．．．．．．．．．．．．．　094

4．5．1　製作女裝店鋪店招．．．．．．．．．　094

4．5．2　製作女裝店鋪海報．．．．．．．．．　097

課後練習　．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．　099

第　5 章 詳情頁視覺設計 ．．．．．．100

5．1　詳情頁設計要點 ．．．．．．．．．．．．．．．．　101

5．1．1　商品詳情頁製作規範．．．．．　101

5．1．2　商品詳情頁的內容分析與策劃要點．．．．．．．．．．．．．．．．．．．．．．　101

5．2　寶貝描述核心模組設計 ．．．．．　102

5．2．1　寶貝焦點圖設計．．．．．．．．．．．．．102

5．2．2　功能描述圖設計．．．．．．．．．．．．　104

5．2．3　信息展示圖設計．．．．．．．．．．．．．106

5．2．4　賣點說明圖設計．．．．．．．．．．．．．107

5．3　實戰演練 ．．．．．．．．．．．．．．．．．．．．．．．．．．．　110

5．3．1　製作四件套焦點圖．．．．．．．．．　110

5．3．2　製作四件套展示圖．．．．．．．．．　112

課後練習　．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．　115

第6章　店鋪裝修 ．．．．．．．．．．．．．．．．．．117

6．1　使用素材中心 ．．．．．．．．．．．．．．．．．．．　118

6．1．1　切片技巧．．．．．．．．．．．．．．．．．．．．．．　118

6．1．2　圖片切片與保存．．．．．．．．．．．　118

6．1．3　上傳圖片到素材中心．．．．．．120

6．1．4　重命名並移動圖片．．．．．．．．　121

6．1．5　刪除與替換圖片．．．．．．．．．．．．122

6．2　使用模組裝修店鋪 ．．．．．．．．．．．．　123

6．2．1　認識裝修模組．．．．．．．．．．．．．．．．123

6．2．2　裝修頁頭．．．．．．．．．．．．．．．．．．．．．．　124

6．2．3　熱點+原始碼裝修．．．．．．．．．．．126

6．2．4　其他模組裝修．．．．．．．．．．．．．．．．128

6．3　實戰演練——裝修寶貝描述頁 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．　129

課後練習　．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．　132

第7章　視覺行銷推廣圖的製作 ．．．133

7．1　製作高點擊率的主圖 ．．．．．．．．．　134

7．1．1　寶貝主圖規範．．．．．．．．．．．．．．．　134

7．1．2　製作優質商品主圖的技巧．．．．．．．．．．．．．．．．．．．．．．．．　134

7．1．3　數據線主圖設計．．．．．．．．．．．．．135

7．2　智鑽圖設計 ．．．．．．．．．．．．．．．．．．．．．．．　137

7．2．1　智鑽圖的設計要點．．．．．．．．．137

7．2．2　智鑽圖的構圖方式．．．．．．．．　138

7．2．3　製作淘寶首焦智鑽圖．．．．．．．139

7．3　直通車推廣圖設計 ．．．．．．．．．．．．　141

7．3．1　直通車展現方式．．．．．．．．．．．．141

7．3．2　直通車圖的設計要點．．．．．　142

7．3．3　直通車圖引流的關鍵．．．．．．　143

7．3．4　設計剃鬚刀直通車圖．．．．．　144

7．4　實戰演練 ．．．．．．．．．．．．．．．．．．．．．．．．．．．　147

7．4．1　設計唇彩直通車圖．．．．．．．．　147

7．4．2　設計紫色護膚品智鑽圖．．．149

課後練習　．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．　151

第　4 篇 無線終端套用

第　8 章 無線終端首頁的視覺設計與裝修 ．．．．．．．．．．．．．．．152

8．1　無線終端首頁設計基礎 ．．．．．　153

8．1．1　無線終端與計算機端的不同．．．．．．．．．．．．．．．．．．．．．．．．．．．．．153

8．1．2　無線終端首頁模組的組成．．．．．．．．．．．．．．．．．．．．．．．．．．．．．153

8．1．3　無線終端首頁裝修注意事項．．．．．．．．．．．．．．．．．．．．．．．．．．．．．155

8．2　無線終端首頁關鍵模組的視覺設計 ．．．．．．．．．．．．．．．．．．．．．．．．．．　155

8．2．1　店招設計．．．．．．．．．．．．．．．．．．．．．．．155

8．2．2　海報設計．．．．．．．．．．．．．．．．．．．．．．．156

8．2．3　優惠券設計．．．．．．．．．．．．．．．．．．．158

8．2．4　分類設計．．．．．．．．．．．．．．．．．．．．．．．159

8．2．5　寶貝展示圖設計．．．．．．．．．．．．．160

8．3　無線終端店鋪裝修 ．．．．．．．．．．．．　163

8．3．1　模組裝修．．．．．．．．．．．．．．．．．．．．．．．163

8．3．2　模板裝修．．．．．．．．．．．．．．．．．．．．．．　164

8．4　實戰演練 ．．．．．．．．．．．．．．．．．．．．．．．．．．．　165

8．4．1　製作沙發無線終端首焦海報與優惠券．．．．．．．．．．．．．．．．165

8．4．2　製作沙發無線終端商品展示圖．．．．．．．．．．．．．．．．．．．．．．．．．．167

課後練習　．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．　170

第　9 章 無線終端詳情頁的視覺設計與裝修 ．．．．．．．．．．．．．．．171

9．1　無線終端詳情頁設計基礎．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．　172

9．1．1　無線終端詳情頁的特徵．．．．．．．．．．．．．．．．．．．．．．．．．．172

9．1．2　無線終端詳情頁設計的要點．．．．．．．．．．．．．．．．．．．．．．．．．．172

9．2　無線終端詳情頁的設計與裝修 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．　173

9．2．1　無線終端詳情頁設計．．．．．．173

9．2．2　無線終端詳情頁裝修．．．．．．．176

9．2．3　無線終端模板裝修．．．．．．．．．．177

9．3　無線終端自定義頁面裝修 ．．．　179

9．3．1　自定義頁面裝修要點．．．．．．．179

9．3．2　自定義選單．．．．．．．．．．．．．．．．．．．．179

9．3．3　自定義頁面裝修．．．．．．．．．．．．　181

9．4　實戰演練 ．．．．．．．．．．．．．．．．．．．．．．．．．．．　182

9．4．1　製作無線終端零食詳情頁．．．．．．．．．．．．．．．．．．．．．．．．．．182

9．4．2　製作返場活動頁．．．．．．．．．．．．．186

課後練習　．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．　190

第　10章 無線終端H5設計 ．．．．．192

10．1　H5的基礎知識 ．．．．．．．．．．．．．．．．　193

10．1．1　H5概述．．．．．．．．．．．．．．．．．．．．．．．．193

10．1．2　H5的類型．．．．．．．．．．．．．．．．．．．．194

10．1．3　H5的製作工具．．．．．．．．．．．．．．196

10．1．4　H5的製作流程．．．．．．．．．．．．．197

10．2　H5的製作 ．．．．．．．．．．．．．．．．．．．．．．．．　197

10．2．1　使用MAKA工具製作H5．．．．．．．．．．．．．．．．．．．．．．．．197

10．2．2　使用iH5工具製作H5．．．．．．201

實戰演練——製作新品促銷H5

課後練習　．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．　212