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