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