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

网页设计与制作——色彩设计 视觉影响的重要性 科学实验证明，人的视觉器官在观察物体最初的20秒内，色彩感觉占80%，形体感觉占20%；2分钟后，色彩感觉占60%，形体感觉占40%；5分钟后，色彩感觉和形体感觉各占一半，并且这种状态将持续下去。 评价一个网站的好坏对网页的点击浏览和停留的时间决定的，人基本上是用眼睛来观看、判断和选择事物的，往往是由视觉效果产生。所以在网页设计中，不仅要注重网站功能的全面，也是需要进行网站外观的设计,这样页面才能够吸引浏览者的眼球，各种信息才能够正确地传达出来。 色彩的重要 关心色彩的人：61.22% 非常关心色彩的人：11.68% 不太关心色彩的人：24.45% 不关心色彩的人：2.65% PCCS对抽样调研数据 色彩基础——三原色 原色（Primary Hues） 不能透过其他有色材料混合而成的颜色，叫原色，也称基色。原色能合成出其他色，而其他色不能还原出本来的颜色。原色只有三种，色光三原色为红Red 、绿Green 、蓝Blue，颜料三原色为青Cyan、品红Magenta 、黄Yellow。色光三原色可以合成出所有色彩，同时相加得白色光 色光三原色RGB 颜料三原色CMYK 色彩基础——三间色 间色（Secondary Hues） 由两个原色等量混合得间色。间色也只有三种： 色光三间色为品红、黄、青（湖蓝）。 颜料三间色即橙、绿、紫，也称第二次色。 色彩基础——复色 复色（Tertiary Hues） 颜料的两个间色或一种原色和其对应的间色相混合得复色，亦称第三次色。复色中包含了所有的原色成分，只是各原色间的比例不等。 三原色 间色 复色 色彩基础——色相环 10色色环 12色色环 24色色环 色彩基础——数字色彩（Digital Color） 1.什么是数字色彩 我们常说我们生活在数字时代，而提起数字人们最先想到的应该是0和1，计算机就是将所有的信息转换成0和1构成的信息流之后进行传递的。数字彩色也是指通过由0和1表达并存储的颜色。 2.数字色彩的设备 数字颜色的设备有很多，比如显示器、数字电视、打印机、投影仪、掌上电脑、数码相机，手机 色彩基础——数字色彩（Digital Color） 3. 网页安全色 216网页安全色是指在不同硬件环境、不同操作系统、不同浏览器中都能够正常显示的颜色集合（调色板），也就是说这些颜色在任何终端浏览用户显示设备上的现实效果都是相同的。所以使用216网页安全色进行网页配色可以避免原有的颜色失真问题 网页安全色是当红色（Red）、绿色（Green）、蓝色（Blue）颜色数字信号值（DAC Count）为0、51、102、153、204、255时构成的颜色组合，它一共有 6 * 6 * 6 = 216 种颜色（其中彩色为210种，非彩色为6种） 色彩要素——色彩三要素 色彩三要素 色相：区别不同色彩 色相即每种色彩的相貌、名称，如红、橙、黄、绿、蓝、紫等。色相是区分色彩的主要依据，是色彩的最大特征。 纯度：色彩鲜艳程度 表示色的鲜艳或鲜明的程度称之为彩度。对于有彩色的纯度的高低，区别方法是根据这种色中含灰色的程度来计算的。 明度：色彩强烈程度 明度是色彩的明暗程度。在无彩色中，明度最高的色为白色，明度最低的色为黑色，中间存在一个从亮到暗的灰色系列。在有彩色中，任何一种纯度色都有着自己的明度特征。 明度的细分 中明度 低明度 高明度 中高明度 中低明度 浅淡亮轻 深暗重沉 明度的细分 纯度的细分 纯度分为： 低纯度 中纯度 高纯度 浑浊、暗淡 鲜艳、强烈 色彩的纯度强弱是指在纯色中加入不等量的灰色，加入的灰色越多色彩的纯度越低；加入的灰色越少，色彩的纯度越高。这样可以得出这一纯色不同纯度的浊色，我们称这些色为高纯度色、中纯度色、低纯度色。 纯度的细分 嘉信理财 纯度和明度变化 当绿色混入白色时，成为淡绿色：纯度降低，明度提高。 当绿色混入黑色时，成为暗绿色：纯度降低，明度降低。 低纯度的颜色会给用户带来柔和、平静、安静以及轻的感觉，纯度高的颜色带来活泼清晰，热闹的气氛，有视觉冲击，但铺满高纯度的色彩，过于刺激，不适宜长时间游览。 色立体 色立体是依据三维空间原理，用旋围空间直角坐标的方法，组成一个类似球体的立体型。 色立体有多种，主要有美国蒙塞尔色立体、德国奥斯特瓦尔德色立体、日本色彩研究所（PSCC）色立体等。 美国的蒙赛尔色立体 德国的奥斯特瓦德色立体 日本色彩研究所色立体 色立体 标准的色彩设计的定义颜色可以这样表示：h色相(色调) S:纯度(饱和度) B:明度(亮度)，把这三个要素作成立体坐标，就构成色立体。 (1)色立体为人们提供了几乎全部的色彩体系，可以帮助人们开拓新的色彩思路。 (2)由于色立体是严格地按照色相，明度，纯度的科学关系组织起来的