定 價(jià)：69.8 元
叢書名：高等院校電子商務(wù)類新形態(tài)系列教材
- 作者：張之峰 朱孟昀
- 出版時(shí)間：2025/1/1
- ISBN：9787115644503
- 出 版 社：人民郵電出版社
- 中圖法分類：J062
- 頁碼：
- 紙張：膠版紙
- 版次：
- 開本：16開
本書全面系統(tǒng)地介紹了電商視覺設(shè)計(jì)的相關(guān)知識(shí)和基本設(shè)計(jì)技巧，包括初識(shí)電商視覺設(shè)計(jì)、商品圖片精修與視覺合成、商品營(yíng)銷推廣圖設(shè)計(jì)、電商海報(bào)設(shè)計(jì)、商品詳情頁設(shè)計(jì)、活動(dòng)專題頁設(shè)計(jì)、PC 端店鋪首頁設(shè)計(jì)、手機(jī)端店鋪首頁設(shè)計(jì)。
第 1 章以外的其他幾章內(nèi)容均以知識(shí)講解與案例制作作為主線展開介紹，知識(shí)講解部分能夠使學(xué)生系統(tǒng)地了解電商視覺設(shè)計(jì)中的各類基本規(guī)范，案例制作部分可以使學(xué)生快速掌握電商視覺設(shè)計(jì)的思路。本書每章最后還安排了課堂實(shí)訓(xùn)及課后習(xí)題，可以拓展學(xué)生對(duì)電商視覺設(shè)計(jì)的實(shí)際應(yīng)用能力。
本書可作為高等院校電商視覺設(shè)計(jì)相關(guān)課程的教材，也可供電商視覺設(shè)計(jì)相關(guān)人員學(xué)習(xí)。
1.本書注重實(shí)操，注重各個(gè)模塊的視覺設(shè)計(jì)，如首頁、詳情頁等，內(nèi)容全面、案例新穎。
2.本書配套PPT課件、慕課視頻、教學(xué)大綱、素材文件、電子教案等多樣的數(shù)字資源。
3.四色印刷，品相精美。
張之峰，黃河水利職業(yè)技術(shù)學(xué)院網(wǎng)絡(luò)營(yíng)銷教研室主任，副教授，開封市電子商務(wù)智庫專家，市優(yōu)秀教師，國(guó)家職業(yè)教育在線精品課主持人，金磚國(guó)家職業(yè)技能大賽優(yōu)秀指導(dǎo)專家，帶隊(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)，熟悉電商視覺設(shè)計(jì)的工作內(nèi)容及技巧。
第 1章 初識(shí)電商視覺設(shè)計(jì)
1.1 電商視覺設(shè)計(jì)概述 ...........................2
1.1.1 電商視覺設(shè)計(jì)的基本概念 ................ 2
1.1.2 電商視覺設(shè)計(jì)的主流平臺(tái) ................ 2
1.2 電商視覺設(shè)計(jì)師概述 ........................3
1.2.1 電商視覺設(shè)計(jì)師的類型劃分 ............ 3
1.2.2 電商視覺設(shè)計(jì)師的工作內(nèi)容 ............ 4
1.2.3 電商視覺設(shè)計(jì)師的常用軟件 ............ 5
1.3 電商視覺設(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 電商視覺設(shè)計(jì)的基本流程 ................ 11
1.4.1 需求分析 ...................................... 11
1.4.2 素材收集 ..................................... 11
1.4.3 視覺設(shè)計(jì) ..................................... 11
1.4.4 審核修改 ..................................... 11
1.4.5 完稿切圖...................................... 11
1.4.6 上傳裝修......................................12
1.5 電商視覺設(shè)計(jì)的規(guī)范與規(guī)則 .............12
1.5.1 單位規(guī)范 ......................................12
1.5.2 頁面結(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章 商品圖片精修與視覺合成
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 視覺合成 ....................................25
2.2.1 合成的基本類型 ........................... 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í)題——合成室外寫實(shí)場(chǎng)景 ...............35
第3章 商品營(yíng)銷推廣圖設(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 直通車圖設(shè)計(jì) ..............................44
3.2.1 直通車圖設(shè)計(jì)概述 ....................... 44
3.2.2 直通車圖的設(shè)計(jì)尺寸 ................... 46
3.2.3 直通車圖的設(shè)計(jì)技巧 ................... 46
3.2.4 應(yīng)用案例——設(shè)計(jì)靜音風(fēng)扇
直通車圖 ...........................................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ù)膚品直通車圖 ............59
課后習(xí)題——設(shè)計(jì)家居用品活動(dòng)鉆展圖 .......60
第4章 電商海報(bào)設(shè)計(jì)
4.1 電商海報(bào)概述 ..............................62
4.1.1 電商海報(bào)的常見類型 .................... 62
4.1.2 電商海報(bào)的常見尺寸 .................... 63
4.2 電商海報(bào)的版面布局 ......................63
4.2.1 電商海報(bào)的布局類型 .................... 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章 商品詳情頁設(shè)計(jì)
5.1 商品詳情頁概述 ...........................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 賣點(diǎn)提煉設(shè)計(jì) ..............................84
5.3.1 賣點(diǎn)提煉的定義 ........................... 84
5.3.2 賣點(diǎn)提煉的設(shè)計(jì)規(guī)則.................... 84
5.3.3 應(yīng)用案例——設(shè)計(jì)中秋月餅
賣點(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)鞋商品詳情頁 ... 105
課后習(xí)題——設(shè)計(jì)溫和洗面奶商品詳情頁 ... 106
第6章 活動(dòng)專題頁設(shè)計(jì)
6.1 活動(dòng)專題頁的基本類型 ................. 108
6.1.1 PC 端活動(dòng)專題頁 .......................108
6.1.2 手機(jī)端活動(dòng)專題頁 ......................108
6.2 活動(dòng)專題頁的表現(xiàn)形式 ................. 109
6.2.1 矩形排列 ....................................109
6.2.2 場(chǎng)景展示 ...................................109
6.3 活動(dòng)專題頁的設(shè)計(jì)要點(diǎn) ................. 110
6.3.1 商品陳列.................................... 110
6.3.2 內(nèi)容分隔 ....................................111
6.4 PC 端活動(dòng)專題頁的頁面設(shè)計(jì) ......... 112
6.4.1 PC 端活動(dòng)專題頁的設(shè)計(jì)尺寸 ...... 112
6.4.2 PC 端活動(dòng)專題頁的頁面結(jié)構(gòu) ...... 112
6.4.3 應(yīng)用案例——設(shè)計(jì)家電平臺(tái)初
春煥新 PC 端活動(dòng)專題頁............ 113
6.5 手機(jī)端活動(dòng)專題頁的頁面設(shè)計(jì) ........ 129
6.5.1 手機(jī)端活動(dòng)專題頁的設(shè)計(jì)尺寸 ......129
6.5.2 手機(jī)端活動(dòng)專題頁的頁面結(jié)構(gòu) .....129
6.5.3 應(yīng)用案例——設(shè)計(jì)家電平臺(tái)初
春煥新手機(jī)端活動(dòng)專題頁 ............130
課堂實(shí)訓(xùn)—— 設(shè)計(jì)堅(jiān)果店鋪年貨盛典
PC 端活動(dòng)專題頁 ............. 145
課后習(xí)題—— 設(shè)計(jì)堅(jiān)果店鋪年貨盛典
手機(jī)端活動(dòng)專題頁 ............. 146
第7章 PC端店鋪首頁設(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 分類模塊設(shè)計(jì) ............................ 162
7.5.1 分類模塊的定義 ..........................162
7.5.2 分類模塊的設(shè)計(jì)規(guī)則 ...................163
7.5.3 應(yīng)用案例——設(shè)計(jì)簡(jiǎn)約家具
PC 端店鋪分類模塊 ...................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 端
店鋪首頁 ........................ 176
課后習(xí)題—— 設(shè)計(jì)護(hù)膚品 PC 端
店鋪首頁 ........................ 177
第8章 手機(jī)端店鋪首頁設(shè)計(jì)
8.1 手機(jī)端店鋪首頁設(shè)計(jì)基本概述 ......... 179
8.1.1 手機(jī)端店鋪首頁設(shè)計(jì)的必要性 ........179
8.1.2 手機(jī)端與 PC 端店鋪首頁設(shè)計(jì)的
區(qū)別 ...........................................179
8.1.3 手機(jī)端店鋪首頁設(shè)計(jì)的關(guān)鍵點(diǎn) ....... 181
8.2 手機(jī)端店鋪首頁設(shè)計(jì) .................... 182
8.2.1 輪播海報(bào)設(shè)計(jì) .............................182
8.2.2 優(yōu)惠券設(shè)計(jì) ................................183
8.2.3 分類模塊設(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ī)端店鋪首頁 .........................184
課堂實(shí)訓(xùn)—— 設(shè)計(jì)數(shù)碼產(chǎn)品手機(jī)端
店鋪首頁 .......................... 195
課后習(xí)題—— 設(shè)計(jì)護(hù)膚品手機(jī)端
店鋪首頁 ........................ 196
書單推薦
