本書全面系統(tǒng)地介紹了電商設(shè)計的相關(guān)知識點和基本設(shè)計技巧，包括初識電商設(shè)計、商品精修與視覺合成、營銷推廣圖設(shè)計、PC端海報設(shè)計、移動端海報設(shè)計、商品詳情頁設(shè)計、PC端店鋪首頁設(shè)計、移動端店鋪首頁設(shè)計、PC端活動專題頁設(shè)計和移動端活動專題頁設(shè)計等內(nèi)容。
本書自第2章起內(nèi)容介紹均以知識點講解加課堂案例為主線。知識點講解部分使學(xué)生能夠系統(tǒng)地了解網(wǎng)頁設(shè)計的各類規(guī)范，課堂案例部分可以使學(xué)生快速掌握電商設(shè)計流程并能完成案例制作。第2章至第10章的最后還安排了課堂練習(xí)和課后習(xí)題，可以培養(yǎng)學(xué)生對電商設(shè)計的實際應(yīng)用能力。
本書既可作為高職高專院校數(shù)字媒體藝術(shù)類專業(yè)課程的教材，也可供電商設(shè)計初學(xué)者自學(xué)參考。
1.慕課支撐教學(xué)
2.案例豐富，淺顯易懂，增加課程思政，貼近教學(xué)實際
3.案例貼近工程實際，拓展學(xué)生對電商設(shè)計的實際應(yīng)用能力
4.附贈資源豐富，素材、擴展案例、教學(xué)大綱等
沙新美,女,副研究員、工程師、中共黨員,現(xiàn)任蘇州經(jīng)貿(mào)職業(yè)技術(shù)學(xué)院教務(wù)處副處長、環(huán)境藝術(shù)設(shè)計專業(yè)教師,指導(dǎo)學(xué)生創(chuàng)新創(chuàng)業(yè)項目《全銳科技》獲江蘇省冠軍、第七屆中國國家”互聯(lián)網(wǎng)+“大學(xué)生創(chuàng)新創(chuàng)業(yè)大賽金獎，本人獲評創(chuàng)新創(chuàng)業(yè)優(yōu)秀創(chuàng)業(yè)導(dǎo)師，曾獲蘇州市先進(jìn)教育工作者、蘇州市優(yōu)秀指導(dǎo)教師等榮譽。
主要成果：論文《禪椅的發(fā)展與應(yīng)用淺析》被《解放日報》轉(zhuǎn)載,論文《園林植物季相變化對園林空間景觀營造的影響》發(fā)表于核心期刊《分子植物育種》等。主編職業(yè)教育國家“十二五”規(guī)劃教材《Painter12中文版案例教程》。主持國家資源庫中國絲綢技藝《絲綢紋樣藝術(shù)》課程。
目錄
第 1章 初識電商設(shè)計
1.1 電商設(shè)計的基本概述 2
1.1.1 電商設(shè)計的基本概念 2
1.1.2 電商設(shè)計的主流平臺 2
1.2 電商設(shè)計師的基本概述 2
1.2.1 電商設(shè)計師的類型劃分 2
1.2.2 電商設(shè)計師的工作內(nèi)容 3
1.2.3 電商設(shè)計師的專業(yè)技能 4
1.2.4 電商設(shè)計師的常用軟件 4
1.3 電商設(shè)計的發(fā)展趨勢 4
1.4 電商設(shè)計的項目流程 5
1.5 電商設(shè)計的規(guī)范規(guī)則 6
1.5.1 單位 6
1.5.2 頁面結(jié)構(gòu) 7
1.5.3 柵格系統(tǒng) 7
1.5.4 文字規(guī)則 9
1.6 電商設(shè)計的設(shè)計基礎(chǔ) 11
1.6.1 基礎(chǔ)元素 11
1.6.2 顏色搭配 12
1.6.3 字體表現(xiàn) 12
1.6.4 版式設(shè)計 14
第 2章 商品精修與視覺合成
2.1 商品精修 17
2.1.1 商品精修的核心要素 17
2.1.2 商品精修的常用技法 18
2.1.3 理解光影與材質(zhì) 18
2.1.4 課堂案例——茶葉包裝精修 19
2.2 視覺合成 21
2.2.1 視覺合成的基本類型 22
2.2.2 視覺合成的透視知識 22
2.2.3 視覺合成的光影表現(xiàn) 23
2.2.4 課堂案例——自然植物場景合成 27
2.3 課堂練習(xí)——發(fā)膜瓶精修圖 30
2.4 課后習(xí)題——室內(nèi)空間場景合成 30
第3章 營銷推廣圖設(shè)計
3.1 主圖設(shè)計 32
3.1.1 主圖的基本概念 32
3.1.2 主圖的設(shè)計尺寸 32
3.1.3 主圖的設(shè)計方法 33
3.1.4 課堂案例——嘉興肉粽主圖設(shè)計 33
3.2 直通車圖設(shè)計 44
3.2.1 直通車圖的基本概念 45
3.2.2 直通車圖的設(shè)計尺寸 46
3.2.3 直通車圖的設(shè)計方法 46
3.2.4 課堂案例——洗衣機直通車圖設(shè)計 47
3.3 鉆展圖設(shè)計 62
3.3.1 鉆展圖的基本概念 62
3.3.2 鉆展圖的設(shè)計尺寸 62
3.3.3 鉆展圖的設(shè)計方法 63
3.3.4 課堂案例——面膜鉆展圖設(shè)計 64
3.4 課堂練習(xí)——健康鈣片直通車圖設(shè)計 69
3.5 課后習(xí)題——生鮮食品鉆展圖設(shè)計 70
第4章 PC端海報設(shè)計
4.1 PC端海報的基本概述 72
4.1.1 PC端海報的常見類型 72
4.1.2 PC端海報的常見尺寸 72
4.2 PC端海報的版面布局 72
4.2.1 PC端海報的布局類型 73
4.2.2 PC端海報的布局原則 73
4.3 PC端海報的表現(xiàn)形式 74
4.3.1 PC端海報的風(fēng)格定位 74
4.3.2 PC端海報的表現(xiàn)手法 75
4.3.3 課堂案例——西湖龍井海報設(shè)計 75
4.4 課堂練習(xí)——空調(diào)海報設(shè)計 81
4.5 課后習(xí)題——沐浴露海報設(shè)計 81
第5章 移動端海報設(shè)計
5.1 移動端海報的基本概述 83
5.1.1 移動端海報的常見類型 83
5.1.2 移動端海報的常見尺寸 83
5.2 移動端海報的版面布局 84
5.2.1 移動端海報的布局類型 84
5.2.2 移動端海報的布局原則 84
5.3 移動端海報的設(shè)計技巧 84
5.3.1 圖形分割 85
5.3.2 簡潔背景 86
5.3.3 課堂案例——女裝移動端海報設(shè)計 86
5.4 課堂練習(xí)——年貨禮券移動端海報設(shè)計 90
5.5 課后習(xí)題——牛奶草莓移動端海報設(shè)計 91
第6章 商品詳情頁設(shè)計
6.1 商品詳情頁的基本概述 93
6.2 商品焦點圖設(shè)計 94
6.2.1 商品焦點圖的基本概念 94
6.2.2 商品焦點圖的設(shè)計規(guī)則 94
6.2.3 課堂案例——中秋月餅商品焦點圖設(shè)計 94
6.3 賣點提煉設(shè)計 97
6.3.1 賣點提煉的基本概念 97
6.3.2 賣點提煉的設(shè)計規(guī)則 98
6.3.3 課堂案例——中秋月餅賣點提煉設(shè)計 98
6.4 商品展示設(shè)計 103
6.4.1 商品展示的基本概念 103
6.4.2 商品展示的設(shè)計規(guī)則 104
6.4.3 課堂案例——中秋月餅商品展示設(shè)計 104
6.5 細(xì)節(jié)展示設(shè)計 107
6.5.1 細(xì)節(jié)展示的基本概念 107
6.5.2 細(xì)節(jié)展示的設(shè)計規(guī)則 107
6.5.3 課堂案例——中秋月餅細(xì)節(jié)展示設(shè)計 107
6.6 商品信息設(shè)計 112
6.6.1 商品信息的基本概念 112
6.6.2 商品信息的設(shè)計規(guī)則 112
6.6.3 課堂案例——中秋月餅商品信息設(shè)計 112
6.7 其他模塊設(shè)計 115
6.7.1 其他模塊的基本概念 115
6.7.2 其他模塊的設(shè)計規(guī)則 116
6.7.3 課堂案例——中秋月餅其他模塊設(shè)計及模塊合并 116
6.8 課堂練習(xí)——耳機詳情頁設(shè)計 119
6.9 課后習(xí)題——中式餐具詳情頁設(shè)計 120
第7章 PC端店鋪首頁設(shè)計
7.1 PC端店鋪首頁的基本概述 122
7.2 店招導(dǎo)航設(shè)計 122
7.2.1 店招導(dǎo)航的基本概念 122
7.2.2 店招導(dǎo)航的設(shè)計規(guī)則 123
7.2.3 課堂案例——護(hù)膚品店招導(dǎo)航設(shè)計 123
7.3 輪播海報設(shè)計 126
7.3.1 輪播海報的基本概念 126
7.3.2 輪播海報的設(shè)計規(guī)則 126
7.3.3 課堂案例——護(hù)膚品輪播 海報設(shè)計 126
7.4 優(yōu)惠券設(shè)計 131
7.4.1 優(yōu)惠券的基本概念 131
7.4.2 優(yōu)惠券的設(shè)計規(guī)則 131
7.4.3 課堂案例——護(hù)膚品優(yōu)惠券設(shè)計 131
7.5 分類導(dǎo)航設(shè)計 135
7.5.1 分類導(dǎo)航的基本概念 136
7.5.2 分類導(dǎo)航的設(shè)計規(guī)則 136
7.5.3 課堂案例——護(hù)膚品分類導(dǎo)航設(shè)計 137
7.6 商品展示設(shè)計 139
7.6.1 商品展示的基本概念 139
7.6.2 商品展示的設(shè)計規(guī)則 140
7.6.3 課堂案例——護(hù)膚品商品展示設(shè)計 141
7.7 底部信息設(shè)計 145
7.7.1 底部信息的基本概念 145
7.7.2 底部信息的設(shè)計規(guī)則 145
7.7.3 課堂案例——護(hù)膚品底部信息設(shè)計及模塊合并 146
7.8 課堂練習(xí)——數(shù)碼產(chǎn)品店鋪首頁設(shè)計 149
7.9 課后習(xí)題——新中式家具店鋪首頁設(shè)計 150
第8章 移動端店鋪首頁設(shè)計
8.1 移動端店鋪的基本概述 153
8.1.1 移動端店鋪設(shè)計的必要性 153
8.1.2 移動端店鋪與PC端店鋪的區(qū)別 153
8.1.3 移動端店鋪的設(shè)計關(guān)鍵點 155
8.2 移動端店鋪首頁設(shè)計 155
8.2.1 輪播海報設(shè)計 156
8.2.2 優(yōu)惠券設(shè)計 157
8.2.3 分類導(dǎo)航設(shè)計 157
8.2.4 商品展示設(shè)計 157
8.2.5 底部信息設(shè)計 158
8.2.6 課堂案例——移動端護(hù)膚品店鋪首頁設(shè)計 158
8.3 課堂練習(xí)——移動端數(shù)碼產(chǎn)品店鋪首頁設(shè)計 175
8.4 課后習(xí)題——移動端新中式家具店鋪首頁設(shè)計 177
第9章 PC端活動專題頁設(shè)計
9.1 PC端活動專題頁的基本類型 179
9.2 PC端活動專題頁的表現(xiàn)形式 180
9.2.1 矩形排列 180
9.2.2 場景展示 180
9.3 PC端活動專題頁的板塊設(shè)計 181
9.3.1 PC端活動專題頁的設(shè)計尺寸 181
9.3.2 PC端活動專題頁的頁面結(jié)構(gòu) 181
9.3.3 PC端活動專題頁的設(shè)計要點 182
9.3.4 課堂案例——品質(zhì)家電平臺專題頁設(shè)計 184
9.4 課堂練習(xí)——初春煥新家電平臺專題頁設(shè)計 201
9.5 課后習(xí)題——年貨堅果店鋪專題頁設(shè)計 202
第 10章 移動端活動專題頁設(shè)計
10.1 移動端活動專題頁的基本類型 204
10.2 移動端活動專題頁的呈現(xiàn)特點 204
10.2.1 文字可見 204
10.2.2 內(nèi)容精簡 205
10.2.3 層次分明 205
10.2.4 重點突出 206
10.3 移動端活動專題頁的板塊設(shè)計 206
10.3.1 移動端活動專題頁的設(shè)計尺寸 206
10.3.2 移動端活動專題頁的頁面結(jié)構(gòu) 207
10.3.3 課堂案例——移動端品質(zhì)家電平臺專題頁設(shè)計 208
10.4 課堂練習(xí)——移動端初春煥新家電平臺專題頁設(shè)計 225
10.5 課后習(xí)題——移動端年貨堅果店鋪專題頁設(shè)計 226
書單推薦
