第 1章　網(wǎng)頁UI設(shè)計概述　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設(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

學習目標　31

本章簡介　31

2.1　項目介紹　32

2.1.1　項目概述　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)站的特點　33

2.2.3　營銷類網(wǎng)站首頁UI設(shè)計技巧　34

2.3　項目設(shè)計規(guī)劃　35

2.3.1　項目需求分析　35

2.3.2　項目功能和層級梳理　38

2.4　網(wǎng)站首頁UI設(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

學習目標　49

本章簡介　49

3.1　項目介紹　50

3.1.1　項目概述　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　項目設(shè)計規(guī)劃　69

3.4.1　項目需求分析　69

3.4.2　項目功能和層級梳理　71

3.5　網(wǎng)站著陸頁UI設(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

學習目標　83

本章簡介　83

4.1　項目介紹　84

4.1.1　項目概述　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　專題頁的常見風格　91

4.3　項目設(shè)計規(guī)劃　93

4.3.1　項目需求分析　94

4.3.2　項目功能和層級整理　95

4.4　專題頁UI設(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

學習目標　107

本章簡介　107

5.1　項目介紹　108

5.1.1　項目概述　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　項目設(shè)計規(guī)劃　112

5.3.1　項目需求分析　112

5.3.2　項目功能和層級梳理　115

5.4　網(wǎng)站改版UI設(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

學習目標　127

本章簡介　127

6.1　項目介紹　128

6.1.1　項目概述　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　項目設(shè)計規(guī)劃　135

6.3.1　項目需求分析　135

6.3.2　項目功能和層級梳理　136

6.4　OA系統(tǒng)UI設(shè)計實操　140

6.4.1　登錄頁設(shè)計　140

6.4.2　內(nèi)頁設(shè)計　142

本章作業(yè)　143

第7章　平臺類商城UI設(shè)計　145

學習目標　145

本章簡介　145

7.1　項目介紹　146

7.1.1　項目概述　146

7.1.2　項目設(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　項目設(shè)計規(guī)劃　160

7.3.1　項目需求分析　160

7.3.2　項目功能和層級梳理　162

7.4　平臺類商城首頁UI設(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

學習目標　171

本章簡介　171

8.1　項目介紹　172

8.1.1　項目概述　172

8.1.2　項目設(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　項目設(shè)計規(guī)劃　188

8.3.1　項目需求分析　188

8.3.2　項目功能和層級整理　190

8.4　電商類店鋪首頁UI設(shè)計實操　191

8.4.1　首屏區(qū)域設(shè)計　192

8.4.2　商品展示區(qū)域設(shè)計　194

8.4.3　頁尾區(qū)域設(shè)計　197

本章作業(yè)　198