《電商設(shè)計解析與案例教程》是一本電商設(shè)計的教程,全書共5章。先是簡單說明做電商設(shè)計需要了解的平面設(shè)計基礎(chǔ)知識;其次,展開說明做電商設(shè)計需要了解的色彩知識、版式設(shè)計與構(gòu)圖法則,以及需要掌握的合成技巧等;末尾,分別講解店招、Banner、首頁、主圖、直通車圖和詳情頁的設(shè)計方法。
《電商設(shè)計解析與案例教程》適合想要成為電商設(shè)計師、版式設(shè)計師和海報設(shè)計師的讀者學(xué)習(xí),也適合作為院校和培訓(xùn)機(jī)構(gòu)相關(guān)專業(yè)師生的參考教材。
1.10年平面設(shè)計、電商設(shè)計經(jīng)驗總結(jié),詳細(xì)介紹電商設(shè)計圖的合成方法;
2.內(nèi)容翔實,色彩知識、版式設(shè)計、構(gòu)圖法則、合成技巧、商業(yè)案例全解析;
3.隨書附贈綜合案例源文件、功能練習(xí)參考素材和PPT 教學(xué)課件;
4.額外附贈41個電商設(shè)計PSD分層源文件。
張修 擁有10 年平面設(shè)計和電商設(shè)計經(jīng)驗,多所院校的設(shè)計專業(yè)客座講師,虎課網(wǎng)講師,站酷設(shè)計師,AIGA(美國平面設(shè)計協(xié)會)會員,人民郵電出版社簽約作者。
第 1章電商設(shè)計基礎(chǔ)理論 7
1.1 影響設(shè)計的要素 8
1.2 設(shè)計的構(gòu)成 9
1.2.1 平面構(gòu)圖 9
1.2.2 色彩搭配 9
1.2.3 版式設(shè)計 10
1.2.4 風(fēng)格手法 11
第 2章 電商設(shè)計需要了解的色彩知識 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è)計的配色 34
2.4.1 首焦圖Banner的配色 34
2.4.2 主圖配色 38
2.5 綜合案例直通車設(shè)計圖配色 41
第3章 版式設(shè)計與構(gòu)圖法則 45
3.1 版式如何決定價值 46
3.1.1 如何判斷版式的好與壞 46
3.1.2 版式設(shè)計案例 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 綜合案例行李箱專題活動海報 59
3.2.5 綜合案例運(yùn)動鞋海報 62
3.3 平衡構(gòu)圖技法 64
3.3.1 黃金比例之美 64
3.3.2 構(gòu)圖方法 69
3.3.3 綜合案例吸塵器海報 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è)計的誤區(qū) 107
3.7 綜合案例榨汁機(jī)海報優(yōu)化方案 110
第4章 電商設(shè)計需要掌握的合成技巧 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è)計實戰(zhàn)演練 155
5.1 店招設(shè)計 156
5.1.1 店招的概念 156
5.1.2 店招的設(shè)計 156
5.1.3 綜合案例店招設(shè)計實操 157
5.2 Banner設(shè)計 158
5.2.1 首屏海報 158
5.2.2 綜合案例首屏海報設(shè)計實操 163
5.2.3 Banner表現(xiàn)形式 166
5.2.4 綜合案例Banner海報設(shè)計實操 169
5.3 首頁設(shè)計 171
5.3.1 頁面設(shè)計框架 171
5.3.2 活動頁面設(shè)計 176
5.4 主圖與直通車圖設(shè)計 178
5.4.1 主圖設(shè)計 178
5.4.2 直通車圖設(shè)計 183
5.5 詳情頁設(shè)計 187
5.5.1 框架結(jié)構(gòu) 187
5.5.2 設(shè)計形式 188
5.5.3 詳情頁設(shè)計案例分析 192