第三章：网页构图与色彩.ppt

《网页设计与制作》 第三章 网页构图与色彩 第三章 网页构图与色彩 本章主要内容 第一节 页面的重心平衡 第二节 页面色彩以及图片格式 第三节 页面构图方法 第四节 文本色彩体系 第五节 网页设计的通用规则 第六节 小结 第一节 页面的重心平衡 第一节 页面的重心平衡 重心平衡即页面重心所反映的网页上各种元素分布的协调程度。任何一张图片或者一段文字，都在网页上占据一定空间，作为一个模块其本身就具有重心位置，当插入到空白网页后，就会明显改变整个网页的重心。 第一节 页面的重心平衡 第一节 页面的重心平衡 左轻右重 左重右轻 上重下轻 上轻下重 第一节 页面的重心平衡 第一节 页面的重心平衡 第一节 页面的重心平衡 第一节 页面的重心平衡 第一节 页面的重心平衡 第三章 网页构图与色彩 本章主要内容 第一节 页面的重心平衡 第二节 页面色彩以及图片格式 第三节 页面构图方法 第四节 文本色彩体系 第五节 网页设计的通用规则 第六节 小结 第二节 页面色彩以及图片格式 第二节 页面色彩以及图片格式 色彩具有强大的精神影响力。 色彩的心理效应发生在不同层次中有些属于直接的感官刺激，有些要通过间接的联想，更高层次则涉及到人的观念、信仰，对于艺术家和设计者来说，无论哪一层次的作用都是不能忽视的。 第二节 页面色彩以及图片格式 1、作为网页设计师来说，做到有针一对性的用色是相当重要的。 2、 在做到用色有的放矢之后，再回到平面设计上来，因为网页设计实际上就是平面设计，只不过目的性、时效性更强而已。 第二节 页面色彩以及图片格式 3、应该针对不同的站点主题来布置色彩，比如健康类的网站就不能采用较为刺激的大红和黄、橙以及象征死亡和神秘的黑色和紫色，这样会给浏览者造成一种紧张和某种程度的恐慌，以及一些不利于健康的联想。 第二节 页面色彩以及图片格式 4、 用色往往不是非常单纯的运用，还要考虑诸多因素，例如，浏览者的类别、社会背景、心理需求和场合的差异等等，这就要求网页设计者要认真的分析网站的受众的不同，并且要多听取反馈信息，综合予以考虑。 第二节 页面色彩以及图片格式 5、 网页设计的用色也要特别的关注流行色的发展。 6、网页色彩的运用问题比起处理网页重心问题来显得更为复杂。 7、明白配色原理，使得制作的网页达到设想的要求。 第二节 页面色彩以及图片格式 自然界中的颜色可以分为非彩色和彩色两大类。 非彩色指黑、白色和各种深浅不一的灰色，其他颜色属于彩色。 彩色具有三个属性：色相（Hue）、饱和度（Saturation）、明度（Brightness，Lightness或Luminosity）。 第二节 页面色彩以及图片格式 色相是颜色的基本属性，反映颜色的原貌，通过色相，人们才能区分种种彩色。人们通常所说的颜色，其实就是指色相。 第二节 页面色彩以及图片格式 饱和度也叫纯度，指颜色的纯洁程度。饱和度大，颜色就显得生动、活泼，有很强的视觉冲击力；如果饱和度小，颜色就不纯净，看起来显得灰暗。 第二节 页面色彩以及图片格式 明度也叫亮度，体现颜色的深浅。我们通常说颜色“淡了”、“浅了”，就是指明度的高低。而非彩色只有明度特征，没有色相和饱和度。 第二节 页面色彩以及图片格式 第二节 页面色彩以及图片格式 所有的色彩都可以通过三原色调配出来，电脑屏幕的色彩就是由RGB（红、绿、蓝）三种色光合成的，只要对红、绿、蓝三种基色的含量进行配比，就可以调配出其他的颜色。 每种颜色可调配的范围从0－255共计256个色阶。如果用十六进制表示，就是00－FF。 第二节 页面色彩以及图片格式 许多图像处理软件，都提供色彩调配功能，可通过输人三原色的数值（包括十进制和十六进制）来调配颜色，也可直接根据软件提供的调色板来选择颜色。 第二节 页面色彩以及图片格式 第二节 页面色彩以及图片格式 网页制作还需要对色彩所表现的内涵有所熟悉。页面中应尽量使用比较淡雅、简洁的色彩