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

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