無(wú)論是獨(dú)立電商站、淘寶天貓//拼多多/微商/跨境電商店鋪,還是近幾年熱門(mén)
的抖音/快手電商等,都離不開(kāi)店面的頁(yè)面設(shè)計(jì)和產(chǎn)品的視覺(jué)營(yíng)銷(xiāo)。店鋪賺不賺錢(qián),除了選
品和推廣外,文字、圖片及店鋪裝修等視覺(jué)傳達(dá)效果也直接影響著買(mǎi)家對(duì)商品的認(rèn)知和信任。
可以這樣說(shuō),店鋪裝修與視覺(jué)設(shè)計(jì)是店鋪人氣旺盛的關(guān)鍵因素之一。
網(wǎng)店裝修設(shè)計(jì)不僅要掌握扎實(shí)的平面設(shè)計(jì)知識(shí),還必須掌握一些網(wǎng)絡(luò)視覺(jué)營(yíng)銷(xiāo)設(shè)計(jì)的
相關(guān)知識(shí)。網(wǎng)店裝修設(shè)計(jì)以提高店鋪轉(zhuǎn)化率和成交量為目的,它不僅要滿足頁(yè)面視覺(jué)設(shè)計(jì)
的需求,還要兼顧視覺(jué)營(yíng)銷(xiāo)的需求。這就要求網(wǎng)店美工不僅要有色彩、構(gòu)圖、版式設(shè)計(jì)等
美術(shù)功底做后盾,還要具有審美能力、執(zhí)行能力、溝通能力和視覺(jué)營(yíng)銷(xiāo)能力。
對(duì)于網(wǎng)店美工新手而言,要想全面系統(tǒng)地熟悉網(wǎng)店裝修的工作流程,掌握網(wǎng)店裝修設(shè)
計(jì)的實(shí)操技能是一件不容易的事情。為此,筆者總結(jié)自己十多年的電商視覺(jué)設(shè)計(jì)經(jīng)驗(yàn)和從
業(yè)體會(huì),圍繞網(wǎng)店美工的實(shí)操技能,編寫(xiě)了這本集方法與技能實(shí)操于一體的電商設(shè)計(jì)核心
技術(shù)手冊(cè),旨在幫助讀者掌握網(wǎng)店美工裝修與設(shè)計(jì)的精髓,快速提升業(yè)務(wù)能力。
本書(shū)從網(wǎng)店美工的實(shí)際工作出發(fā),詳細(xì)解讀網(wǎng)店美工的Photoshop技術(shù),以及網(wǎng)店
裝修與視覺(jué)設(shè)計(jì)的思維、方法和操作技巧。
全書(shū)共分為13章,具體內(nèi)容如下:
第1章:快速掌握網(wǎng)店美工的工具Photoshop。
第2章:使用Photoshop處理和美化商品圖片。
第3章:使用Photoshop摳取商品圖片。
第4章:使用Photoshop調(diào)整商品圖片的色調(diào)。
第5章:網(wǎng)店圖片制作核心技術(shù)。拔掉Photoshop三根大刺:圖層、形狀工具與畫(huà)筆、
蒙版與濾鏡。
第6章:網(wǎng)店色彩設(shè)計(jì)。配色基礎(chǔ)、配色方法、配色工具、配色方案與應(yīng)用。
第7章:網(wǎng)店文字設(shè)計(jì)與圖文版式設(shè)計(jì)。
第8章:網(wǎng)店首頁(yè)設(shè)計(jì)。
第9章:網(wǎng)店海報(bào)設(shè)計(jì)。
II
第10章:網(wǎng)店主圖設(shè)計(jì)。主圖三要素及設(shè)計(jì)要領(lǐng)。
第11章:商品詳情頁(yè)設(shè)計(jì)。
第12章:網(wǎng)店首頁(yè)裝修。店鋪裝修基礎(chǔ)、店招裝修、導(dǎo)航系統(tǒng)、切片并上傳商品陳列、
圖片輪播、全屏海報(bào)。
第13章:手機(jī)淘寶裝修設(shè)計(jì)。
配套資源
本書(shū)提供豐富的配套教學(xué)資源,不僅有與書(shū)中內(nèi)容同步的海量操作視頻,還有素材文件、
效果文件、源文件等。讀者可以采用圖書(shū)和配套資源相結(jié)合的方式,在短時(shí)間內(nèi)快速地學(xué)會(huì)
網(wǎng)店裝修與設(shè)計(jì)的方法和技巧。
觀看視頻操作
本書(shū)正文中僅保留關(guān)鍵步驟(如帶參數(shù)的界面截圖),整體設(shè)計(jì)流程請(qǐng)掃碼觀看視頻,
視頻二維碼在正文相關(guān)標(biāo)題附近。
素材文件包下載
請(qǐng)讀者翻到本頁(yè)時(shí),務(wù)必先掃碼下載文件包備用,在講解相關(guān)操作時(shí)需要用到素材包。
https://www.wqyunpan.com/bookQr/file/view/49b0d333-35db-4f2e-9089-5689b571a0a3
第1章 熟悉網(wǎng)店美工的工具Photoshop
1.1 一圖看懂Photoshop與網(wǎng)店美工的
關(guān)系 2
1.2 Photoshop文檔的基本操作 5
1.3 提高Photoshop工作效率的操作
技能 13
高手秘笈 19
第2章 使用Photoshop處理和美化商品圖片
2.1 熟悉Photoshop網(wǎng)店圖像處理的
工作內(nèi)容 28
2.2 調(diào)整商品圖片的大小與分辨率 28
2.3 調(diào)整商品圖片的角度 34
2.4 對(duì)商品圖片進(jìn)行裁剪 37
2.5 對(duì)商品圖片進(jìn)行美化處理 40
高手秘笈 52
第3章 使用Photoshop摳取商品圖片
3.1 常用Photoshop摳圖工具與各自
優(yōu)點(diǎn) 60
3.2 套索工具 60
3.3 魔棒工具 64
3.4 選框工具 68
3.5 鋼筆工具 70
3.6 通道摳圖 74
高手秘笈 78
第4章 使用Photoshop調(diào)整商品圖片的色調(diào)
4.1 圖片色彩管理的基礎(chǔ)知識(shí) 87
4.2 網(wǎng)店圖片常用的調(diào)色工具及使用
方法 89
4.3 處理圖片常用的調(diào)色命令及使用
方法 95
高手秘笈 106
IV
第5章 網(wǎng)店圖片制作核心技術(shù)
5.1 網(wǎng)店圖像制作核心技術(shù)
Photoshop解析 111
5.2 圖像合成利器圖層 111
5.3 圖形繪制能手形狀工具組、
畫(huà)筆 116
5.4 圖像特效專(zhuān)家蒙版、濾鏡 124
高手秘笈 128
第6章 網(wǎng)店的色彩設(shè)計(jì)
6.1 網(wǎng)店配色基礎(chǔ) 136
6.2 網(wǎng)店的配色方法 139
6.3 配色工具簡(jiǎn)介 141
6.4 店鋪裝修配色方案與應(yīng)用 146
高手秘笈 153
第7章 網(wǎng)店文字設(shè)計(jì)與圖文版式設(shè)計(jì)
7.1 文字的設(shè)計(jì)基礎(chǔ) 159
7.2 使用Photoshop處理與設(shè)計(jì)
文字 163
7.3 使用Photoshop進(jìn)行圖文版式
設(shè)計(jì) 171
高手秘笈 177
第8章 網(wǎng)店首頁(yè)設(shè)計(jì)
8.1 認(rèn)識(shí)網(wǎng)店首頁(yè) 181
8.2 首頁(yè)布局 183
8.3 首頁(yè)基本元素的設(shè)計(jì) 186
高手秘笈 197
第9章 網(wǎng)店海報(bào)設(shè)計(jì)
9.1 網(wǎng)店海報(bào)的設(shè)計(jì)要點(diǎn) 201
9.2 不同類(lèi)型的海報(bào)設(shè)計(jì) 202
9.3 網(wǎng)店海報(bào)設(shè)計(jì)的基本步驟 203
9.4 實(shí)例:數(shù)碼商品海報(bào)設(shè)計(jì) 204
高手秘笈 212
第10章 網(wǎng)店主圖設(shè)計(jì)
10.1 主圖的三要素 215
10.2 主圖的設(shè)計(jì)要領(lǐng) 216
10.3 實(shí)例:茶葉主圖設(shè)計(jì) 219
高手秘笈 221
V
第11章 商品詳情頁(yè)設(shè)計(jì)
11.1 商品詳情頁(yè)設(shè)計(jì)的基礎(chǔ)知識(shí) 225
11.2 實(shí)例:女鞋商品整體展示設(shè)計(jì) 229
11.3 實(shí)例:女鞋商品亮點(diǎn)設(shè)計(jì) 237
11.4 實(shí)例:女鞋商品細(xì)節(jié)展示設(shè)計(jì) 241
11.5 詳情頁(yè)切圖并上傳到店鋪 243
11.6 使用淘寶神筆編輯PC端商品
詳情 246
高手秘笈 250
第12章 網(wǎng)店首頁(yè)裝修
12.1 店鋪裝修基礎(chǔ) 255
12.2 店招裝修 264
12.3 制作淘寶導(dǎo)航系統(tǒng) 268
12.4 切片并上傳商品陳列 269
12.5 制作圖片輪播效果 273
12.6 制作全屏海報(bào)效果 275
高手秘笈 277
第13章 手機(jī)淘寶裝修設(shè)計(jì)
13.1 手機(jī)端店鋪裝修基礎(chǔ) 280
13.2 手機(jī)端店鋪店招裝修 282
13.3 在手機(jī)端店鋪添加優(yōu)惠券 283
13.4 手機(jī)端首頁(yè)商品展示裝修 285
13.5 手機(jī)淘寶自定義頁(yè)面裝修設(shè)置 289
13.6 手機(jī)淘寶自定義菜單設(shè)置 290
13.7 手機(jī)淘寶詳情頁(yè)關(guān)聯(lián)設(shè)置 292
13.8 手機(jī)淘寶互動(dòng)窗口設(shè)置 296
13.9 手機(jī)淘寶海報(bào)編輯與發(fā)布 302
高手秘笈 307