《電商設(shè)計(jì)解析與案例教程》是一本電商設(shè)計(jì)的教程,全書共5章。先是簡單說明做電商設(shè)計(jì)需要了解的平面設(shè)計(jì)基礎(chǔ)知識;其次,展開說明做電商設(shè)計(jì)需要了解的色彩知識、版式設(shè)計(jì)與構(gòu)圖法則,以及需要掌握的合成技巧等;末尾,分別講解店招、Banner、首頁、主圖、直通車圖和詳情頁的設(shè)計(jì)方法。
《電商設(shè)計(jì)解析與案例教程》適合想要成為電商設(shè)計(jì)師、版式設(shè)計(jì)師和海報(bào)設(shè)計(jì)師的讀者學(xué)習(xí),也適合作為院校和培訓(xùn)機(jī)構(gòu)相關(guān)專業(yè)師生的參考教材。
1.10年平面設(shè)計(jì)、電商設(shè)計(jì)經(jīng)驗(yàn)總結(jié),詳細(xì)介紹電商設(shè)計(jì)圖的合成方法;
2.內(nèi)容翔實(shí),色彩知識、版式設(shè)計(jì)、構(gòu)圖法則、合成技巧、商業(yè)案例全解析;
3.隨書附贈(zèng)綜合案例源文件、功能練習(xí)參考素材和PPT 教學(xué)課件;
4.額外附贈(zèng)41個(gè)電商設(shè)計(jì)PSD分層源文件。
張修 擁有10 年平面設(shè)計(jì)和電商設(shè)計(jì)經(jīng)驗(yàn),多所院校的設(shè)計(jì)專業(yè)客座講師,虎課網(wǎng)講師,站酷設(shè)計(jì)師,AIGA(美國平面設(shè)計(jì)協(xié)會)會員,人民郵電出版社簽約作者。
第 1章電商設(shè)計(jì)基礎(chǔ)理論 7
1.1 影響設(shè)計(jì)的要素 8
1.2 設(shè)計(jì)的構(gòu)成 9
1.2.1 平面構(gòu)圖 9
1.2.2 色彩搭配 9
1.2.3 版式設(shè)計(jì) 10
1.2.4 風(fēng)格手法 11
第 2章 電商設(shè)計(jì)需要了解的色彩知識 15
2.1 色彩基礎(chǔ) 16
2.1.1 了解色彩 16
2.1.2 色彩與情感的關(guān)系 18
2.1.3 色彩平衡規(guī)律 21
2.2 色彩對心理的影響 23
2.2.1 色彩與消費(fèi)需求 24
2.2.2 色彩的理性與感性 25
2.3 配色的方法 28
2.3.1 配色比例 28
2.3.2 色環(huán)對比 30
2.4 電商設(shè)計(jì)的配色 34
2.4.1 首焦圖Banner的配色 34
2.4.2 主圖配色 38
2.5 綜合案例直通車設(shè)計(jì)圖配色 41
第3章 版式設(shè)計(jì)與構(gòu)圖法則 45
3.1 版式如何決定價(jià)值 46
3.1.1 如何判斷版式的好與壞 46
3.1.2 版式設(shè)計(jì)案例 47
3.2 點(diǎn)線面的構(gòu)成 48
3.2.1 點(diǎn) 48
3.2.2 線 51
3.2.3 面 56
3.2.4 綜合案例行李箱專題活動(dòng)海報(bào) 59
3.2.5 綜合案例運(yùn)動(dòng)鞋海報(bào) 62
3.3 平衡構(gòu)圖技法 64
3.3.1 黃金比例之美 64
3.3.2 構(gòu)圖方法 69
3.3.3 綜合案例吸塵器海報(bào) 85
3.4 邏輯構(gòu)圖的心理學(xué) 88
3.4.1 圖片想象性 89
3.4.2 閱讀舒適性 91
3.4.3 內(nèi)容引導(dǎo) 93
3.5 文字與版式的關(guān)系 97
3.5.1 文字組的距離 97
3.5.2 字距和行距 98
3.5.3 段落版式 99
3.5.4 文字對比 100
3.5.5 綜合案例天貓促銷案例 103
3.5.6 綜合案例鉆戒促銷案例 105
3.6 留白 106
3.6.1 留白的目的 106
3.6.2 留白設(shè)計(jì)的誤區(qū) 107
3.7 綜合案例榨汁機(jī)海報(bào)優(yōu)化方案 110
第4章 電商設(shè)計(jì)需要掌握的合成技巧 113
4.1 合成基礎(chǔ) 114
4.1.1 摳圖技巧 114
4.1.2 圖層混合模式 124
4.1.3 圖像調(diào)色知識 135
4.1.4 圖像修補(bǔ) 140
4.2 光影知識 145
4.2.1 陰影表現(xiàn) 146
4.2.2 光照繪制 151
4.3 透視知識 152
第5章 電商設(shè)計(jì)實(shí)戰(zhàn)演練 155
5.1 店招設(shè)計(jì) 156
5.1.1 店招的概念 156
5.1.2 店招的設(shè)計(jì) 156
5.1.3 綜合案例店招設(shè)計(jì)實(shí)操 157
5.2 Banner設(shè)計(jì) 158
5.2.1 首屏海報(bào) 158
5.2.2 綜合案例首屏海報(bào)設(shè)計(jì)實(shí)操 163
5.2.3 Banner表現(xiàn)形式 166
5.2.4 綜合案例Banner海報(bào)設(shè)計(jì)實(shí)操 169
5.3 首頁設(shè)計(jì) 171
5.3.1 頁面設(shè)計(jì)框架 171
5.3.2 活動(dòng)頁面設(shè)計(jì) 176
5.4 主圖與直通車圖設(shè)計(jì) 178
5.4.1 主圖設(shè)計(jì) 178
5.4.2 直通車圖設(shè)計(jì) 183
5.5 詳情頁設(shè)計(jì) 187
5.5.1 框架結(jié)構(gòu) 187
5.5.2 設(shè)計(jì)形式 188
5.5.3 詳情頁設(shè)計(jì)案例分析 192