網(wǎng)店設(shè)計看這本就夠了（全彩升級版）

01網(wǎng)店設(shè)計的背景
1.1　互聯(lián)網(wǎng)技術(shù)的發(fā)展 002
1.1.1　移動支付的迅猛發(fā)展 002
1.1.2　電子商務(wù)的乘勝追擊 003
1.2　新零售—線上線下的無界零售 004
1.3　新零售時代的電商運作新思維 007
1.3.1　體驗消費：與用戶建立場景連接 007
1.3.2　社交互動：與用戶建立情感連接 008

02網(wǎng)店視覺營銷的黃金定律
2.1　聚集定律 010
2.2　信任定律 012
2.3　專屬定律 014
2.4　細(xì)分定律 018
2.5　融合定律 022
2.6　情感定律 024
2.7　犧牲定律 027
2.8　坦誠定律 030
2.9　痛點定律 031
2.10　移動定律 032
2.11　社群定律 034

03網(wǎng)店視覺設(shè)計中的色彩要素
3.1　色彩原理 037
3.2　色彩三要素 038
3.2.1　明度 038
3.2.2　色相 040
3.2.3　純度 043
3.3　常見的色系配色 045
3.3.1　紅色系配色 045
3.3.2　橙色系配色 053
3.3.3　黃色系配色 061
3.3.4　綠色系配色 069
3.3.5　藍(lán)色系配色 077
3.3.6　紫色系配色 087
3.3.7　無色系配色 093

04網(wǎng)店視覺設(shè)計中的文字要素
4.1　文字的編排準(zhǔn)則 101
4.1.1　準(zhǔn)確性 101
4.1.2　易讀性 102
4.1.3　審美性 102
4.2　常見的字體風(fēng)格 103
4.2.1　線形 104
4.2.2　書法 104
4.2.3　手寫體 105
4.2.4　規(guī)整 106
4.2.5　藝術(shù) 107
4.3　運用合理的分割來進行文字布局 108
4.3.1　垂直分割 108
4.3.2　水平分割 109

05網(wǎng)店視覺設(shè)計中的圖像要素
5.1　圖像展示商品的方法 111
5.1.1　常規(guī)展示商品法 111
5.1.2　細(xì)節(jié)展示商品法 112
5.2　圖像的分類 112
5.2.1　廣告圖 112
5.2.2　產(chǎn)品主圖 113
5.2.3　實拍圖 114

06網(wǎng)店視覺設(shè)計中的版式要素
6.1　版式視覺流程 116
6.1.1　單向型的版面指向 116
6.1.2　曲線型的版面指向 116
6.2　版式設(shè)計的形式美法則 118
6.2.1　對稱與均衡 118
6.2.2　節(jié)奏與韻律 118
6.2.3　對比與調(diào)和 119
6.2.4　虛實與留白 120
6.3　對齊方式 121
6.3.1　左對齊 121
6.3.2　右對齊 121
6.3.3　居中對齊 122
6.3.4　組合對齊 123
6.4　常用的布局形式 123
6.4.1　展示形象 125
6.4.2　分組清晰 125
6.4.3　集中視覺 126
6.4.4　引導(dǎo)視線 126
6.4.5　注重搭配 127
6.4.6　信息豐富 127
6.4.7　對稱頁面 128
6.4.8　金字塔型 129

07網(wǎng)店核心功能區(qū)塊的設(shè)計
7.1　導(dǎo)航設(shè)計 131
7.1.1　首頁導(dǎo)航 131
7.1.2　面包屑導(dǎo)航 140
7.2　首屏設(shè)計 145
7.3　登錄注冊頁設(shè)計 155
7.4　商品列表頁設(shè)計 163
7.5　商品詳情頁設(shè)計 175
7.6　網(wǎng)站頁腳設(shè)計 186

08網(wǎng)店頁面創(chuàng)意設(shè)計
8.1　創(chuàng)意及創(chuàng)意思維 190
8.1.1　什么是創(chuàng)意 190
8.1.2　創(chuàng)意思維原則 190
8.2　常見的創(chuàng)意手法 193
8.2.1　巧用對比 193
8.2.2　大膽夸張 194
8.2.3　富于聯(lián)想 194
8.2.4　善用比喻 195
8.2.5　趣味幽默 195
8.2.6　以小見大 196
8.2.7　古典傳統(tǒng) 197
8.2.8　流行時尚 197
8.2.9　偶像崇拜 198

09網(wǎng)店商品陳列設(shè)計
9.1　商品陳列的意義 200
9.2　商品陳列細(xì)節(jié)設(shè)計 200
9.2.1　讓新顧客輕松找到產(chǎn)品，快速熟悉產(chǎn)品目錄 200
9.2.2　讓老顧客第一時間看到上架的新品 203
9.2.3　陳列的目的是讓顧客做出決策 206
9.2.4　在合適的位置推出主打產(chǎn)品 207
9.2.5　不要輕易更換動線和布局 208
9.2.6　每個功能模塊所展示的產(chǎn)品數(shù)量要合理 208
9.2.7　陳列的圖片規(guī)格既要節(jié)省空間又要清晰表達(dá)產(chǎn)品特征 208
9.2.8　陳列中巧用文字和數(shù)字的影響 209
9.2.9　每個陳列模塊之間要有清晰的界限 209
9.2.10　不要濫用廣告圖 209
9.2.11　把握陳列中引起購物欲望的元素 209
9.2.12　陳列中不可忽視的即興消費 209

10移動購物APP設(shè)計
10.1　移動購物的特點 211
10.2　桌面端與手機端的設(shè)計要素對比 212
10.2.1　設(shè)備特征的對比 212
10.2.2　交互特征的對比 213
10.2.3　購物情景的對比 216
10.2.4　購物流程的對比 218
10.2.5　購物任務(wù)的對比 220
10.2.6　購物服務(wù)的對比 221
10.2.7　用戶習(xí)慣的對比 222
10.3　移動購物APP界面設(shè)計的基本原則 225
10.3.1　物品信息多通道應(yīng)用原則 225
10.3.2　物品展示趣味化原則 226
10.3.3　圖片流加載預(yù)體現(xiàn)原則 227
10.3.4　界面重構(gòu)中信息自然關(guān)聯(lián)性原則 228
10.3.5　元素展現(xiàn)中縮短用戶信息思考流原則 229
10.3.6　瀏覽頁預(yù)測用戶潛在意圖原則 230
10.4　差異化定位 231
10.4.1　原料差異化 232
10.4.2　設(shè)計差異化 232
10.4.3　工藝差異化 234
10.4.4　渠道差異化 234
10.4.5　功能差異化 236
10.4.6　服務(wù)差異化 237
10.4.7　形象差異化 238

11新零售時代網(wǎng)店設(shè)計的新興形態(tài)
11.1　短視頻+電商——內(nèi)容即廣告，所見即所得 241
11.1.1　短視頻與電商融合的過程 241
11.1.2　電商平臺短視頻的布局 243
11.2　從直播到MR——以更生動逼真的方式提升消費體驗 245

參考文獻 248