《网页界面设计》是2013年出版的图书,作者是黄玮雯。本书不仅介绍了网页美工设计所需要掌握的基础知识和美学原理,包括颜色理论、图像设计、动画设计等内容,同时还详细介绍了实际製作网页的经典案例。
基本介绍
- 书名:网页界面设计
- 又名:网页界面设计(1CD)
- 作者:黄玮雯
- ISBN:978-7-115-29734-1
- 页数:187 页
- 定价:35.00 元
- 出版时间:2013年2月
- 装帧:平装
- 开本:16 开
- 责任编辑:刘博
- 纸张:12.25
- 字数:301 千字
- 初版时间:2013年2月
- 版次:第1版第1次
内容简介
网页界面设计》是一本专门针对网站设计的教材,分别从网页平面构成、网页的色彩搭配、网页设计中的排版布局、Photoshop设计製作网页图像、Flash网页动画设计与製作、Dreamweaver 静态基本页面的製作、Dreamweaver製作网站页面的实例步骤和综合案例共9章介绍。
《网页界面设计》可作为高等院校、高职高专的教材。对于专业的网站美工来说,也是一部参考书。
《网页界面设计》可作为高等院校、高职高专的教材。对于专业的网站美工来说,也是一部参考书。
目录
第1章 网页平面构成 1
1.1 平面构成概述 1
1.1.1 平面构成设计的元素 1
1.1.2 平面构成的形式美 2
1.1.3 平面构成的骨骼及基本形式 2
1.2 网页中的平面构成 4
1.2.1 网页设计中的平面构成 4
1.2.2 构成设计在网页设计中的套用 7
1.3 习题 10
1.1 平面构成概述 1
1.1.1 平面构成设计的元素 1
1.1.2 平面构成的形式美 2
1.1.3 平面构成的骨骼及基本形式 2
1.2 网页中的平面构成 4
1.2.1 网页设计中的平面构成 4
1.2.2 构成设计在网页设计中的套用 7
1.3 习题 10
第2章 网页的色彩搭配 11
2.1 色彩构成的原理 11
2.1.1 色彩的形成 11
2.1.2 色彩的对比 12
2.2 网页配色的原理 12
2.2.1 色彩的基本知识 12
2.2.2 色彩的心理感觉 13
2.2.3 网页设计中色彩的基本原则 15
2.2.4 色彩均衡 16
2.3 网页常用配色分析 17
2.3.1 常用的网页色彩模式 17
2.3.2 网页色彩搭配的技巧 18
2.3.3 3种以上的色彩搭配 20
2.4 习题 21
2.1 色彩构成的原理 11
2.1.1 色彩的形成 11
2.1.2 色彩的对比 12
2.2 网页配色的原理 12
2.2.1 色彩的基本知识 12
2.2.2 色彩的心理感觉 13
2.2.3 网页设计中色彩的基本原则 15
2.2.4 色彩均衡 16
2.3 网页常用配色分析 17
2.3.1 常用的网页色彩模式 17
2.3.2 网页色彩搭配的技巧 18
2.3.3 3种以上的色彩搭配 20
2.4 习题 21
第3章 网页编排设计 22
3.1 字型编排与编排的基本形式 22
3.1.1 网页文字的形式概述 22
3.1.2 文字的设计要点 22
3.1.3 文字字型与版式设计 23
3.2 网页设计中的排版布局 31
3.2.1 网页文字的设计方法 31
3.2.2 网页按钮的设计方法 33
3.2.3 网页版式设计的发展趋势 34
3.3 网页布局的基本结构 35
3.4 网页中的图像 38
3.5 习题 39
3.1 字型编排与编排的基本形式 22
3.1.1 网页文字的形式概述 22
3.1.2 文字的设计要点 22
3.1.3 文字字型与版式设计 23
3.2 网页设计中的排版布局 31
3.2.1 网页文字的设计方法 31
3.2.2 网页按钮的设计方法 33
3.2.3 网页版式设计的发展趋势 34
3.3 网页布局的基本结构 35
3.4 网页中的图像 38
3.5 习题 39
第4章 Photoshop设计製作网页图像 41
4.1 设计製作网站Logo 41
4.1.1 概述 41
4.1.2 製作步骤 42
4.1.3 案例回顾与总结 47
4.2 设计製作网站Banner 48
4.2.1 概述 48
4.2.2 製作步骤 48
4.2.3 案例回顾与总结 53
4.3 设计製作网页导航栏 53
4.3.1 概述 53
4.3.2 製作步骤 53
4.3.3 案例回顾与总结 59
4.4 设计製作网站首页版面 59
4.4.1 概述 59
4.4.2 製作步骤 60
4.4.3 案例回顾与总结 67
4.5 习题 67
4.1 设计製作网站Logo 41
4.1.1 概述 41
4.1.2 製作步骤 42
4.1.3 案例回顾与总结 47
4.2 设计製作网站Banner 48
4.2.1 概述 48
4.2.2 製作步骤 48
4.2.3 案例回顾与总结 53
4.3 设计製作网页导航栏 53
4.3.1 概述 53
4.3.2 製作步骤 53
4.3.3 案例回顾与总结 59
4.4 设计製作网站首页版面 59
4.4.1 概述 59
4.4.2 製作步骤 60
4.4.3 案例回顾与总结 67
4.5 习题 67
第5章 Flash网页动画设计与製作 70
5.1 Flash基本操作 70
5.1.1 创建Flash文档 71
5.1.2 打开Flash文档 71
5.1.3 保存Flash文档 71
5.1.4 绘图工具的使用 72
5.2 Flash时间轴及帧操作 73
5.2.1 时间轴 73
5.2.2 帧和关键帧 74
5.2.3 图层 74
5.3 Flash元件和实例 74
5.3.1 元件和实例 74
5.3.2 元件类型 74
5.3.3 元件的创建 74
5.4 Flash档案的发布和播放 75
5.4.1 Flash档案的发布设定 75
5.4.2 Flash动画档案的播放 75
5.5 逐帧动画 76
5.5.1 逐帧动画的概念 76
5.5.2 逐帧动画製作实例——花开动画 76
5.6 补间动画 77
5.6.1 补间动画的种类 77
5.6.2 补间动画的製作实例——水滴动画 77
5.7 网页特殊动画 79
5.7.1 遮罩动画实例 79
5.7.2 引导层动画实例 80
5.7.3 骨骼动画的创建 81
5.8 Flash基本网页动画综合实例 84
5.9 总结与经验积累 89
5.10 习题 89
5.1 Flash基本操作 70
5.1.1 创建Flash文档 71
5.1.2 打开Flash文档 71
5.1.3 保存Flash文档 71
5.1.4 绘图工具的使用 72
5.2 Flash时间轴及帧操作 73
5.2.1 时间轴 73
5.2.2 帧和关键帧 74
5.2.3 图层 74
5.3 Flash元件和实例 74
5.3.1 元件和实例 74
5.3.2 元件类型 74
5.3.3 元件的创建 74
5.4 Flash档案的发布和播放 75
5.4.1 Flash档案的发布设定 75
5.4.2 Flash动画档案的播放 75
5.5 逐帧动画 76
5.5.1 逐帧动画的概念 76
5.5.2 逐帧动画製作实例——花开动画 76
5.6 补间动画 77
5.6.1 补间动画的种类 77
5.6.2 补间动画的製作实例——水滴动画 77
5.7 网页特殊动画 79
5.7.1 遮罩动画实例 79
5.7.2 引导层动画实例 80
5.7.3 骨骼动画的创建 81
5.8 Flash基本网页动画综合实例 84
5.9 总结与经验积累 89
5.10 习题 89
第6章 Flash互动式网页动画的创作 92
6.1 ActionScript脚本语言 92
6.1.1 脚本语言属性设定 92
6.1.2 动作面板 93
6.1.3 影片浏览器面板 93
6.2 按钮脚本动画製作 94
6.2.1 按钮元件 94
6.2.2 利用按钮库编辑按钮动画 94
6.2.3 自定义按钮动画实例 95
6.3 帧脚本动画製作 96
6.3.1 帧动作 96
6.3.2 帧脚本动画实例 96
6.4 影片剪辑脚本动画製作 97
6.4.1 影片剪辑脚本动画 97
6.4.2 影片剪辑脚本实例 97
6.5 Flash互动式网页动画实例 99
6.5.1 製作Logo及导航按钮 99
6.5.2 製作主页 101
6.5.3 製作子页 102
6.5.4 动画製作 103
6.5.5 脚本编写 105
6.6 总结与经验累积 114
6.7 习题 114
6.1 ActionScript脚本语言 92
6.1.1 脚本语言属性设定 92
6.1.2 动作面板 93
6.1.3 影片浏览器面板 93
6.2 按钮脚本动画製作 94
6.2.1 按钮元件 94
6.2.2 利用按钮库编辑按钮动画 94
6.2.3 自定义按钮动画实例 95
6.3 帧脚本动画製作 96
6.3.1 帧动作 96
6.3.2 帧脚本动画实例 96
6.4 影片剪辑脚本动画製作 97
6.4.1 影片剪辑脚本动画 97
6.4.2 影片剪辑脚本实例 97
6.5 Flash互动式网页动画实例 99
6.5.1 製作Logo及导航按钮 99
6.5.2 製作主页 101
6.5.3 製作子页 102
6.5.4 动画製作 103
6.5.5 脚本编写 105
6.6 总结与经验累积 114
6.7 习题 114
第7章 Dreamweaver静态基本页面的製作 117
7.1 Dreamweaver基本概念 117
7.2 Dreamweaver基本工作环境 118
7.2.1 工作环境 118
7.2.2 工具列 119
7.2.3 “属性”面板 120
7.2.4 面板组 121
7.3 Dreamweaver基本操作 122
7.3.1 站点的基本操作 122
7.3.2 档案的命名和管理 124
7.3.3 HTML基本概念 124
7.4 Dreamweaver静态网页的製作 129
7.4.1 文本编辑 129
7.4.2 网页图像编辑 136
7.4.3 网页多媒体元素编辑 141
7.5 习题 145
7.1 Dreamweaver基本概念 117
7.2 Dreamweaver基本工作环境 118
7.2.1 工作环境 118
7.2.2 工具列 119
7.2.3 “属性”面板 120
7.2.4 面板组 121
7.3 Dreamweaver基本操作 122
7.3.1 站点的基本操作 122
7.3.2 档案的命名和管理 124
7.3.3 HTML基本概念 124
7.4 Dreamweaver静态网页的製作 129
7.4.1 文本编辑 129
7.4.2 网页图像编辑 136
7.4.3 网页多媒体元素编辑 141
7.5 习题 145
第8章 Dreamweaver製作网站页面 146
8.1 创建网站的本地站点 146
8.1.1 建立网站目录结构的建议 146
8.1.2 创建本地站点 147
8.2 套用表格製作网站主页面 149
8.2.1 利用表格对页面进行布局 149
8.2.2 添加各类网页元素 153
8.3 套用模板技术製作网站子页面 155
8.3.1 模板的基本知识 155
8.3.2 製作网站子页面 155
8.4 套用超连结建立网站页面间超连结 159
8.4.1 超连结的概念和种类 159
8.4.2 建立网站页面间超连结 160
8.5 套用CSS美化网站页面 161
8.5.1 CSS种类 161
8.5.2 CSS美化网站页面 162
8.6 利用表单设计用户注册页面 164
8.7 习题 168
8.1 创建网站的本地站点 146
8.1.1 建立网站目录结构的建议 146
8.1.2 创建本地站点 147
8.2 套用表格製作网站主页面 149
8.2.1 利用表格对页面进行布局 149
8.2.2 添加各类网页元素 153
8.3 套用模板技术製作网站子页面 155
8.3.1 模板的基本知识 155
8.3.2 製作网站子页面 155
8.4 套用超连结建立网站页面间超连结 159
8.4.1 超连结的概念和种类 159
8.4.2 建立网站页面间超连结 160
8.5 套用CSS美化网站页面 161
8.5.1 CSS种类 161
8.5.2 CSS美化网站页面 162
8.6 利用表单设计用户注册页面 164
8.7 习题 168
第9章 综合案例 169
9.1 使用Photoshop设计页面 169
9.1.1 设计首页 169
9.1.2 设计内页 171
9.2 使用Dreamweaver排版网页 173
9.3 使用Flash设计网页动画 174
9.3.1 首页动画的製作 174
9.3.2 网页页面动画的製作 181
9.4 总结与经验累积 186
9.5 习题 187
9.1 使用Photoshop设计页面 169
9.1.1 设计首页 169
9.1.2 设计内页 171
9.2 使用Dreamweaver排版网页 173
9.3 使用Flash设计网页动画 174
9.3.1 首页动画的製作 174
9.3.2 网页页面动画的製作 181
9.4 总结与经验累积 186
9.5 习题 187