第1章 网页艺术设计概述 1
1.1 网页艺术设计的发展 1
1.2 什么是网页艺术设计 2
1.3 网页艺术设计应该遵循的原则 2
1.3.1 整体性 3
1.3.2 分割性 4
1.3.3 对比性 5
1.3.4 和谐性 6
1.4 网页设计是艺术与技术的结合 6
1.4.1 网页艺术设计要合乎浏览者心理需要 7
1.4.2 网页艺术设计是各种设计元素的艺术结合 7
1.4.3 网页艺术设计的风格定位需要艺术创意 7
第2章 网页艺术设计的色彩搭配 8
2.1 色彩基础 8
2.1.1 光与色 8
2.1.2 认识色彩 8
2.1.3 色彩的属性 9
2.2 网页艺术设计中色彩的心理作用 9
2.2.1 红色 10
2.2.2 橙色 11
2.2.3 黄色 11
2.2.4 绿色 12
2.2.5 蓝色 12
2.2.6 紫色 14
2.2.7 黑色 15
2.2.8 白色 16
2.2.9 灰色 17
2.3 色彩的混合 18
2.3.1 原色 18
2.3.2 间色 18
2.3.3 复色 18
2.4 色彩的要素 18
2.4.1 色相 18
2.4.2 纯度 19
2.4.3 明度 19
2.5 网页艺术设计颜色搭配分析 19
2.5.1 网页艺术设计色彩搭配的原理 19
2.5.2 不同行业属性常见的网页配色方案 22
2.5.3 网页艺术设计色彩掌握的过程 22
2.6 网页艺术设计色彩搭配技巧 40
2.6.1 无色系的搭配 40
2.6.2 选用同一个色彩 41
2.6.3 多种颜色搭配 42
2.6.4 冷色调搭配 43
2.6.5 暖色调搭配 45
2.6.6 中间调搭配 47
2.7 网页艺术设计配色安全色谱 48
第3章 网页艺术设计的主要构成元素 50
3.1 网页艺术设计中的图片 50
3.2 网页艺术设计中的标志设计 51
3.2.1 标志设计的原则 51
3.2.2 标志设计的流程 51
3.2.3 标志与网页艺术设计 52
3.3 网页艺术设计中的文字 53
3.3.1 字体设计 53
3.3.2 字体色彩设计 57
3.3.3 文字编排设计 60
3.3.4 文字的强调 61
3.3.5 文字的颜色 61
3.3.6 字号、字体、行距 62
3.4 网页艺术设计中的导航设计 65
3.5 网页艺术设计中的动画设计 67
第4章 网页版式设计的构成形式原理 69
4.1 网页版式设计的点、线、面、体 69
4.1.1 版式设计的点 70
4.1.2 版式设计的线 71
4.1.3 版式设计的面 73
4.1.4 版式设计的体 74
4.2 网页版式设计的表现手法 76
4.2.1 重复与交错 78
4.2.2 节奏与韵律 79
4.2.3 对称与均衡 80
4.2.4 对比与调和 82
4.2.5 比例与适度 83
4.2.6 变异与秩序 84
4.2.7 虚实与留白 85
4.2.8 变化与统一 86
4.3 网页版面的尺寸和构成要素 88
4.3.1 版面尺寸 88
4.3.2 构成要素 89
4.4 网页版面视觉流程设计 89
4.4.1 常见的视觉流程 89
4.4.2 版面视觉引导 89
4.5 中国传统元素在网页中的运用 90
4.5.1 水墨元素 91
4.5.2 传统纹样 93
4.5.3 中国特色元素 93
第5章 常见的各类网页艺术设计及分析 96
5.1 教育类 96
5.1.1 突出教育性质 96
5.1.2 中庸的版式设计 96
5.1.3 色彩搭配简洁 99
5.2 门户类 101
5.2.1 以用户需求为中心 102
5.2.2 主题鲜明 102
5.2.3 合理的版式设计 103
5.2.4 色彩搭配协调一致 105
5.2.5 网页形式与内容相统一 106
5.3 企业类 108
5.3.1 网站定位要个性鲜明 109
5.3.2 塑造网站视觉形象 110
5.3.3 布局合理、风格统一 111
5.3.4 色彩搭配合理 113
5.4 电子商务类 115
5.4.1 以产品为中心展开设计 116
5.4.2 版式设计与色彩相协调 117
5.4.3 营造安全可靠的设计风格 119
5.5 娱乐类 121
5.5.1 时尚浪漫 122
5.5.2 活跃激情、动感无限 124
5.5.3 彰显创意、大胆另类 125
5.5.4 典雅、古朴的风格 127
5.5.5 娱乐性、互动性、及时性 129
5.6 餐饮类 129
5.6.1 返璞归真设计风格 130
5.6.2 时尚典雅、体现尊贵气息 131
5.6.3 充满家庭的味道 132
5.6.4 清凉冰爽、激情四射 133
5.7 文化艺术类 134
5.7.1 格调高雅 136
5.7.2 浓厚的艺术气息 137
5.7.3 形式与布局创新 138
5.7.4 用色大胆 139
5.8 个人类 141
5.8.1 突出个性 142
5.8.2 设计风格多样 143
5.8.3 整站设计协调一致 144
5.9 搜索引擎类 145
5.9.1 界面简洁 146
5.9.2 页面风格统一 147
第6章 网页艺术设计与企业形象设计 148
6.1 CIS萌芽与发展 148
6.2 网页设计与企业形象设计 150
6.2.1 什么是企业CIS网站 150
6.2.2 企业形象的网站设计 150
6.3 整体网站定位 151
6.3.1 标志一致 153
6.3.2 标准色一致 153
6.3.3 标准字一致 153
6 3.4 页面设计风格保持一致 153
第7章 网页艺术设计流程 155
7.1 确定网站主题 155
7.2 收集相关的素材和资料 156
7.2.1 整站分析 156
7.2.2 收集素材 156
7.3 网站内容和栏目规划 156
7.3.1 网站的内容 157
7.3.2 栏目规划 157
7.4 网站版式设计 157
7.4.1 “国”字型 157
7.4.2 拐角型 158
7.4.3 标题正文型 159
7.4.4 左右框架型 159
7.4.5 上下框架型 161
7.4.6 综合框架型 161
7.4.7 封面型 162
7.4.8 Flash型 163
7.4.9 自由型 165
7.5 网站整体色彩 165
7.6 初稿到定稿 166
7.6.1 初稿 166
7.6.2 定稿 167
7.7 页面设计过程实例 167
7.7.1 综合分析 167
7.7.2 收集素材 167
7.7.3 绘制手绘稿 167
7.7.4 制定初稿 169
7.7.5 落实定稿 169
7.8 如何成为一名优秀的网页艺术设计师 171
7.8.1 善于思考 171
7.8.2 提高眼界 171
7.8.3 大量练习 171
7.8.4 反复比较 171
7.8.5 多学多问 171
7.8.6 广泛阅读 172
7.8.7 刻苦勤奋 172
7.8.8 良好职业道德 172
7.8.9 坚持不懈 172
第8章 优秀作品欣赏 173
8.1 门户类 173
8.2 教育类 178
8.3 企业类 181
8.4 娱乐类 182
8.5 餐饮类 185
8.6 艺术类 189
8.7 个人网站 194
参考文献 198