图书简介:
上篇 网页色彩设计
第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
展开
前言
网络似乎是当今人类一个不可分割的一部分。透过冰冷的屏幕似乎这种渐渐高端的技术人们看不见摸不着,蚂蚁一样繁杂的代码也不是谁都读得懂,但这种网络技术最终呈现在人们面前的也并不是一堆的代码,而是如繁花搬灿烂的网页,也就是本书的主题—网页美工。
网络的重要载体就是各种各样、各式各类的网站。每个网站都有它独特的特点,而网页可以说是网站构成的基本元素。随着以视觉为主体的信息化时代的到来,网页设计作为艺术设计的重要组成部分和视觉信息传达的重要手段之一,已经被广泛应用到多种视觉媒介设计领域中。那么,网页的精彩与否的因素是什么呢?除了文字的变化、图片的处理外,还有一个非常重要的因素—网页的色彩与布局。
网页设计中的色彩设计是影响网页整体美观和视觉效果的重要因素之一,理解和掌握色彩设计的相关知识是设计网页的前提条件。不同的颜色带给人不同的心理感受,同时它承载的主题也不同,所以一个网站的成功与否,色彩的设计占了很大的比重。本书就是基于此基础上给读者以答疑解惑。
网页的布局,通俗理解就是把需要放进网页中的这些内容元素,根据需求进行排列组合,使其既切合主题又赏心悦目。似乎这几个形容词看起来很不容易达到标准,没错!每个网页是需要给各行各业、各类人群来看的,每个人都有不同的眼光和喜好,要达到人人都满意这非常难,但也并不是难于登天。一个网页,不论商业性的还是公益性的,总有一个大的方向在里面;一个网页,虽说是任何人都可以浏览,但总有特定的受众人群在其中。抓住这两点,网页的编排和组合似乎也并不是那么难以下手了,而本书就是在这两点的基础上给读者更加细分。
儿时的写作学习,老师教会我们把时间、地点、人物、前因、后果交代完毕,一篇还算完整的作文架构就完成了,网页设计也是如此,在一定的架构下充实网页的内容才能使网页设计看起来条理、完整、丰富且具有创意。这架构指的就是尺寸、页眉、文字、页脚、图片、导航栏等方面,这些方面组成网页的一个完整骨骼,所以本书正是运用网页布局的方法、网页布局的技巧、网页类型等几个层次来由浅入深地探讨网页布局的各类方法。
一个成熟的网页在公诸于世人面前还需要给它穿上华美的衣服,使它不仅饱满,还更加的婀娜。而这华美的衣裳就是色彩,从色彩的基本知识入手,为网页配色提前做好基础知识准备。其次对网页色彩的四大组成进行讲解,着手培养读者对网页配色的感觉。然后将大量国内外的具体网站作为案例进行详细剖析,对网页配色的各种技巧和方法进行完整阐述。再针对网页设计中的组成要素进行色彩知识的讲解,使得设计师加深对网页色彩设计知识的理解。
本书色彩部分引用国内外大量实例全面分析网页色彩的设计潮流,从而帮助设计师提高网页配色水平,完善设计作品;布局部分结合当今时下网页的流行趋势和今后网页设计的发展思路进行总结和归纳,以便读者参考。
特别声明:书中引用的图片及有关作品仅供教学分析使用,版权归原作者所有,由于获得渠道的问题,因此未能与作者一一联系,在此表示衷心感谢!
展开