電商設計解析與案例教程

張修
擁有10 年平面設計和電商設計經驗，多所院校的設計專業客座講師，虎課網講師，站酷設計師，AIGA（美國平面設計協會）會員，人民郵電出版社簽約作者。

第 1章電商設計基礎理論 7
1．1 影響設計的要素　8
1．2 設計的構成　9
1．2．1 平面構圖　9
1．2．2 色彩搭配　9
1．2．3 版式設計　10
1．2．4 風格手法　11

第　2章 電商設計需要了解的色彩知識　15
2．1 色彩基礎　16
2．1．1 了解色彩　16
2．1．2 色彩與情感的關係　18
2．1．3 色彩平衡規律　21
2．2 色彩對心理的影響　23
2．2．1 色彩與消費需求　24
2．2．2 色彩的理性與感性　25
2．3 配色的方法　28
2．3．1 配色比例　28
2．3．2 色環對比　30
2．4 電商設計的配色　34
2．4．1 首焦圖Banner的配色　34
2．4．2 主圖配色　38
2．5 綜合案例——直通車設計圖配色　41

第3章　版式設計與構圖法則　45
3．1 版式如何決定價值　46
3．1．1 如何判斷版式的好與壞　46
3．1．2 版式設計案例　47
3．2 點線面的構成　48
3．2．1 點　48
3．2．2 線　51
3．2．3 面　56
3．2．4 綜合案例——行李箱專題活動海報　59
3．2．5 綜合案例——運動鞋海報　62
3．3 平衡構圖技法　64
3．3．1 黃金比例之美　64
3．3．2 構圖方法　69
3．3．3 綜合案例——吸塵器海報　85
3．4 邏輯構圖的心理學　88
3．4．1 圖片想像性　89
3．4．2 閱讀舒適性　91
3．4．3 內容引導　93
3．5 文字與版式的關係　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 留白設計的誤區　107
3．7 綜合案例——榨汁機海報優化方案　110

第4章　電商設計需要掌握的合成技巧　113
4．1 合成基礎　114
4．1．1 摳圖技巧　114
4．1．2 圖層混合模式　124
4．1．3 圖像調色知識　135
4．1．4 圖像修補　140
4．2 光影知識　145
4．2．1 陰影表現　146
4．2．2 光照繪製　151
4．3 透視知識　152

第5章　電商設計實戰演練　155
5．1 店招設計　156
5．1．1 店招的概念　156
5．1．2 店招的設計　156
5．1．3 綜合案例——店招設計實操　157
5．2 Banner設計　158
5．2．1 首屏海報　158
5．2．2 綜合案例——首屏海報設計實操　163
5．2．3 Banner表現形式　166
5．2．4 綜合案例——Banner海報設計實操　169
5．3 首頁設計　171
5．3．1 頁面設計框架　171
5．3．2 活動頁面設計　176
5．4 主圖與直通車圖設計　178
5．4．1 主圖設計　178
5．4．2 直通車圖設計　183
5．5 詳情頁設計　187
5．5．1 框架結構　187
5．5．2 設計形式　188
5．5．3 詳情頁設計案例分析　192