本書采用視覺設計理論與視覺設計實戰(zhàn)相結(jié)合的方式，詳細地介紹了電子商務視覺設計的思路和具體的實現(xiàn)方法。本書共8章，包括電商視覺設計基礎、電商網(wǎng)站視覺配色設計、商品圖片的美化與修飾、營銷推廣圖視覺設計、店標與店招視覺設計、網(wǎng)店首頁視覺設計、商品詳情頁視覺設計和移動端淘寶網(wǎng)店裝修實戰(zhàn)等內(nèi)容。本書結(jié)構清晰，圖文并茂，可有效引導讀者對網(wǎng)店頁面進行視覺設計與裝修，使其掌握職業(yè)技能并提高職業(yè)素養(yǎng)。
本書提供PPT課件、教學大綱、電子教案、素材文件等資源，授課教師可登錄人郵教育社區(qū)免費下載。
本書不僅可作為院校相關專業(yè)及電子商務技能培訓的學習教材，也可作為網(wǎng)店店主、電商美工設計人員等電商從業(yè)者的學習參考用書。
1.全書注重實操，案例為主導，便于舉一反三。
2.全書注重各個模塊的視覺設計，如首頁、詳情頁等，內(nèi)容全面、新穎。
3.全書提供用書老師PPT課件、微課視頻、教學大綱、素材文件、電子教案等資源。
4.四色印刷，品相精美。
孟靜，女，中共黨員，碩士，管理學院副院長。
所指導學生團隊在中國國際“互聯(lián)網(wǎng)+”大學生創(chuàng)新創(chuàng)業(yè)大賽中獲得省級銀獎2項；在“創(chuàng)青春”湖北省大學生創(chuàng)業(yè)大賽創(chuàng)業(yè)計劃賽中榮獲銅獎3項；在全國大學生電子商務“創(chuàng)新、創(chuàng)意及創(chuàng)業(yè)”挑戰(zhàn)賽中榮獲國家級二等獎1項、三等獎2項、省級特等獎1項、一等獎3項、二等獎及三等獎若干項；在第九屆“高等學校信息技術創(chuàng)新與實踐活動”創(chuàng)新創(chuàng)業(yè)計劃賽獲得國賽二等獎1項、省賽一等獎1項等。
主持教育部協(xié)同育人項目1項，主持校級教研、科研課題各1項；參與省教育廳科學研究計劃指導性項目1項，排名第三，參與校級教研課題1項，排名第二。主編教材1部；發(fā)表學術論文8篇，其中北大核心1篇。
2021年、2020年及2017年分別榮獲“校優(yōu)秀個人”榮譽稱號；2021年12月，榮獲湖北商貿(mào)學院華為云學院鯤鵬中心2021年度卓越貢獻獎；2021年7月，榮獲“校優(yōu)秀共產(chǎn)黨員”榮譽稱號；2018年及2021年分別榮獲“校百佳好青年”及“校五四青年標兵”榮譽稱號；2017年，參加湖北商貿(mào)學院第七屆授課競賽并榮獲一等獎。
目錄
第 1章 電商視覺設計基礎 1
知識目標 1
技能目標 1
素質(zhì)目標 1
1.1 電商視覺設計概述 2
1.1.1 電商視覺設計的相關概念 2
1.1.2 電商視覺設計人員的工作范疇 4
1.2 電商視覺設計的準備工作 7
1.2.1 電商視覺設計應遵循的原則 7
1.2.2 進行電商視覺設計需要掌握的軟件 9
1.2.3 電商視覺設計定位 10
1.2.4 電商文案策劃 12
1.3 電商視覺設計中的文字應用 16
1.3.1 文字的排版技巧 16
1.3.2 文字的顏色 17
1.3.3 文字圖形化 18
1.４ 電商視覺設計中的常用構圖方法 19
1.4.1 對稱式構圖 19
1.4.2 簡單切割構圖 19
1.4.3 對角線構圖 20
1.4.4 九宮格構圖 21
1.4.5 圓形構圖 21
1.4.6 三角形構圖 22
1.4.7 整體場景構圖 23
1.4.8 流程構圖 23
1.4.9 物體輪廓構圖 23
1.5 電商視覺設計的工作流程與設計人員崗位職責 24
1.5.1 電商視覺設計的工作流程 24
1.5.2 電商視覺設計人員崗位職責 25
1.6 應用實例——分析網(wǎng)店首頁的設計布局 25
課后練習題 28
第 2章 電商網(wǎng)站視覺配色設計 29
知識目標 29
技能目標 29
素質(zhì)目標 29
2.1 網(wǎng)店頁面配色基礎 30
2.1.1 色彩的原理 30
2.1.2 色彩的分類 30
2.1.3 色彩的三要素 31
2.2 網(wǎng)店頁面配色技巧 33
2.2.1 色彩搭配原則 33
2.2.2 網(wǎng)店風格的決定因素 34
2.3 主色、輔助色、點綴色 35
2.3.1 主色的應用 35
2.3.2 輔助色的應用 35
2.3.3 點綴色的應用 35
2.4 網(wǎng)店頁面整體配色方案 36
2.4.1 紅色系配色方案 36
2.4.2 橙色系配色方案 38
2.4.3 黃色系配色方案 39
2.4.4 紫色系配色方案 41
2.4.5 綠色系配色方案 43
2.4.6 藍色系配色方案 44
2.5 應用實例——使用 Color SchemeDesigner配色工具 46
課后練習題 47
第3章 商品圖片的美化與修飾 48
知識目標 48
技能目標 48
素質(zhì)目標 48
3.1 調(diào)整商品圖片大小 49
3.1.1 網(wǎng)店圖片的常見尺寸 49
3.1.2 調(diào)整圖片尺寸 50
3.1.3 裁剪商品圖片 51
3.1.4 校正傾斜的圖片 53
3.2 調(diào)整商品圖片的色彩 54
3.2.1 調(diào)整圖片的亮度/對比度 54
3.2.2 調(diào)整圖片的曝光度 55
3.2.3 調(diào)整圖片的色階 56
3.2.4 調(diào)整圖片的曲線 57
3.2.5 調(diào)整圖片的色相/飽和度 58
3.3 組合商品圖片 61
3.3.1 摳取商品圖片 61
3.3.2 為商品圖片添加文字 62
3.3.3 添加形狀與圖案 64
3.4 修飾商品圖片 66
3.4.1 去除背景中多余的物品 66
3.4.2 提高圖片的清晰度 67
3.5 添加圖片特效 69
3.5.1 虛化背景 69
3.5.2 添加發(fā)光效果 71
3.5.3 添加精美邊框 73
3.6 應用實例——批處理商品圖片 74
課后練習題 77
第4章 營銷推廣圖視覺
設計 79
知識目標 79
技能目標 79
素質(zhì)目標 79
4.1 直通車圖片設計 80
4.1.1 直通車圖片的設計原則 80
4.1.2 突出商品賣點的設計 83
4.2 超級鉆展圖片設計 84
4.2.1 超級鉆展概述 84
4.2.2 超級鉆展圖片的設計原則 85
4.2.3 引人注目的創(chuàng)意設計 88
4.2.4 設計風格統(tǒng)一 89
4.2.5 確定重點表現(xiàn)元素 90
4.3 商品促銷海報設計 90
4.3.1 商品促銷海報的設計標準 90
4.3.2 商品促銷海報的設計思路 92
4.4 應用實例——設計促銷海報 95
課后練習題 100
第5章 店標與店招視覺設計 101
知識目標 101
技能目標 101
素質(zhì)目標 101
5.1 店標設計 102
5.1.1 店標的定義 102
5.1.2 店標的分類 102
5.1.3 店標的設計策略和技巧 104
5.1.4 店標的基本設計原則 106
5.1.5 店標的設計制作方法 107
5.1.6 設計童裝網(wǎng)店店標 108
5.2 店招設計 111
5.2.1 店招設計方案 111
5.2.2 店招設計規(guī)范 113
5.2.3 設計網(wǎng)店店招 114
5.2.4 上傳并發(fā)布店招 118
5.3 應用實例——設計箱包網(wǎng)店店標 122
課后練習題 126
第6章 網(wǎng)店首頁視覺
設計 127
知識目標 127
技能目標 127
素質(zhì)目標 127
6.1 首頁視覺設計基礎 128
6.1.1 首頁的作用 128
6.1.2 首頁的設計思路 131
6.1.3 PC端首頁框架布局 134
6.2 首頁視覺設計水平的評價指標 136
6.2.1 首頁跳失率 136
6.2.2 首頁點擊率 137
6.2.3 首頁人均點擊次數(shù) 137
6.2.4 首頁平均停留時間 137
6.3 設計分類導航模塊 138
6.3.1 分類導航模塊常見的表現(xiàn)形式 138
6.3.2 分類導航模塊的設計原則 139
6.3.3 設計分類導航模塊 140
6.4 設計輪播圖片 146
6.4.1 輪播圖片的設計要素 146
6.4.2 設計輪播圖片的文案 150
6.4.3 設計輪播圖片 152
6.5 設計商品展示區(qū) 155
6.5.1 商品展示模塊的類型 155
6.5.2 優(yōu)化商品陳列 156
6.5.3 設計商品展示區(qū) 158
6.6 應用實例——切割網(wǎng)店首頁 162
課后練習題 164
第7章 商品詳情頁視覺
設計 165
知識目標 165
技能目標 165
素質(zhì)目標 165
7.1 商品詳情頁設計基礎 166
7.1.1 商品詳情頁的作用 166
7.1.2 商品詳情頁的設計思路 167
7.1.3 商品詳情頁的模塊設置 170
7.2 設計商品主圖 174
7.2.1 商品主圖的設計規(guī)范 175
7.2.2 商品主圖的設計形式 177
7.2.3 添加文案，提高商品主圖
點擊率 179
7.2.4 在線設計商品主圖 181
7.3 設計商品細節(jié)展示區(qū) 184
7.3.1 商品細節(jié)展示區(qū)的表現(xiàn)形式 184
7.3.2 在線設計商品細節(jié)展示圖 185
7.4 設計商品功效說明區(qū) 187
7.4.1 商品功效說明區(qū)的設計規(guī)范 187
7.4.2 商品賣點的展現(xiàn)角度 188
7.4.3 在線設計商品功效說明區(qū) 190
7.5 應用實例——設計包包商品詳情頁 192
課后練習題 196
第8章 移動端淘寶網(wǎng)店裝修實戰(zhàn) 197
知識目標 197
技能目標 197
素質(zhì)目標 197
8.1 移動端網(wǎng)店裝修基礎 198
8.1.1 移動端網(wǎng)店首頁與PC端網(wǎng)店首頁的不同 198
8.1.2 移動端網(wǎng)店首頁模塊的組成 199
8.2 設計移動端網(wǎng)店首頁 202
8.2.1 首頁裝修入口 203
8.2.2 添加店鋪熱搜 204
8.2.3 添加店鋪優(yōu)惠券 205
8.2.4 添加上新公告 208
8.2.5 使用鹿班智能貨架添加商品 211
8.3 應用實例——鹿班一鍵全店智能裝修 213
課后練習題 215
書單推薦
