网站界面设计案例教程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 Photoshop 9

1.5.2 Fireworks 11

1.5.3 Flash 12

1.5.4 Dreamweaver 13

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