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

第 1章　網(wǎng)頁UI設(shè)計(jì)概述　1
學(xué)習(xí)目標(biāo)　1
本章簡介　1
1．1　網(wǎng)頁概述　2
1．1．1　網(wǎng)頁的常見分類　2
1．1．2　網(wǎng)頁UI的構(gòu)成元素　5
1．1．3　網(wǎng)站開發(fā)的基本流程　8
1．2　網(wǎng)頁UI設(shè)計(jì)相關(guān)理論　11
1．2．1　網(wǎng)頁UI設(shè)計(jì)的基本流程　11
1．2．2　網(wǎng)頁布局的基本原則　15
1．2．3　網(wǎng)頁配色的基本方法　16
1．2．4　網(wǎng)頁圖像的應(yīng)用原則　19
1．3　網(wǎng)頁切片　21
1．3．1　網(wǎng)頁切片概述　21
1．3．2　網(wǎng)頁切片的編輯　23
1．3．3　常用的切片技巧　27
本章作業(yè)　29
第　2章 營銷類網(wǎng)站首頁UI設(shè)計(jì)　31
學(xué)習(xí)目標(biāo)　31
本章簡介　31
2．1　項(xiàng)目介紹　32
2．1．1　項(xiàng)目概述　32
2．1．2　首頁UI設(shè)計(jì)要求　32
2．2　營銷類網(wǎng)站首頁UI設(shè)計(jì)相關(guān)理論　33
2．2．1　營銷類網(wǎng)站概述　33
2．2．2　營銷類網(wǎng)站的特點(diǎn)　33
2．2．3　營銷類網(wǎng)站首頁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)站首頁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　頁腳區(qū)域設(shè)計(jì)與首頁切圖　46
本章作業(yè)　48
第3章　教育類網(wǎng)站著陸頁UI設(shè)計(jì)　49
學(xué)習(xí)目標(biāo)　49
本章簡介　49
3．1　項(xiàng)目介紹　50
3．1．1　項(xiàng)目概述　50
3．1．2　著陸頁UI設(shè)計(jì)要求　50
3．2　著陸頁UI設(shè)計(jì)相關(guān)理論　51
3．2．1　著陸頁概述　51
3．2．2　著陸頁的頁面結(jié)構(gòu)　56
3．2．3　著陸頁的常見分類　63
3．3　著陸頁UI設(shè)計(jì)方法　64
3．3．1　著陸頁的展現(xiàn)形式　64
3．3．2　著陸頁的布局類型　67
3．3．3　著陸頁的配色原理　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)站著陸頁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)站專題頁UI設(shè)計(jì)　83
學(xué)習(xí)目標(biāo)　83
本章簡介　83
4．1　項(xiàng)目介紹　84
4．1．1　項(xiàng)目概述　84
4．1．2　專題頁UI設(shè)計(jì)要求　84
4．2　專題頁UI設(shè)計(jì)相關(guān)理論　85
4．2．1　專題頁的常見類型　86
4．2．2　專題頁的常見結(jié)構(gòu)　87
4．2．3　專題頁的常見風(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　專題頁UI設(shè)計(jì)實(shí)操　98
4．4．1　首屏區(qū)域設(shè)計(jì)　98
4．4．2　主要內(nèi)容區(qū)域設(shè)計(jì)　102
4．4．3　頁腳區(qū)域設(shè)計(jì)　104
本章作業(yè)　106
第5章　游戲類網(wǎng)站改版UI設(shè)計(jì)　107
學(xué)習(xí)目標(biāo)　107
本章簡介　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
本章簡介　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)品的常見類型　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　登錄頁設(shè)計(jì)　140
6．4．2　內(nèi)頁設(shè)計(jì)　142
本章作業(yè)　143
第7章　平臺(tái)類商城UI設(shè)計(jì)　145
學(xué)習(xí)目標(biāo)　145
本章簡介　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)的常見分類　147
7．2．2　電商平臺(tái)的常見功能　149
7．2．3　電商平臺(tái)頁面的基本結(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)類商城首頁UI設(shè)計(jì)實(shí)操　163
7．4．1　首屏區(qū)域設(shè)計(jì)　164
7．4．2　商品展示區(qū)域設(shè)計(jì)　166
7．4．3　頁尾區(qū)域設(shè)計(jì)　168
本章作業(yè)　168
第8章　電商類店鋪首頁UI設(shè)計(jì)　171
學(xué)習(xí)目標(biāo)　171
本章簡介　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　店鋪首頁　172
8．2．2　商品詳情頁　180
8．2．3　商品關(guān)聯(lián)頁　184
8．2．4　商品列表頁　186
8．3　項(xiàng)目設(shè)計(jì)規(guī)劃　188
8．3．1　項(xiàng)目需求分析　188
8．3．2　項(xiàng)目功能和層級(jí)整理　190
8．4　電商類店鋪首頁UI設(shè)計(jì)實(shí)操　191
8．4．1　首屏區(qū)域設(shè)計(jì)　192
8．4．2　商品展示區(qū)域設(shè)計(jì)　194
8．4．3　頁尾區(qū)域設(shè)計(jì)　197
本章作業(yè)　198