《這么設計能熱賣(mài)》源自熱門(mén)電商設計公眾號“做設計的面條”,歷時(shí)3年創(chuàng )作的超過(guò)1100頁(yè)的磅礴之作。電商設計是一門(mén)獨特的設計方向,是超過(guò)視覺(jué)的一種設計,本書(shū)從運營(yíng)思維著(zhù)手解析電商設計獨特的“營(yíng)銷(xiāo)”氛圍,是目前市場(chǎng)上十分難得的電商設計參考書(shū)。
《這么設計能熱賣(mài)——融入運營(yíng)思維的電商設計進(jìn)階寶典(套裝共兩冊)》是一本關(guān)于電商設計的專(zhuān)業(yè)圖書(shū),不僅教你一些具體的設計方法,還會(huì )讓你了解電商設計的定義和規范、看到行業(yè)現狀和了解行業(yè)未來(lái)走向,重要的是,本書(shū)作為一本設計圖書(shū),全面、徹底地融入了運營(yíng)思維。
本書(shū)作者是從業(yè)8年的專(zhuān)業(yè)電商設計師,本書(shū)寫(xiě)作歷時(shí)3年,全書(shū)超過(guò)1000頁(yè),內容涵蓋:電商設計概述,Banner設計組成,設計基礎知識,營(yíng)銷(xiāo)思維,電商設計方法論,電商設計技法,電商專(zhuān)題設計,詳情頁(yè)設計,節日專(zhuān)題設計,店鋪案例分享與訪(fǎng)談,電商設計師從業(yè)指南以及電商設計必須了解的其他專(zhuān)業(yè)與非專(zhuān)業(yè)技能等。
本書(shū)不僅僅是一本工具書(shū),它是由紙質(zhì)書(shū)提供專(zhuān)業(yè)系統的電商設計相關(guān)內容,如果讀者在閱讀過(guò)程遇到問(wèn)題,可以到公眾號“做設計的面條”尋求幫助。
除了適合從事電商設計工作3~5年的設計師閱讀,本書(shū)同樣適合尚未入行的電商設計愛(ài)好者、電商運營(yíng)人員、店鋪老板、產(chǎn)品經(jīng)理、UI設計師、交互設計師等,可以幫助讀者打開(kāi)思維,奠定基礎。
吳婷(做設計的面條)
(前)深圳京東JDC視覺(jué)設計師
《做設計的面條》公眾號創(chuàng )始人
站酷六百萬(wàn)人氣推薦設計師
吳婷,籍貫湖北鄂州,畢業(yè)于武漢輕工大學(xué),2007級工業(yè)設計專(zhuān)業(yè),2011年大學(xué)畢業(yè)后從事了近1年的UI設計工作,后又因為興趣而轉行做了電商設計。
自2015年在深圳京東就職期間便開(kāi)始發(fā)表電商設計相關(guān)文章,并多次被站酷、優(yōu)秀網(wǎng)頁(yè)設計、人人都是產(chǎn)品經(jīng)理、數英等網(wǎng)站推薦,所寫(xiě)電商設計文章為廣大設計師群體提供了諸多新的啟發(fā)和方向,在業(yè)內廣受好評。
擅長(cháng)設計點(diǎn)評及Banner設計和解說(shuō),以通俗易懂、風(fēng)趣幽默的方式將復雜的專(zhuān)業(yè)知識深入淺出地傳遞給讀者。
上冊
PART1
電商設計概述
第1章 電商與電商設計 2
1.1 互聯(lián)網(wǎng)的出現為我們帶來(lái)了什么? 3
1.2 電子商務(wù)是指什么? 3
1.3 是什么促進(jìn)了電子商務(wù)的發(fā)展? 4
1.4 電商設計屬于什么范疇? 4
1.5 電商設計的發(fā)展趨勢是什么? 5
1.6 電商設計師有哪些藏身地? 10
1.7 電商設計師需要做哪些內容? 10
1.8 如何走好電商設計這條路? 13
1.9 寫(xiě)在最后——一些嘮叨的話(huà) 15
第2章 電商設計師 16
2.1 服務(wù)于平臺與服務(wù)于店鋪的設計師的共同點(diǎn) 16
2.2 服務(wù)于平臺與服務(wù)于店鋪的設計師的不同點(diǎn) 18
2.3 平臺與店鋪設計師各自的優(yōu)缺點(diǎn) 43
2.2.1 服務(wù)對象/思考角度/工作內容不同 18
2.2.2 福利待遇不同 26
2.2.3 入職要求不同 27
2.2.4 喜好偏好審美不同 28
2.2.5 項目體量不一樣 42
2.3.1 服務(wù)于店鋪的電商設計師的優(yōu)缺點(diǎn) 43
2.3.2 服務(wù)于平臺的電商設計師的優(yōu)缺點(diǎn) 44
PART 2
Banner設計組成篇
第3章 Banner釋義及組成要素 48
3.1 Banner的釋義和運用范圍 48
3.2 Banner的組成要素 52
3.3 Banner賞析 53
3.3.1 先說(shuō)定位方向 53
3.3.2 Banner的表現手法 55
第4章 商品圖的氣質(zhì) 58
4.1 什么是氣質(zhì) 58
4.2 體現產(chǎn)品氣質(zhì)的因素 60
4.2.1 顏色帶給我們的感知 60
4.2.2 形狀體積帶給我們的一些感知 62
4.2.3 質(zhì)感材質(zhì)帶給我們的感知 63
4.2.4 紋理圖案花紋帶給我們的感知 65
4.3 藥妝品牌 67
4.4 總結 67
第5章 實(shí)戰Banner圖設計之商品的玩法 69
5.1 項目前期準備 69
5.2 風(fēng)格定位關(guān)鍵詞 70
5.2.1 關(guān)鍵詞:大牌、穩重 70
5.2.2 關(guān)鍵詞:時(shí)尚、品質(zhì)感、促銷(xiāo)(時(shí)尚感大于促銷(xiāo)感) 71
5.2.3 關(guān)鍵詞:可愛(ài)、熱鬧、親和力 72
5.2.4 關(guān)鍵詞:素雅、安靜、大面積留白、文藝、簡(jiǎn)約 73
5.2.5 關(guān)鍵詞:促銷(xiāo)、形式感佳 74
5.2.6 關(guān)鍵詞:高冷簡(jiǎn)潔的促銷(xiāo) 75
5.3 Banner圖設計實(shí)戰 76
5.3.1 切邊構圖+截取部分商品展示+大量商品 77
5.3.2 模擬商品真實(shí)擺放場(chǎng)景+三件以上商品 78
5.3.3 商品堆放+三件以上商品 79
5.3.4 遠景近景的對比+兩件以上物品 80
5.3.5 穿在模特身上展示+大小對比+1件以上物品 81
5.3.6 商品飄散+大小對比+虛實(shí)對比+3件以上商品 82
5.3.7 按某種規律平鋪商品+4件以上商品 84
5.3.8 鋪滿(mǎn)整個(gè)畫(huà)面+前后景+許多商品 85
5.3.9 手繪+虛實(shí)結合+1個(gè)以上商品 86
5.3.10 結合商品特點(diǎn)排版+從文案里找靈感+2件以上商品 87
5.3.11 超大產(chǎn)品圖局部細節展示+1件商品 88
5.3.12 背景疊加 89
第6章 模特該怎么用 91
6.1 為什么會(huì )用到模特 91
6.2 模特用在什么位置 92
6.3 模特該怎么用 92
6.3.1 大型綜合促銷(xiāo)專(zhuān)題活動(dòng) 93
6.3.2 促銷(xiāo)為主的一般活動(dòng) 94
6.3.3 非促銷(xiāo)為主的活動(dòng) 94
6.3.4 “耍大牌” 97
6.4 [實(shí)戰]模特該怎么用 99
6.4.1 價(jià)格引導型 99
6.4.2 功能引導型 100
6.4.3 情感引導型 102
6.4.4 地位引導型 104
6.4.5 品牌共鳴型 105
第7章 標題該怎么設計 107
7.1 從圖形設計的角度去理解 107
7.2 從質(zhì)感風(fēng)格的角度去理解 109
7.3 從文字排版的角度去理解 114
7.4 從字體氣質(zhì)的角度去理解 118
7.5 從色彩搭配的角度去理解 120
7.5.1 氣質(zhì)跟頁(yè)面保持一致 121
7.5.2 從信息識別的角度 121
7.6 文化背景 122
第8章 點(diǎn)綴元素怎么玩 124
8.1 點(diǎn)綴元素所起到的作用 124
8.2 點(diǎn)綴元素的存在形式 125
8.3 不同氣質(zhì)Banner中的點(diǎn)綴元素 128
8.4 點(diǎn)綴元素的排版形式 129
8.5 點(diǎn)綴元素的獲取方法 130
8.5.1 元素提取法 131
8.5.2 聯(lián)想發(fā)散法 131
8.6 運用點(diǎn)綴元素的注意事項 133
第9章 背景怎么玩(故事思維做設計) 135
9.1 大量留白的背景 137
9.2 點(diǎn)綴物烘托的背景 138
9.3 紋理圖案/商品/模特/LOGO疊加于背景 138
9.4 實(shí)景拍攝 141
9.5 合成場(chǎng)景 142
PART 3
設計基礎知識篇
第10章 電商設計中排版的奧秘 144
10.1 平面構成的含義是什么? 144
10.2 電商Banner圖是由什么組成的? 144
10.3 如何在Banner設計中運用平面構成 145
10.3.1 元素與元素之間的排列關(guān)系 145
10.3.2 所有元素在一起所體現的構成形式 146
10.3.3 常用的平面術(shù)語(yǔ) 155
10.4 平面構成之于電商Banner的意義 160
第11章 電商Banner設計之色彩的奧秘 171
11.1 普遍意義上的色彩是指什么? 171
11.2 Banner設計中影響信息傳達的因素 173
11.2.1 整體的畫(huà)面氣質(zhì)是否對路 173
11.2.2 信息的層級關(guān)系 177
11.2.3 是否考量了Banner所投放的環(huán)境 180
11.3 色彩在Banner設計中所起的作用 183
11.3.1 點(diǎn)綴作用(渲染氛圍用)? 183
11.3.2 突出主體(梳理信息層級)? 184
......