网页美工：网页色彩与布局设计

上篇 网页色彩设计
第1章 色彩基础2
1.1　色彩的构成原理2
1.1.1　色彩的形成2
1.1.2　色彩的基本知识3
1.1.3　色彩的组成4
1.2　色彩的印象6
1.2.1　红色的色彩印象6
1.2.2　橙色的色彩印象7
1.2.3　黄色的色彩印象9
1.2.4　绿色的色彩印象10
1.2.5　蓝色的色彩印象11
1.2.6　紫色的色彩印象12
1.2.7　灰色的色彩印象14
1.2.8　黑色与白色的色彩印象15
1.2.9　色彩印象小结15
1.3　色彩对比16
1.3.1　色相对比17
1.3.2　明度对比17
1.3.3　纯度对比18
1.3.4　补色对比18
1.3.5　冷暖对比19
1.3.6　面积对比19
1.4　色彩的调和20
1.4.1　同类色的调和20
1.4.2　近似色的调和21
1.4.3　对比色的调和21
1.4.4　渐变色的调和22
1.5　色调的变化23
1.6　网页色彩心理25
1.6.1　色彩的心理效应25
1.6.2　色彩与联想26
1.6.3　色彩与象征27
1.6.4　色彩与记忆28
第2章 网页色彩的组成29
2.1　网页的主色调29
2.2　网页的辅助色31
2.3　网页的点睛色33
2.4　网页的背景色34
第3章 网页色彩的搭配37
3.1　网页配色准则37
3.2　网页配色技巧42
第4章 网页要素的色彩设计47
4.1　文字的色彩设计47
4.1.1　文字与背景的色彩搭配47
4.1.2　文字与图片的色彩搭配50
4.2　网页LOGO的色彩设计51
4.2.1　LOGO制作要素51
4.2.2　网络LOGO的形式53
4.2.3　网络LOGO的色彩运用55
4.3　Banner的色彩设计58
4.3.1　Banner的作用58
4.3.2　Banner的形式58
4.3.3　Banner的设计方法59
4.3.4　Banner的色彩设计61
4.4　导航栏菜单设计63
4.4　小标题设计65
4.4.1　小标题的字体设计原则65
4.4.2　小标题的色彩设计66
第5章 网页色彩应用分析70
5.1　暖色70
5.2　冷色72
5.3　单色74
5.4　近似色75
5.5　互补色76
5.6　突出色76
第6章 网页色彩设计的趋势78
6.1　低透明度的色彩运用分析78
6.2　柔和鲜嫩的色彩运用分析79
6.3　偏灰的冷色系粉色运用分析80
6.4　用高亮色凸显用户交互81
6.5　蓝色是网页的“基本款”83

下篇 网页布局设计

第7章 网页创意设计86
7.1 网页的类型86
7.1.1 从功能上分类86
7.1.2 从风格上分类87
7.2 设计创意90
7.2.1 创意是设计的灵魂90
7.2.2 创意方法91
第8章 网页布局的要素93
8.1　页面尺寸93
8.2　页面整体造型94
8.2.1　网站风格94
8.2.2 设计风格与品牌形象的
一致性96
8.2.3 设计风格与视觉的一致性97
8.3　页眉98
8.4 文本文字99
8.4.1 网页中文字的设计形式101
8.4.2　网页中文字的布局形式102
8.4.3 文字应用案例分析104
8.5 页脚107
8.5.1　页脚设计107
8.5.2 页脚设计案例解析108
8.6　图像110
8.6.1 图像的选择111
8.6.2 图像风格113
8.7 多媒体117
8.8 导航栏的位置119
8.8.1 导航栏布局形式119
8.8.2 导航栏设计案例分析122
8.9 网页中的交互式表单123
第9章 网页布局的方法125
9.1 基础布局125
9.1.1 纸上布局法125
9.1.2 软件布局法126
9.2 艺术化布局127
9.2.1 分割布局法127
9.2.2 对称布局法128
9.2.3 平衡布局法129
9.3 布局的原则130
9.3.1 重复与交错130
9.3.2 节奏与韵律131
9.3.3 对称与均衡131
9.3.4 对比与调和133
9.3.5 比例与适度133
9.3.6 变异与秩序134
9.3.7 虚实与留白134
9.3.8 变化与统一135
第10章 网页布局的技巧136
10.1 网页中的平面构成136
10.1.1 网页中点、线、面的
运用136
10.1.2　构成形式在网页设计中
的运用138
10.2 页面布局的技巧类型153
10.3 网页布局结构案例解析158
第11章 流行趋势166
11.1 扁平化166
11.2 分割屏幕167
11.3　视频背景168
11.4 基于模块或网格169
11.5 独特的导航栏菜单170
第12章 综合案例解析171
12.1 网站建站目标以及功能定位171
12.2 网站的整体设计与制作173