第3章网页配色.pptVIP

第3章 网页配色 网站给用户留下的第一印象，既不是丰富的网站内容，也不是精妙的网站版面布局，而是网站的色彩。色彩是浏览者访问时目光无法回避的设计要素，色彩对人的视觉效果影响非常明显，色彩的冲击力往往是最强的，它很容易给用户留下深刻的印象。在浏览者看到网站的一瞬间，对网页的整体印象就确定了下来。 3.1 网页色彩基础 无论平面设计还是网页设计，色彩永远都是十分重要的一环。浏览者最先看到的不是优美的板式或美丽的图片，而是整体的色彩。生活在数字时代的我们，提起数字最先想到的是0和1，计算机将所有的信息转换成0和1构成的信息流，然后再进行传递。与模拟信号的概念不同，数字色彩也是通过由0和1构成的数字信号显示颜色。 3.1.1 RGB色彩模式 在平面设计中使用最多的颜色模式是CMYK表示方法，即青、杨红、黄和黑色，如图3.2所示。而在网页设计中主要使用的颜色模式是RGB，即红、绿、蓝三原色表示方法。红、绿、蓝三色称为RGB三原色，这三种颜色通过任意混合可以得到其他所有的颜色。现在，几乎所有的电子显示设备都以RGB颜色模式为主，如图3.3所示。 3.1.2 HTML语言对色彩的描述 在网页中，HTML语言对色彩的描述方式采用RGB的十六制表示方法。对于三原色，HTML分别给予两个十六进制去定义，这样每个原色就有256种彩度，三原色则可以混合生成1700万多种颜色，如图3.4所示。其定义颜色的语法规则是#RRGGBB，例如红色的代码是#ff0000，绿色的代码是#00ff00。 3.1.3 色彩的分类 色彩是人对眼睛视网膜收到的光做出反应，继而在大脑中产生的某种感觉。物体表面色彩的形成取决于3个方面：光源的照射、物体本身的反射、环境与空间对物体色彩的影响。色彩可分为无彩色系和有彩色系。 3.1.4 色彩三要素 色相、饱和度、亮度是色彩最基本的三要素，在色彩学上也成为色彩的三属性，是正常视觉感知色彩的3个重要因素。 3.1.5 网页色彩原理 一个网站的整体色彩效果取决于主色调、前景色与背景色的关系。网站是倾向于冷色或暖色，还是倾向于明朗鲜艳或素雅质朴，这些色彩倾向所形成的不同色调给人们不同的印象，也就有了不同的色彩效果。网站色彩的整体效果取决于网站的主题需要以及浏览者对色彩的喜好，并以此为依据来决定色彩的选择和搭配。 3.2 网站色彩搭配 色彩搭配既是一项技术性工作，同时也是一项艺术性很强的工作。要设计出色彩鲜明的网站，设计者需要遵循一定的艺术规律，同时考虑网站的主题。网页色彩的运用要达到独特创意的效果，单纯地靠多种色彩的机械组合是不行的，必须对色彩进行合理配置。 3.2.1 色彩的平衡原则 色彩平衡非常重要，它是使网站整体变得和谐美观的钥匙。唯有使网站整体的色彩均衡，才能打动浏览者的视知觉。色彩平衡主要有以下几点原则： 1.全局掌控 2.不同的物体色彩感不同 3.色彩不能偏于一方 4.纯度与亮度之间要均衡 3.2.2 色彩的适应性原则 色彩的适应性，主要指色彩与所要表达的对象之间的相互适应的关系。在网页配色中，要针对所要表达的对象采用与之相符合的色彩，这便是色彩的适应性原则。例如，设计一个以乳类饮品为主题的网站时，整体色彩便可以采用绿色，绿色可以使浏览者联想到植物、大自然、健康等，让人的眼睛放松。如图3.22所示，为伊利优酸乳网站截图。设计时，设计人员要充分了解各种颜色所能产生的联想，避免使用不恰当的色彩搭配。 3.2.3 网页的配色方法 将色彩具体到网页的搭配中，可分为以下几种配色方法： 1.单色搭配 2.类比色搭配 3.补色搭配 4.分离补色搭配 5.原色搭配 6.暖色色彩搭配 7.冷色色彩搭配 8.全色搭配 3.3 色彩心理与网页表现 色彩是大自然中神奇的现象，我们生活在色彩斑斓的世界中，色彩时时刻刻影响着我们的生理与心里活动。我们常常感觉不到色彩对自己心理的影响，这些影响总是不知不觉地左右我们的情绪。色彩的心理效应发生在不同的层次，有的是直接刺激，有的需要通过间接地联想，而有些更高层次的则涉及人的观念与信仰。 当我们看到某种颜色时，总会自然地将这种颜色和现实生活中的事物联系起来。色彩能引发强烈的心理共鸣，设计人员在进行色彩搭配时，需要考虑所选的颜色会引起什么反应。例如，红色是一种刺激性很强的颜色，容易使人兴奋、激动、紧张、冲动，同时又容易造成视觉疲劳。所以使用红色可以引发强调和注意，但若用在?尘吧惺笨赡芟缘霉谇苛摇? 3.3.1 红色心理与网页表现 红色是最具有视觉冲击力的色彩，暗示速度和动态，可以刺激心跳加速、加快呼吸、刺激食欲。红色是热烈、冲动的色彩。如图3.31为主要采用红色的网页截图。 1.色彩联想 具体联想：火焰、血液、太阳、性、西红柿、西瓜瓢、太阳、红旗、口红等。 抽象联想：激情