网页版设设计——色彩设计

1、网页设计与制作网页设计与制作色彩设计色彩设计视觉影响的重要性科学实验证明，人的视觉器官在观察物体最初的20秒内，色彩感觉占80%，形体感觉占20%；2分钟后，色彩感觉占60%，形体感觉占40%；5分钟后，色彩感觉和形体感觉各占一半，并且这种状态将持续下去。评价一个网站的好坏对网页的点击浏览和停留的时间决定的，人基本上是用眼睛来观看、判断和选择事物的，往往是由视觉效果产生。所以在网页设计中，不仅要注重网站功能的全面，也是需要进行网站外观的设计,这样页面才能够吸引浏览者的眼球，各种信息才能够正确地传达出来。色彩的重要关心色彩的人：61.22%非常关心色彩的人：11.68%不太关心色彩的人：24.4

2、5%不关心色彩的人：2.65%PCCS对抽样调研数据色彩基础三原色原色（Primary Hues）不能透过其他有色材料混合而成的颜色，叫原色，也称基色。原色能合成出其他色，而其他色不能还原出本来的颜色。原色只有三种，色光三原色为红Red 、绿Green 、蓝Blue，颜料三原色为青Cyan、品红Magenta 、黄Yellow。色光三原色可以合成出所有色彩，同时相加得白色光色光三原色RGB颜料三原色CMYK色彩基础三间色间色（Secondary Hues）由两个原色等量混合得间色。间色也只有三种：色光三间色为品红、黄、青（湖蓝）。颜料三间色即橙、绿、紫，也称第二次色。色彩基础复色复色（Tert

3、iary Hues）颜料的两个间色或一种原色和其对应的间色相混合得复色，亦称第三次色。复色中包含了所有的原色成分，只是各原色间的比例不等。三原色间色复色色彩基础色相环10色色环12色色环24色色环色彩基础数字色彩（Digital Color）1.什么是数字色彩我们常说我们生活在数字时代，而提起数字人们最先想到的应该是0和1，计算机就是将所有的信息转换成0和1构成的信息流之后进行传递的。数字彩色也是指通过由0和1表达并存储的颜色。2.数字色彩的设备数字颜色的设备有很多，比如显示器、数字电视、打印机、投影仪、掌上电脑、数码相机，手机色彩基础数字色彩（Digital Color）3. 网页安全色21

4、6网页安全色是指在不同硬件环境、不同操作系统、不同浏览器中都能够正常显示的颜色集合（调色板），也就是说这些颜色在任何终端浏览用户显示设备上的现实效果都是相同的。所以使用216网页安全色进行网页配色可以避免原有的颜色失真问题网页安全色是当红色（Red）、绿色（Green）、蓝色（Blue）颜色数字信号值（DAC Count）为0、51、102、153、204、255时构成的颜色组合，它一共有 6 * 6 * 6 = 216 种颜色（其中彩色为210种，非彩色为6种）色彩要素色彩要素色彩三要素色彩三要素色彩三要素 色相：区别不同色彩色相：区别不同色彩 色相即每种色彩的相貌、名称，如红、橙、黄、绿、

5、蓝、紫等。色相是区分色彩的主要依据，是色彩的最大特征。 纯纯度：色彩度：色彩鲜艳鲜艳程度程度 表示色的鲜艳或鲜明的程度称之为彩度。对于有彩色的纯度的高低，区别方法是根据这种色中含灰色的程度来计算的。明度：色彩强烈程度明度：色彩强烈程度 明度是色彩的明暗程度。在无彩色中，明度最高的色为白色，明度最低的色为黑色，中间存在一个从亮到暗的灰色系列。在有彩色中，任何一种纯度色都有着自己的明度特征。明度的细分明度的细分中明度低明度高明度中高明度中低明度浅淡亮轻深暗重沉明度的细分纯度的细分纯度的细分纯度分为：低纯度中纯度高纯度浑浊、暗淡鲜艳、强烈色彩的纯度强弱是指在纯色中加入不等量的灰色，加入的灰色越多色彩

6、的纯度越低；加入的灰色越少，色彩的纯度越高。这样可以得出这一纯色不同纯度的浊色，我们称这些色为高纯度色、中纯度色、低纯度色。纯度的细分纯度的细分嘉信理财嘉信理财纯度和明度变化纯度和明度变化当绿色混入白色时，成为淡绿色：纯度降低，明度提高。当绿色混入黑色时，成为暗绿色：纯度降低，明度降低。低纯度的颜色会给用户带来柔和、平静、安静以及轻的感觉，纯度高的颜色带来活泼清晰，热闹的气氛，有视觉冲击，但铺满高纯度的色彩，过于刺激，不适宜长时间游览。色立体色立体色立体是依据三维空间原理，用旋围空间直角坐标的方法，组成一个类似球体的立体型。色立体有多种，主要有美国蒙塞尔色立体、德国奥斯特瓦尔德色立体、日本色彩

7、研究所（PSCC）色立体等。美国的蒙赛尔色立体美国的蒙赛尔色立体德国的奥斯特瓦德色立体德国的奥斯特瓦德色立体日本色彩研究所色立体日本色彩研究所色立体色立体色立体标准的色彩设计的定义颜色可以这样表示：h色相(色调) S:纯度(饱和度) B:明度(亮度)，把这三个要素作成立体坐标，就构成色立体。(1)色立体为人们提供了几乎全部的色彩体系，可以帮助人们开拓新的色彩思路。 (2)由于色立体是严格地按照色相，明度，纯度的科学关系组织起来的，所以它提示着科学的色彩对比，调和规律。(3)建立一个标准化的色立体，对色彩的使用和管理会带来很大的方便，可以使色彩的标准统一起来。 孟塞尔颜色立体示意图孟塞尔颜色立体示意图蒙塞尔的明度共分为11个阶段色相环是以红(R)、黄(Y)、绿(G)、蓝(B)、紫（P）心理五原色为基础，再加上它们的中间色相：橙(YR)、黄绿(GY)、蓝绿(DG)、蓝紫(PB)、红紫(RP)成为10色相，排列顺序为顺时针。色调色调主色调：页面色彩的主要色调、总趋势，用色面积大的颜色就是所说的主色调。其他配色不能超过该主要色调的视觉面积。辅色调：仅次于主色调的视觉面积的辅助色，是烘托主色调、支持主色调、起到融合主色调效果的辅助色调。点睛色：在小范围内点上强烈的颜色来突出主