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

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