内 容 简 介 本书分为上下两篇：上篇网页色彩设计，主要讲解色彩基础、网页色彩的组成、网页色彩的搭配、网页要素的色彩设计、网页色彩应用分析和网页色彩设计的趋势；下篇网页布局设计，主要讲解网页创意设计、网页布局的要素、网页布局的方法、网页布局的技巧及网页的未来流行趋势。 全书从色彩与布局两方面入手，通过引用国内外大量实例，全面分析网页色彩与布局的设计潮流，完整阐述网页配色与布局的各种技巧和方法，从而帮助用户提高网页配色水平，加深对网页色彩与布局设计知识的理解。最后结合当今时代网页的流行趋势和今后网页设计的发展思路进行总结和归纳，以供读者参考。 本书内容深入浅出、语言通俗、案例分析精辟，适合作为职业院校相关专业学生教材，对于专业的网站美工来说更是一本难得的参考书。

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

上篇 网页色彩设计 第1章 色彩基础 002 1.1　色彩的构成原理 002 1.1.1　色彩的形成 002 1.1.2　色彩的基本知识 003 1.1.3　色彩的组成 004 1.2　色彩的印象 006 1.2.1　红色的色彩印象 006 1.2.2　橙色的色彩印象 010 1.2.3　黄色的色彩印象 011 1.2.4　绿色的色彩印象 012 1.2.5　蓝色的色彩印象 014 1.2.6　紫色的色彩印象 015 1.2.7　灰色的色彩印象 017 1.2.8　黑色与白色的色彩印象 018 1.2.9　色彩印象小结 019 1.3　色彩对比 020 1.3.1　色相对比 021 1.3.2　明度对比 021 1.3.3　纯度对比 022 1.3.4　补色对比 022 1.3.5　冷暖对比 023 1.3.6　面积对比 024 1.4　色彩的调和 024 1.4.1　同类色的调和 025 1.4.2　近似色的调和 025 1.4.3　对比色的调和 026 1.4.4　渐变色的调和 027 1.5　色调的变化 028 1.6　网页色彩心理 031 1.6.1　色彩的心理效应 031 1.6.2　色彩与联想 032 1.6.3　色彩与象征 034 1.6.4　色彩与记忆 034 第2章 网页色彩的组成 035 2.1　网页的主色调 035 2.2　网页的辅助色 037 2.3　网页的点睛色 039 2.4　网页的背景色 041 第3章 网页色彩的搭配 043 3.1　网页配色准则 043 3.2　网页配色技巧 048 第4章 网页要素的色彩设计 054 4.1　文字的色彩设计 054 4.1.1　文字与背景的色彩搭配 054 4.1.2　文字与图片的色彩搭配 057 4.2　网页Logo的色彩设计 058 4.2.1　Logo制作要素 058 4.2.2　网络Logo的形式 060 4.2.3　网络Logo的色彩运用 063 4.3　Banner的色彩设计 065 4.3.1　Banner的作用 065 4.3.2　Banner的形式 066 4.3.3　Banner的设计方法 067 4.3.4　Banner的色彩设计 069 4.4　导航栏菜单设计 070 4.5　小标题设计 073 4.5.1　小标题的字体设计原则 073 4.5.2　小标题的色彩设计 074 第5章 网页色彩应用分析 078 5.1　暖色 078 5.2　冷色 080 5.3　单色 082 5.4　近似色 083 5.5　互补色 084 5.6　突出色 085 第6章 网页色彩设计风格 086 6.1　低透明度的色彩运用 086 6.2　柔和鲜嫩的色彩运用 087 6.3　偏灰的冷色系色彩运用 088 6.4　用高亮色凸显浏览者交互 089 6.5　蓝色是网页的“基本款” 090 6.6　高饱和度的色彩运用分析 091 下篇 网页布局设计 第7章 网页创意设计 096 7.1 网页的类型 096 7.1.1 从功能上分类 096 7.1.2 从风格上分类 097 7.2 设计创意 099 7.2.1 创意是设计的灵魂 099 7.2.2 创意方法 100 第8章 网页布局的要素 103 8.1　页面尺寸 103 8.2　整体造型 104 8.2.1　网站风格 105 8.2.2 设计风格与品牌形象的一致性 106 8.2.3 设计风格与视觉的一致性 107 8.3　页眉 108 8.4 文本文字 110 8.4.1 网页中文字的设计形式 111 8.4.2　网页中文字的布局形式 112 8.4.3 文字应用案例分析 114 8.5 页脚 117 8.5.1　页脚设计 118 8.5.2 页脚设计案例解析 119 8.6　图像 122 8.6.1 图像的选择 123 8.6.2 图像风格 124 8.7 多媒体 128 8.8 导航栏的位置 130 8.8.1 导航栏布局形式 131 8.8.2 导航栏设计案例分析 134 8.9 交互式表单 135 第9章 网页布局的方法 138 9.1 基础布局 138 9.1.1 纸上布局法 138 9.1.2 软件布局法 140 9.2 艺术化布局 140 9.2.1 分割布局法 140 9.2.2 对称布局法 142 9.2.3 平衡布局法 143 9.3 布局的原则 144 9.3.1 重复与交错 144 9.3.2 节奏与韵律 145 9.3.3 对称与均衡 146 9.3.4 对比与调和 147 9.3.5 比例与适度 148 9.3.6 变异与秩序 148 9.3.7 虚实与留白 149 9.3.8 变化与统一 149 第10章 网页布局的技巧 151 10.1 网页中的平面构成 151 10.1.1 网页中点、线、面的运用 151 10.1.2　构成形式在网页设计中的运用 154 10.2 页面布局的技巧类型 169 10.3 网页布局结构案例解析 174 第11章 流行趋势 181 11.1 扁平化 181 11.2 分割屏幕 182 11.3　视频背景 183 11.4 基于模块或网格 184 11.5 独特的导航栏菜单 185 第12章 综合案例解析 186 12.1 网站建站目标以及功能定位 186 12.2 网站的整体设计与制作 188