网站界面设计案例教程2025|PDF|Epub|mobi|kindle电子书版本百度云盘下载

网站界面设计案例教程PDF格式电子书版下载

注意：本站所有压缩包均有解压码： 点击下载压缩包解压工具

第1章 网站界面设计基础1

1.1 网站界面的发展1

1.2 网站界面的构成要素和要点3

1.2.1 网站界面的构成要素3

1.2.2 网站界面设计最基本的技术要素4

1.2.3 网站界面设计要点5

1.3 网站界面设计原则6

1.4 网站界面与软件界面的异同7

1.5 常用工具软件简介9

1.5.1 Photoshop9

1.5.2 Fireworks11

1.5.3 Flash12

1.5.4 Dreamweaver13

1.5.5 其他设计工具13

1.6 习题14

第2章 网站界面设计中的色彩15

2.1 色彩的作用15

2.2 色彩的基本原理17

2.2.1 光与色彩17

2.2.2 色彩的三要素18

2.3 色彩设计的心理效应19

2.3.1 色彩的感觉19

2.3.2 色彩的情感22

2.3.3 色彩搭配运用案例——四叶草公司网站色彩搭配方案34

2.4 习题36

第3章 网站界面设计中的图形图像37

3.1 图形图像的作用37

3.1.1 传达信息37

3.1.2 美化界面37

3.1.3 强化表现38

3.1.4 增强趣味38

3.2 图形图像的分类38

3.2.1 主体图39

3.2.2 辅助图40

3.2.3 导航图标40

3.2.4 标志41

3.3 图形图像的处理技巧41

3.3.1 获取图形图像的方式41

3.3.2 在网页设计中的图像格式42

3.3.3 图形图像的基础操作42

3.4 图形图像的创意与设计46

3.5 图形图像在网页设计中的运用案例——四叶草公司网站图标设计与制作47

3.6 实训56

3.7 习题56

第4章 网站界面中首页的设计57

4.1 网站界面的整体设计57

4.1.1 确定风格57

4.1.2 色彩搭配61

4.1.3 图片处理64

4.1.4 文字设计70

4.2 版式的设计74

4.2.1 栏目的设计79

4.2.2 二级页面的界面设计80

4.2.3 界面设计技巧81

4.3 网站界面首页设计案例——四叶草公司网站首页设计与制作83

4.4 网站界面中二级页面设计案例——四叶草公司网站二级页面设计与制作89

4.5 实训95

4.6 习题96

第5章 网站界面中导航系统的设计97

5.1 导航系统设计概述97

5.1.1 设计目的97

5.1.2 设计原则98

5.1.3 设计形式101

5.2 导航系统设计103

5.2.1 全局导航103

5.2.2 局部导航105

5.3 导航系统设计案例——四叶草公司网站导航设计107

5.4 实训110

5.5 习题110

第6章 网站界面中其他功能的设计111

6.1 用户注册与登录111

6.1.1 个人注册页的界面设计112

6.1.2 登录框设计113

6.2 论坛113

6.2.1 论坛首页的界面设计113

6.2.2 主题帖子的界面设计115

6.2.3 发帖、回帖页的界面设计116

6.3 搜索界面的设计118

6.4 互动界面设计技巧118

6.4.1 互动设计的键118

6.4.2 超链接的设计118

6.4.3 箭头的设计120

6.5 后台管理系统的界面设计120

6.6 综合案例——四叶草网站界面中其他功能的设计与制作121

6.7 实训137

6.8 习题138

第7章 网站界面中的广告设计139

7.1 网络广告的特点139

7.2 网络广告设计的原则140

7.3 网络广告的表现手法153

7.4 网络广告的设计156

7.4.1 片头动画设计156

7.4.2 图标广告设计161

7.4.3 Banner广告设计163

7.4.4 弹出式广告设计163

7.5 网络广告的案例——四叶草公司网站广告设计与制作165

7.6 实训171

7.7 习题172

第8章 商业网站界面设计的综合案例——四叶草公司网站设计与制作173

8.1 需求的提出173

8.1.1 客户需求分析173

8.1.2 收集加工素材173

8.1.3 栏目设计174

8.1.4 版式初步设计174

8.2 综合设计174

8.2.1 确定版式174

8.2.2 确定色彩175

8.3 用Photoshop设计效果图175

8.4 在Dreamweaver中生成网页186

8.4.1 生成静态页面186

8.4.2 添加动画效果190

8.5 实训191

8.6 习题192

第9章 网站界面设计的综合案例——心源网站设计与制作193

9.1 前期工作194

9.1.1 客户提出需求194

9.1.2 客户需求分析194

9.1.3 网站设计定位194

9.2 收集加工素材195

9.3 栏目规划设计196

9.4 模拟草图初步设计197

9.4.1 确定版式197

9.4.2 确定色彩197

9.4.3 点线面分布197

9.5 制作效果图198

9.6 切图并导入到Dreamweaver中生成网页199

9.7 在Dreamweaver中生成网页201

9.7.1 生成静态页面201

9.7.2 添加动画效果202

9.7.3 调整页面效果203

9.8 实训203

9.9 习题204

参考文献205