邊練邊學(xué)：網(wǎng)頁(yè)UI商業(yè)項(xiàng)目設(shè)計(jì)實(shí)戰(zhàn)

第 1章　網(wǎng)頁(yè)UI設(shè)計(jì)概述　1
學(xué)習(xí)目標(biāo)　1
本章簡(jiǎn)介　1
1．1　網(wǎng)頁(yè)概述　2
1．1．1　網(wǎng)頁(yè)的常見(jiàn)分類　2
1．1．2　網(wǎng)頁(yè)UI的構(gòu)成元素　5
1．1．3　網(wǎng)站開(kāi)發(fā)的基本流程　8
1．2　網(wǎng)頁(yè)UI設(shè)計(jì)相關(guān)理論　11
1．2．1　網(wǎng)頁(yè)UI設(shè)計(jì)的基本流程　11
1．2．2　網(wǎng)頁(yè)布局的基本原則　15
1．2．3　網(wǎng)頁(yè)配色的基本方法　16
1．2．4　網(wǎng)頁(yè)圖像的應(yīng)用原則　19
1．3　網(wǎng)頁(yè)切片　21
1．3．1　網(wǎng)頁(yè)切片概述　21
1．3．2　網(wǎng)頁(yè)切片的編輯　23
1．3．3　常用的切片技巧　27
本章作業(yè)　29
第　2章 營(yíng)銷類網(wǎng)站首頁(yè)UI設(shè)計(jì)　31
學(xué)習(xí)目標(biāo)　31
本章簡(jiǎn)介　31
2．1　項(xiàng)目介紹　32
2．1．1　項(xiàng)目概述　32
2．1．2　首頁(yè)UI設(shè)計(jì)要求　32
2．2　營(yíng)銷類網(wǎng)站首頁(yè)UI設(shè)計(jì)相關(guān)理論　33
2．2．1　營(yíng)銷類網(wǎng)站概述　33
2．2．2　營(yíng)銷類網(wǎng)站的特點(diǎn)　33
2．2．3　營(yíng)銷類網(wǎng)站首頁(yè)UI設(shè)計(jì)技巧　34
2．3　項(xiàng)目設(shè)計(jì)規(guī)劃　35
2．3．1　項(xiàng)目需求分析　35
2．3．2　項(xiàng)目功能和層級(jí)梳理　38
2．4　網(wǎng)站首頁(yè)UI設(shè)計(jì)實(shí)操　40
2．4．1　頭部區(qū)域設(shè)計(jì)　40
2．4．2　輪播圖區(qū)域設(shè)計(jì)　42
2．4．3　主要內(nèi)容區(qū)域設(shè)計(jì)　44
2．4．4　頁(yè)腳區(qū)域設(shè)計(jì)與首頁(yè)切圖　46
本章作業(yè)　48
第3章　教育類網(wǎng)站著陸頁(yè)UI設(shè)計(jì)　49
學(xué)習(xí)目標(biāo)　49
本章簡(jiǎn)介　49
3．1　項(xiàng)目介紹　50
3．1．1　項(xiàng)目概述　50
3．1．2　著陸頁(yè)UI設(shè)計(jì)要求　50
3．2　著陸頁(yè)UI設(shè)計(jì)相關(guān)理論　51
3．2．1　著陸頁(yè)概述　51
3．2．2　著陸頁(yè)的頁(yè)面結(jié)構(gòu)　56
3．2．3　著陸頁(yè)的常見(jiàn)分類　63
3．3　著陸頁(yè)UI設(shè)計(jì)方法　64
3．3．1　著陸頁(yè)的展現(xiàn)形式　64
3．3．2　著陸頁(yè)的布局類型　67
3．3．3　著陸頁(yè)的配色原理　67
3．4　項(xiàng)目設(shè)計(jì)規(guī)劃　69
3．4．1　項(xiàng)目需求分析　69
3．4．2　項(xiàng)目功能和層級(jí)梳理　71
3．5　網(wǎng)站著陸頁(yè)UI設(shè)計(jì)實(shí)操　73
3．5．1　首屏區(qū)域設(shè)計(jì)　74
3．5．2　主要內(nèi)容區(qū)域設(shè)計(jì)　76
3．5．3　次要內(nèi)容區(qū)域和底部區(qū)域設(shè)計(jì)　78
本章作業(yè)　82
第4章　招聘類網(wǎng)站專題頁(yè)UI設(shè)計(jì)　83
學(xué)習(xí)目標(biāo)　83
本章簡(jiǎn)介　83
4．1　項(xiàng)目介紹　84
4．1．1　項(xiàng)目概述　84
4．1．2　專題頁(yè)UI設(shè)計(jì)要求　84
4．2　專題頁(yè)UI設(shè)計(jì)相關(guān)理論　85
4．2．1　專題頁(yè)的常見(jiàn)類型　86
4．2．2　專題頁(yè)的常見(jiàn)結(jié)構(gòu)　87
4．2．3　專題頁(yè)的常見(jiàn)風(fēng)格　91
4．3　項(xiàng)目設(shè)計(jì)規(guī)劃　93
4．3．1　項(xiàng)目需求分析　94
4．3．2　項(xiàng)目功能和層級(jí)整理　95
4．4　專題頁(yè)UI設(shè)計(jì)實(shí)操　98
4．4．1　首屏區(qū)域設(shè)計(jì)　98
4．4．2　主要內(nèi)容區(qū)域設(shè)計(jì)　102
4．4．3　頁(yè)腳區(qū)域設(shè)計(jì)　104
本章作業(yè)　106
第5章　游戲類網(wǎng)站改版UI設(shè)計(jì)　107
學(xué)習(xí)目標(biāo)　107
本章簡(jiǎn)介　107
5．1　項(xiàng)目介紹　108
5．1．1　項(xiàng)目概述　108
5．1．2　網(wǎng)站改版UI設(shè)計(jì)要求　108
5．2　網(wǎng)站改版UI設(shè)計(jì)的相關(guān)理論　108
5．2．1　網(wǎng)站改版的原因　108
5．2．2　網(wǎng)站改版的原則　110
5．2．3　網(wǎng)站改版UI設(shè)計(jì)的流程　111
5．3　項(xiàng)目設(shè)計(jì)規(guī)劃　112
5．3．1　項(xiàng)目需求分析　112
5．3．2　項(xiàng)目功能和層級(jí)梳理　115
5．4　網(wǎng)站改版UI設(shè)計(jì)實(shí)操　116
5．4．1　首屏區(qū)域設(shè)計(jì)　117
5．4．2　主要內(nèi)容區(qū)域設(shè)計(jì)　119
5．4．3　次要內(nèi)容區(qū)域和底部區(qū)域設(shè)計(jì)　121
本章作業(yè)　124
第6章　企業(yè)網(wǎng)站信息管理后臺(tái)UI設(shè)計(jì)　127
學(xué)習(xí)目標(biāo)　127
本章簡(jiǎn)介　127
6．1　項(xiàng)目介紹　128
6．1．1　項(xiàng)目概述　128
6．1．2　信息管理后臺(tái)UI設(shè)計(jì)要求　128
6．2　后臺(tái)產(chǎn)品UI設(shè)計(jì)相關(guān)理論　129
6．2．1　后臺(tái)產(chǎn)品的常見(jiàn)類型　129
6．2．2　后臺(tái)產(chǎn)品的界面結(jié)構(gòu)　131
6．2．3　后臺(tái)產(chǎn)品的界面特征　132
6．3　項(xiàng)目設(shè)計(jì)規(guī)劃　135
6．3．1　項(xiàng)目需求分析　135
6．3．2　項(xiàng)目功能和層級(jí)梳理　136
6．4　OA系統(tǒng)UI設(shè)計(jì)實(shí)操　140
6．4．1　登錄頁(yè)設(shè)計(jì)　140
6．4．2　內(nèi)頁(yè)設(shè)計(jì)　142
本章作業(yè)　143
第7章　平臺(tái)類商城UI設(shè)計(jì)　145
學(xué)習(xí)目標(biāo)　145
本章簡(jiǎn)介　145
7．1　項(xiàng)目介紹　146
7．1．1　項(xiàng)目概述　146
7．1．2　項(xiàng)目設(shè)計(jì)要求　146
7．2　電商平臺(tái)UI設(shè)計(jì)相關(guān)理論　147
7．2．1　電商平臺(tái)的常見(jiàn)分類　147
7．2．2　電商平臺(tái)的常見(jiàn)功能　149
7．2．3　電商平臺(tái)頁(yè)面的基本結(jié)構(gòu)　153
7．3　項(xiàng)目設(shè)計(jì)規(guī)劃　160
7．3．1　項(xiàng)目需求分析　160
7．3．2　項(xiàng)目功能和層級(jí)梳理　162
7．4　平臺(tái)類商城首頁(yè)UI設(shè)計(jì)實(shí)操　163
7．4．1　首屏區(qū)域設(shè)計(jì)　164
7．4．2　商品展示區(qū)域設(shè)計(jì)　166
7．4．3　頁(yè)尾區(qū)域設(shè)計(jì)　168
本章作業(yè)　168
第8章　電商類店鋪首頁(yè)UI設(shè)計(jì)　171
學(xué)習(xí)目標(biāo)　171
本章簡(jiǎn)介　171
8．1　項(xiàng)目介紹　172
8．1．1　項(xiàng)目概述　172
8．1．2　項(xiàng)目設(shè)計(jì)要求　172
8．2　電商類店鋪裝修相關(guān)理論　172
8．2．1　店鋪首頁(yè)　172
8．2．2　商品詳情頁(yè)　180
8．2．3　商品關(guān)聯(lián)頁(yè)　184
8．2．4　商品列表頁(yè)　186
8．3　項(xiàng)目設(shè)計(jì)規(guī)劃　188
8．3．1　項(xiàng)目需求分析　188
8．3．2　項(xiàng)目功能和層級(jí)整理　190
8．4　電商類店鋪首頁(yè)UI設(shè)計(jì)實(shí)操　191
8．4．1　首屏區(qū)域設(shè)計(jì)　192
8．4．2　商品展示區(qū)域設(shè)計(jì)　194
8．4．3　頁(yè)尾區(qū)域設(shè)計(jì)　197
本章作業(yè)　198