书籍目录

第一篇基础理论篇

第1章网页设计概述 ……………………………………………………………………………………1

1.1

网页设计基础知识 ……………………………………………………………………………2

1.2

网页的分类与应用 ……………………………………………………………………………8

1.3网页设计规范

…………………………………………………………………………………13

1.4

网页设计相关软件和技术 ……………………………………………………………………20

1.5

人工智能时代的网页设计 ……………………………………………………………………23 拓展训练:软件专业资讯网设计方案 ………………………………………………………………24 课后练习 ……………………………………………………………………………………………25

第2章网页色彩设计 …………………………………………………………………………………27

2.1色彩基础知识

…………………………………………………………………………………28

2.2

网页色彩搭配原则 ……………………………………………………………………………37

2.3网页色调选择

…………………………………………………………………………………38

2.4

AI色彩探索 …………………………………………………………………………………41

2.5

网页色彩设计案例 ……………………………………………………………………………43 拓展训练:东方茶饮品牌网页色彩设计 ……………………………………………………………46 课后练习 ……………………………………………………………………………………………47

第3章网页布局设计 …………………………………………………………………………………49

3.1网页的结构

……………………………………………………………………………………50

3.2

网页设计的尺寸规划 …………………………………………………………………………54

3.3

网页布局的类型 ………………………………………………………………………………56

3.4

“即时设计”与 AI辅助布局设计 ……………………………………………………………59

3.5

网页布局设计案例 ……………………………………………………………………………62 拓展训练:社区公益网站布局设计 …………………………………………………………………67 课后练习 ……………………………………………………………………………………………69

第4章网页文字设计 …………………………………………………………………………………70

4.1

文字的常见类型 ………………………………………………………………………………72

4.2网页字体设计

…………………………………………………………………………………74

4.3

网页文字的版式设计 …………………………………………………………………………80

4.4

AI辅助设计:用 De

pSe

k优化网页文字创作 ……………………………………………85

4.5

网页文字设计案例 ……………………………………………………………………………87 拓展训练:女装 Banner文字设计 …………………………………………………………………92 课后练习 ……………………………………………………………………………………………93

·1·

网页设计 (AI赋能版 )

第二篇项目实践篇

第5章网店视觉设计 ………………………………………………………………………………… 95

5.1网店首页设计

………………………………………………………………………………… 98

5.2

商品详情页设计 …………………………………………………………………………… 104

5.3

AI辅助设计 :“豆包 ”辅助网店视觉设计 ………………………………………………… 112

5.4

网店首页设计案例 ………………………………………………………………………… 114

5.5

商品详情页设计案例 ………………………………………………………………………124 拓展训练 :文创产品详情页设计实训 ……………………………………………………………130 课后练习 ……………………………………………………………………………………………131

第6章官方展示网页设计 …………………………………………………………………………… 132

6.1

官方展示网页的构成要素 ………………………………………………………………… 134

6.2

官方展示网页的设计风格 ………………………………………………………………… 139

6.3

官方展示网页的页面类型 ………………………………………………………………… 143

6.4

AI辅助设计 :“即梦 AI”官方展示网页设计 ……………………………………………… 146

6.5

河北省文化和旅游官方展示网页设计案例 ………………………………………………147 拓展训练 :文化和旅游官方网站专题页设计 ……………………………………………………155 课后练习 ……………………………………………………………………………………………156

第7章移动 App界面设计 …………………………………………………………………………… 157

7.1

界面设计的核心原则 ……………………………………………………………………… 159

7.2常用界面类型

……………………………………………………………………………… 164

7.3

移动端页面设计规范 ……………………………………………………………………… 172

7.4

AI辅助视觉优化 :Midjourney界面质感升级 …………………………………………… 174

7.5

生活类电商平台 App设计案例 …………………………………………………………… 175

7.6综合案例

:家居电商 App首页视觉设计 …………………………………………………183 拓展训练 :运动健康类 App界面设计 ……………………………………………………………187 课后练习 ……………………………………………………………………………………………188

第三篇综合实训篇

第8章新中式网页设计 ……………………………………………………………………………… 189

8.1

新中式页面设计的前期规划 ……………………………………………………………… 191

8.2页面设计

:构建新中式视觉体系 …………………………………………………………… 196

8.3

网页切片与输出 …………………………………………………………………………… 198

8.4

新中式页面的布局与动效 ………………………………………………………………… 201

8.5

AI辅助设计 :用“豆包编程 ”编写静态网页代码 ………………………………………… 203

8.6

非遗传承网站页面设计案例 ………………………………………………………………205 拓展训练 :文化数字展厅网站设计 ………………………………………………………………213 课后练习 ……………………………………………………………………………………………215

参考文献 ………………………………………………………………………………………………… 216