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

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

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

03網(wǎng)店視覺(jué)設(shè)計(jì)中的色彩要素
3.1　色彩原理 037
3.2　色彩三要素 038
3.2.1　明度 038
3.2.2　色相 040
3.2.3　純度 043
3.3　常見(jiàn)的色系配色 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　無(wú)色系配色 093

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

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

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

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

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

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

10移動(dòng)購(gòu)物APP設(shè)計(jì)
10.1　移動(dòng)購(gòu)物的特點(diǎn) 211
10.2　桌面端與手機(jī)端的設(shè)計(jì)要素對(duì)比 212
10.2.1　設(shè)備特征的對(duì)比 212
10.2.2　交互特征的對(duì)比 213
10.2.3　購(gòu)物情景的對(duì)比 216
10.2.4　購(gòu)物流程的對(duì)比 218
10.2.5　購(gòu)物任務(wù)的對(duì)比 220
10.2.6　購(gòu)物服務(wù)的對(duì)比 221
10.2.7　用戶(hù)習(xí)慣的對(duì)比 222
10.3　移動(dòng)購(gòu)物APP界面設(shè)計(jì)的基本原則 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)中縮短用戶(hù)信息思考流原則 229
10.3.6　瀏覽頁(yè)預(yù)測(cè)用戶(hù)潛在意圖原則 230
10.4　差異化定位 231
10.4.1　原料差異化 232
10.4.2　設(shè)計(jì)差異化 232
10.4.3　工藝差異化 234
10.4.4　渠道差異化 234
10.4.5　功能差異化 236
10.4.6　服務(wù)差異化 237
10.4.7　形象差異化 238

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

參考文獻(xiàn) 248