定 價(jià):69.8 元
叢書(shū)名:高等院校電子商務(wù)類(lèi)新形態(tài)系列教材
- 作者:張之峰 朱孟昀
- 出版時(shí)間:2025/1/1
- ISBN:9787115644503
- 出 版 社:人民郵電出版社
- 中圖法分類(lèi):J062
- 頁(yè)碼:
- 紙張:膠版紙
- 版次:
- 開(kāi)本:16開(kāi)
本書(shū)全面系統(tǒng)地介紹了電商視覺(jué)設(shè)計(jì)的相關(guān)知識(shí)和基本設(shè)計(jì)技巧,包括初識(shí)電商視覺(jué)設(shè)計(jì)、商品圖片精修與視覺(jué)合成、商品營(yíng)銷(xiāo)推廣圖設(shè)計(jì)、電商海報(bào)設(shè)計(jì)、商品詳情頁(yè)設(shè)計(jì)、活動(dòng)專(zhuān)題頁(yè)設(shè)計(jì)、PC 端店鋪首頁(yè)設(shè)計(jì)、手機(jī)端店鋪首頁(yè)設(shè)計(jì)。
第 1 章以外的其他幾章內(nèi)容均以知識(shí)講解與案例制作作為主線展開(kāi)介紹,知識(shí)講解部分能夠使學(xué)生系統(tǒng)地了解電商視覺(jué)設(shè)計(jì)中的各類(lèi)基本規(guī)范,案例制作部分可以使學(xué)生快速掌握電商視覺(jué)設(shè)計(jì)的思路。本書(shū)每章最后還安排了課堂實(shí)訓(xùn)及課后習(xí)題,可以拓展學(xué)生對(duì)電商視覺(jué)設(shè)計(jì)的實(shí)際應(yīng)用能力。
本書(shū)可作為高等院校電商視覺(jué)設(shè)計(jì)相關(guān)課程的教材,也可供電商視覺(jué)設(shè)計(jì)相關(guān)人員學(xué)習(xí)。
1.本書(shū)注重實(shí)操,注重各個(gè)模塊的視覺(jué)設(shè)計(jì),如首頁(yè)、詳情頁(yè)等,內(nèi)容全面、案例新穎。
2.本書(shū)配套PPT課件、慕課視頻、教學(xué)大綱、素材文件、電子教案等多樣的數(shù)字資源。
3.四色印刷,品相精美。
張之峰,黃河水利職業(yè)技術(shù)學(xué)院網(wǎng)絡(luò)營(yíng)銷(xiāo)教研室主任,副教授,開(kāi)封市電子商務(wù)智庫(kù)專(zhuān)家,市優(yōu)秀教師,國(guó)家職業(yè)教育在線精品課主持人,金磚國(guó)家職業(yè)技能大賽優(yōu)秀指導(dǎo)專(zhuān)家,帶隊(duì)獲國(guó)際賽銀牌兩項(xiàng),國(guó)賽一等獎(jiǎng)兩項(xiàng)。主編《電子商務(wù)解決方案——中小企業(yè)應(yīng)用》等教材4部,其中《電子商務(wù)解決方案——中小企業(yè)應(yīng)用》為國(guó)家“十二五”規(guī)劃教材。作者團(tuán)隊(duì)既有豐富的電商從業(yè)經(jīng)驗(yàn),也長(zhǎng)期和企業(yè)對(duì)接,有豐富的社會(huì)培訓(xùn)經(jīng)驗(yàn),熟悉電商視覺(jué)設(shè)計(jì)的工作內(nèi)容及技巧。
第 1章 初識(shí)電商視覺(jué)設(shè)計(jì)
1.1 電商視覺(jué)設(shè)計(jì)概述 ...........................2
1.1.1 電商視覺(jué)設(shè)計(jì)的基本概念 ................ 2
1.1.2 電商視覺(jué)設(shè)計(jì)的主流平臺(tái) ................ 2
1.2 電商視覺(jué)設(shè)計(jì)師概述 ........................3
1.2.1 電商視覺(jué)設(shè)計(jì)師的類(lèi)型劃分 ............ 3
1.2.2 電商視覺(jué)設(shè)計(jì)師的工作內(nèi)容 ............ 4
1.2.3 電商視覺(jué)設(shè)計(jì)師的常用軟件 ............ 5
1.3 電商視覺(jué)設(shè)計(jì)的設(shè)計(jì)基礎(chǔ) ..................6
1.3.1 基礎(chǔ)元素 ....................................... 6
1.3.2 色彩搭配....................................... 7
1.3.3 字體表現(xiàn)....................................... 8
1.3.4 版式構(gòu)圖 ...................................... 9
1.4 電商視覺(jué)設(shè)計(jì)的基本流程 ................ 11
1.4.1 需求分析 ...................................... 11
1.4.2 素材收集 ..................................... 11
1.4.3 視覺(jué)設(shè)計(jì) ..................................... 11
1.4.4 審核修改 ..................................... 11
1.4.5 完稿切圖...................................... 11
1.4.6 上傳裝修......................................12
1.5 電商視覺(jué)設(shè)計(jì)的規(guī)范與規(guī)則 .............12
1.5.1 單位規(guī)范 ......................................12
1.5.2 頁(yè)面結(jié)構(gòu) ......................................13
1.5.3 布局規(guī)范 ......................................14
1.5.4 文字規(guī)則......................................16
課堂實(shí)訓(xùn)——思考鉆展圖的字體表現(xiàn) ..........18
課后習(xí)題——思考鉆展圖的版式構(gòu)圖 ..........18
第 2章 商品圖片精修與視覺(jué)合成
2.1 商品圖片精修 ..............................20
2.1.1 商品圖片精修的核心要素 .............. 20
2.1.2 商品圖片精修的常用技法 ..............21
2.1.3 理解光影與材質(zhì) ........................... 22
2.1.4 應(yīng)用案例——精修護(hù)發(fā)發(fā)膜瓶器圖 ... 24
2.2 視覺(jué)合成 ....................................25
2.2.1 合成的基本類(lèi)型 ........................... 25
2.2.2 合成的透視知識(shí) .......................... 26
2.2.3 合成的光影表現(xiàn) .......................... 27
2.2.4 應(yīng)用案例——合成室內(nèi)空間場(chǎng)景 ....31
課堂實(shí)訓(xùn)——精修傳統(tǒng)茶葉包裝圖 ............34
課后習(xí)題——合成室外寫(xiě)實(shí)場(chǎng)景 ...............35
第3章 商品營(yíng)銷(xiāo)推廣圖設(shè)計(jì)
3.1 主圖設(shè)計(jì) ....................................37
3.1.1 主圖設(shè)計(jì)概述 .............................. 37
3.1.2 主圖的設(shè)計(jì)尺寸 ........................... 37
3.1.3 主圖的設(shè)計(jì)技巧........................... 38
3.1.4 應(yīng)用案例——設(shè)計(jì)嘉興肉粽主圖 ... 38
3.2 直通車(chē)圖設(shè)計(jì) ..............................44
3.2.1 直通車(chē)圖設(shè)計(jì)概述 ....................... 44
3.2.2 直通車(chē)圖的設(shè)計(jì)尺寸 ................... 46
3.2.3 直通車(chē)圖的設(shè)計(jì)技巧 ................... 46
3.2.4 應(yīng)用案例——設(shè)計(jì)靜音風(fēng)扇
直通車(chē)圖 ...........................................47
3.3 鉆展圖設(shè)計(jì) .................................53
3.3.1 鉆展圖設(shè)計(jì)概述........................... 53
3.3.2 鉆展圖的設(shè)計(jì)尺寸 ....................... 53
3.3.3 鉆展圖的設(shè)計(jì)技巧 ....................... 54
3.3.4 應(yīng)用案例——設(shè)計(jì)美食活動(dòng)
鉆展圖 ....................................... 55
課堂實(shí)訓(xùn)——設(shè)計(jì)護(hù)膚品直通車(chē)圖 ............59
課后習(xí)題——設(shè)計(jì)家居用品活動(dòng)鉆展圖 .......60
第4章 電商海報(bào)設(shè)計(jì)
4.1 電商海報(bào)概述 ..............................62
4.1.1 電商海報(bào)的常見(jiàn)類(lèi)型 .................... 62
4.1.2 電商海報(bào)的常見(jiàn)尺寸 .................... 63
4.2 電商海報(bào)的版面布局 ......................63
4.2.1 電商海報(bào)的布局類(lèi)型 .................... 63
4.2.2 電商海報(bào)的布局原則 ................... 64
4.3 PC 端電商海報(bào)的表現(xiàn)形式 ..............65
4.3.1 PC 端電商海報(bào)的風(fēng)格定位 ........... 66
4.3.2 PC 端電商海報(bào)的表現(xiàn)手法 .......... 66
4.3.3 應(yīng)用案例——設(shè)計(jì)實(shí)木
雙人床 PC 端電商海報(bào) ................ 67
4.4 手機(jī)端電商海報(bào)的設(shè)計(jì)特點(diǎn) .............70
4.4.1 圖形分割 .................................... 70
4.4.2 簡(jiǎn)潔背景 .................................... 70
4.4.3 應(yīng)用案例——設(shè)計(jì)女性旗袍
手機(jī)端電商海報(bào) ...........................71
課堂實(shí)訓(xùn)—— 設(shè)計(jì)新品吹風(fēng)機(jī) PC 端
電商海報(bào) ..........................76
課后習(xí)題—— 設(shè)計(jì)電動(dòng)牙刷手機(jī)端
電商海報(bào) ..........................76
第5章 商品詳情頁(yè)設(shè)計(jì)
5.1 商品詳情頁(yè)概述 ...........................79
5.2 商品海報(bào)設(shè)計(jì) ..............................80
5.2.1 商品海報(bào)的定義 ........................... 80
5.2.2 商品海報(bào)的設(shè)計(jì)規(guī)則 .................... 80
5.2.3 應(yīng)用案例——設(shè)計(jì)中秋月餅
商品海報(bào) .................................... 80
5.3 賣(mài)點(diǎn)提煉設(shè)計(jì) ..............................84
5.3.1 賣(mài)點(diǎn)提煉的定義 ........................... 84
5.3.2 賣(mài)點(diǎn)提煉的設(shè)計(jì)規(guī)則.................... 84
5.3.3 應(yīng)用案例——設(shè)計(jì)中秋月餅
賣(mài)點(diǎn)提煉 .................................... 84
5.4 商品展示設(shè)計(jì) ..............................89
5.4.1 商品展示的定義 ........................... 90
5.4.2 商品展示的設(shè)計(jì)規(guī)則.................... 90
5.4.3 應(yīng)用案例——設(shè)計(jì)中秋月餅
商品展示 .................................... 90
5.5 細(xì)節(jié)展示設(shè)計(jì) ..............................92
5.5.1 細(xì)節(jié)展示的定義 ........................... 93
5.5.2 細(xì)節(jié)展示的設(shè)計(jì)規(guī)則 .................... 93
5.5.3 應(yīng)用案例——設(shè)計(jì)中秋月餅
細(xì)節(jié)展示 .................................... 93
5.6 商品信息設(shè)計(jì) ..............................98
5.6.1 商品信息的定義 ........................... 98
5.6.2 商品信息的設(shè)計(jì)規(guī)則 .................... 99
5.6.3 應(yīng)用案例——設(shè)計(jì)中秋月餅
商品信息 .................................... 99
5.7 其他模塊設(shè)計(jì) ............................ 101
5.7.1 其他模塊的定義 .......................... 101
5.7.2 其他模塊的設(shè)計(jì)規(guī)則 ...................102
5.7.3 應(yīng)用案例——設(shè)計(jì)中秋月餅
其他模塊 ...................................102
課堂實(shí)訓(xùn)——設(shè)計(jì)舒適運(yùn)動(dòng)鞋商品詳情頁(yè) ... 105
課后習(xí)題——設(shè)計(jì)溫和洗面奶商品詳情頁(yè) ... 106
第6章 活動(dòng)專(zhuān)題頁(yè)設(shè)計(jì)
6.1 活動(dòng)專(zhuān)題頁(yè)的基本類(lèi)型 ................. 108
6.1.1 PC 端活動(dòng)專(zhuān)題頁(yè) .......................108
6.1.2 手機(jī)端活動(dòng)專(zhuān)題頁(yè) ......................108
6.2 活動(dòng)專(zhuān)題頁(yè)的表現(xiàn)形式 ................. 109
6.2.1 矩形排列 ....................................109
6.2.2 場(chǎng)景展示 ...................................109
6.3 活動(dòng)專(zhuān)題頁(yè)的設(shè)計(jì)要點(diǎn) ................. 110
6.3.1 商品陳列.................................... 110
6.3.2 內(nèi)容分隔 ....................................111
6.4 PC 端活動(dòng)專(zhuān)題頁(yè)的頁(yè)面設(shè)計(jì) ......... 112
6.4.1 PC 端活動(dòng)專(zhuān)題頁(yè)的設(shè)計(jì)尺寸 ...... 112
6.4.2 PC 端活動(dòng)專(zhuān)題頁(yè)的頁(yè)面結(jié)構(gòu) ...... 112
6.4.3 應(yīng)用案例——設(shè)計(jì)家電平臺(tái)初
春煥新 PC 端活動(dòng)專(zhuān)題頁(yè)............ 113
6.5 手機(jī)端活動(dòng)專(zhuān)題頁(yè)的頁(yè)面設(shè)計(jì) ........ 129
6.5.1 手機(jī)端活動(dòng)專(zhuān)題頁(yè)的設(shè)計(jì)尺寸 ......129
6.5.2 手機(jī)端活動(dòng)專(zhuān)題頁(yè)的頁(yè)面結(jié)構(gòu) .....129
6.5.3 應(yīng)用案例——設(shè)計(jì)家電平臺(tái)初
春煥新手機(jī)端活動(dòng)專(zhuān)題頁(yè) ............130
課堂實(shí)訓(xùn)—— 設(shè)計(jì)堅(jiān)果店鋪年貨盛典
PC 端活動(dòng)專(zhuān)題頁(yè) ............. 145
課后習(xí)題—— 設(shè)計(jì)堅(jiān)果店鋪年貨盛典
手機(jī)端活動(dòng)專(zhuān)題頁(yè) ............. 146
第7章 PC端店鋪首頁(yè)設(shè)計(jì)
7.1 PC 端店鋪概述 .......................... 148
7.2 店招與導(dǎo)航欄設(shè)計(jì) ....................... 148
7.2.1 店招與導(dǎo)航欄的定義 ...................148
7.2.2 店招與導(dǎo)航欄的設(shè)計(jì)規(guī)則 ............148
7.2.3 應(yīng)用案例——設(shè)計(jì)簡(jiǎn)約家具
PC 端店鋪店招與導(dǎo)航欄 ............149
7.3 輪播海報(bào)設(shè)計(jì) ............................ 153
7.3.1 輪播海報(bào)的定義 ..........................153
7.3.2 輪播海報(bào)的設(shè)計(jì)規(guī)則...................154
7.3.3 應(yīng)用案例——設(shè)計(jì)簡(jiǎn)約家具
PC 端店鋪輪播海報(bào) ...................154
7.4 優(yōu)惠券設(shè)計(jì) ............................... 158
7.4.1 優(yōu)惠券的定義 .............................158
7.4.2 優(yōu)惠券的設(shè)計(jì)規(guī)則 ......................159
7.4.3 應(yīng)用案例——設(shè)計(jì)簡(jiǎn)約家具
PC 端店鋪優(yōu)惠券 ......................159
7.5 分類(lèi)模塊設(shè)計(jì) ............................ 162
7.5.1 分類(lèi)模塊的定義 ..........................162
7.5.2 分類(lèi)模塊的設(shè)計(jì)規(guī)則 ...................163
7.5.3 應(yīng)用案例——設(shè)計(jì)簡(jiǎn)約家具
PC 端店鋪分類(lèi)模塊 ...................163
7.6 商品展示設(shè)計(jì) ............................ 166
7.6.1 商品展示的定義 ..........................166
7.6.2 商品展示的設(shè)計(jì)規(guī)則 ...................167
7.6.3 應(yīng)用案例——設(shè)計(jì)簡(jiǎn)約家具
PC 端店鋪商品展示 ...................167
7.7 底部信息設(shè)計(jì) ............................ 172
7.7.1 底部信息的定義 ..........................172
7.7.2 底部信息的設(shè)計(jì)規(guī)則 ...................172
7.7.3 應(yīng)用案例——設(shè)計(jì)簡(jiǎn)約家具
PC 端店鋪底部信息 ...................172
課堂實(shí)訓(xùn)—— 設(shè)計(jì)數(shù)碼產(chǎn)品 PC 端
店鋪首頁(yè) ........................ 176
課后習(xí)題—— 設(shè)計(jì)護(hù)膚品 PC 端
店鋪首頁(yè) ........................ 177
第8章 手機(jī)端店鋪首頁(yè)設(shè)計(jì)
8.1 手機(jī)端店鋪首頁(yè)設(shè)計(jì)基本概述 ......... 179
8.1.1 手機(jī)端店鋪首頁(yè)設(shè)計(jì)的必要性 ........179
8.1.2 手機(jī)端與 PC 端店鋪首頁(yè)設(shè)計(jì)的
區(qū)別 ...........................................179
8.1.3 手機(jī)端店鋪首頁(yè)設(shè)計(jì)的關(guān)鍵點(diǎn) ....... 181
8.2 手機(jī)端店鋪首頁(yè)設(shè)計(jì) .................... 182
8.2.1 輪播海報(bào)設(shè)計(jì) .............................182
8.2.2 優(yōu)惠券設(shè)計(jì) ................................183
8.2.3 分類(lèi)模塊設(shè)計(jì) ............................183
8.2.4 商品展示設(shè)計(jì) ............................183
8.2.5 底部信息設(shè)計(jì) ............................184
8.2.6 應(yīng)用案例——設(shè)計(jì)簡(jiǎn)約家具
手機(jī)端店鋪首頁(yè) .........................184
課堂實(shí)訓(xùn)—— 設(shè)計(jì)數(shù)碼產(chǎn)品手機(jī)端
店鋪首頁(yè) .......................... 195
課后習(xí)題—— 設(shè)計(jì)護(hù)膚品手機(jī)端
店鋪首頁(yè) ........................ 196