网页布局和配色设计——全套PPT课件.ppt

6.5.1如何培养色彩的敏感度可以尽量多收集生活中喜欢的色彩，无论是数码的、平面的、各式各样的材质，然后将所收集的素材，依照红、橙、黄、绿、蓝、靛、紫、黑、白、灰、金、银等不同的色系分门别类，这就是最好的色彩资料库，以后在需要配色时，就可以从色彩资料库中找到适当的色彩与质感。6.5.2通用配色理论是否适用不为传统配色理论所束缚，去尝试风格新鲜的网页配色，这是因为时代变迁所带给人们思想观念的转变，将完全不符合原则的色彩搭配在一起，就能够创造出与众不同的视觉感。6.5.3配色时应该选择双色还是多色组合单个颜色的明暗度组合，给人的统一感会很强，容易让人产生印象；双色组合会使颜色层次明显，让人一目了然，产生新鲜感。多色组合会让人产生愉悦感，丰富的色彩也会使人更容易接受。6.5.4尽可能使用两至三种颜色进行搭配虽然在网页配色时多色的组合能让人产生愉悦，但是考虑到人的眼睛和记忆只能存储两到三种颜色，过多的色彩可能会使页面显得较为复杂，分散。6.5.5如何快速实现完美的配色在进行网页配色时，可以试着联想某个具体物体的色彩印象，从物体色彩出发，例如想表现出一种清凉舒适的感觉，可以联想到水、植物以及其他有生机的东西，这样在你的脑中浮现的代表颜色就有蓝色、绿色、白色，就可以把这些颜色挑选出来加以运用。6.5.6实战分析：设计汽车宣传网站页面本案例设计的汽车宣传网页页面，重点是需要能够突出表现该汽车的强劲动力，所以在该网站页面的设计过程中，通过合成处理的汽车广告图片作为整个网站页面的背景，有效地渲染出动感和激情的氛围，到达吸引浏览者的目的。

7.1网页配色的基本方法色彩不同的网页给人的感觉会有很大差异，可见网页的配色对于整个网站的重要性。一般在选择网页色彩时，会选择与网页类型相符的颜色，而且尽量少用几种颜色，调和各种颜色，使其有稳定感是最好的。7.1.1主题色主题色是指在网页中最主要的颜色，包括大面积的背景色、装饰图形颜色等构成视觉中心的颜色。主题色是网页配色的中心色，搭配其他颜色通常以此为基础。7.1.2背景色背景色是指网页中大块面的表面颜色，即使是同一组网页，如果背景色不同，带给人的感觉也截然不同。背景色由于占绝对的面积优势，支配着整个空间的效果，是网页配色首先关注的重点地方。7.1.3辅助色辅助色的视觉重要性和体积次于主题色和背景色，常常用于陪衬主题色，使主题色更加突出。在网页中通常较小的元素，如按钮、图标等。网页中辅助色可以是一个颜色，或者一个单色系，还可以是由若干颜色组成的颜色组合。7.1.4点缀色点缀色通常用来打破单调的网页整体效果，所以如果选择与背景色过于接近的点缀色，就不会产生理想效果。为了营造出生动的网页空间氛围，点缀色应选择较鲜艳的颜色。

7.2网页文本配色比起图像或图形布局要素来说，文本配色就需要更强的可读性和可识别性。所以文本的配色与背景的对比度等问题就需要多费些脑筋。很显然，文字颜色和背景色有明显的差异，其可读性和可识别性就很强。7.2.1网页与文本的配色关系网页文字设计的一个重要方面就是对文字色彩的应用，合理地应用文字色彩可以使文字更加醒目、突出，以有效地吸引浏览者的视线，而且还可以烘托网页气氛，形成不同的网页风格。7.2.2良好的网页文本配色明度上的对比、纯度上的对比以及冷暖对比都属于文字颜色对比度的范畴。通过对颜色的运用能否实现想要的设计效果、设计情感和设计思想，这些都是设计好优秀的网页所必须注重的问题。

7.3网页元素色彩搭配网页中的几个关键要素，如网页Logo与网页广告、导航菜单、背景与文字，以及链接文字的颜色应该如何协调，是网页配色时需要认真考虑的问题。7.3.1Logo与网页广告Logo和网页广告是宣传网站最重要的工具，所以这两个部分一定要在页面上脱颖而出。怎样做到这一点呢？可以将Logo和广告做得像象形文字，并从色彩方面跟网页的主题色分离开来。有时候为了更突出，也可以使用与主题色相反的颜色。7.3.2导航菜单一个优秀的网页导航，应该立足于用户的角度去进行设计，导航设计的合理与否将直接影响到用户使用时的舒适与否，在不同的网页中使用不同的导航形式，既要注重突出表现导航，又要注重整个页面的协调性。7.3.3背景与文字如果一个网站用了背景颜色，必须要考虑到背景用色与前景文字的搭配问题。一般的网站侧重的是文字，所以背景可以选择纯度或者明度较低的色彩，文字用较为突出的亮色，让人一目了然。7.3.4链接文字现代人的生活节奏相当快，不可能浪费太多的时间去寻找网站的链接。因此，要