网页设计与制作讲义.ppt

4.4.3网页设计中色彩的属性及其应用 设计精良的网站总有其色调构成的总体倾向,以一种颜色或几种临近颜色为主导,使全呈现在某种和谐、统一的色彩倾向，如同人穿衣服。要想恰如其分的表现网页中的内容，在竞争对手脱颖而出的，信息空间的构造也需要恰如其分的包装和表达。 一. 与网站风格 色彩是网页设计中很难把握的重要方面，是确立网站风格的前提，网站色彩的倾向，决定着网站给浏览者的第一印象。如：活泼、庄重、雅致（如图4-17）或热烈。 二. 色彩原理 “色彩是破碎了的光，太阳的光与地球相撞，破碎分散，因而使整个地球形成美丽的色彩。” 4.4.3网页设计中色彩的属性及其应用 图4-17 4.4.3网页设计中色彩的属性及其应用 1. 色彩的三要素 明度、色相和饱和度构成色彩的三要素。自然界中的颜色可以分为非彩色和彩色两大类。非彩色指黑色、白色和各种深浅不一的灰色，而其它所有的颜色均属于彩色，任何一种色彩都具有明度、纯度、饱和度三大属性。 (1). 明度 明度指色彩的明暗程度。 (2). 色相 色相指色彩的相貌。如：红、黄、蓝、绿等。 (3). 纯度 纯度指色彩的纯净程度，纯度越高，色相感越强。 色 环 图4-18 4.4.3网页设计中色彩的属性及其应用 2. 色彩的分类：原色、间色、邻近色、对比色、互补色 3. 色彩与心理 色彩对人们头脑和精神心理的影响是客观存在的，如：色彩的知觉力，色彩的辨别力，色彩的象征力及情感。 (1).色彩的冷暖感觉 A. 暖色 色彩的冷暖与人们对世界的经验分不开。如：阳光呈现红、橙、黄、等颜色，所以人们一看到红、橙、黄等色就联想到火热和烈日给人们的感受，故称“暖色” B. 冷色 当人们看到绿、青蓝色时会与寒冷相联系.如冰川、海洋、夜空、树荫等 (2). 色彩的进退和胀缩感觉 色彩对比 图4-19 4.4.3网页设计中色彩的属性及其应用 a. 长波长的暖色有前进的睡眠的感觉，短波的冷色有退缩的感觉 b. 明度高的色彩光量多、色刺激犬，有前进膨胀的感觉，反之有退缩的感觉 c. 不同北京的衬托也能产生前进、涨缩的感觉 (3). 色彩的轻重和软硬感觉 明度高的色彩给人轻的感觉，明度低的色彩给人重的感觉。在色相方面，暖色给人轻的感觉，冷色给人重的感觉给人轻的感觉的颜色均有软的感觉，给人重的感觉的颜色均有硬的感觉 4.4.3网页设计中色彩的属性及其应用 (4). 色彩的艳丽与素雅 色彩饱和度高，亮度高的色彩艳丽，反之素雅 (5). 色彩的记忆性 人们对色彩的记忆，由于年龄、性别、个性、职业、经历、所受教育、自然环境、社会背景的不同，差异很大。一般说来记忆性色彩强的色彩为： 暖色、名度高、纯度高 记忆性弱的色彩： 冷色、明度低、纯度低 (6). 色彩的联想与象征 色彩的联想是通过以往的经验、记忆或知识将当前的色彩与其他具象或抽象及相联系起来的过程 4.4.3网页设计中色彩的属性及其应用 常见颜色的联想： A.具象联想 红色：血、火、太阳 橙色：灯光 、柑橘 、秋叶、 都市 黄色：光、 柠檬、 迎春花 、食品 绿色：草地、 树叶 、禾苗 蓝色：天空 、宇宙、 水 、冰 紫色：丁香花 、葡萄 、茄子 黑色：夜晚 、墨、 石炭 白色：雪 、牛奶 、白云 、面粉 灰色：乌云 、铁 、木 B.抽象联想 4.4.3网页设计中色彩的属性及其应用 红色：热烈 热情 危险 活力 吉祥 喜庆 夏季 传统 橙色：温暖 欢喜 嫉妒 华丽 甜蜜 兴奋 黄色：光明 希望快活 平凡 权利 清爽 安静 蓝色：平静 神秘 悠久 理智 深远 科学 快捷 紫色：优雅 高贵 注重 浪漫 神秘 女性 温柔 虚幻 魅力 黑色：严肃 刚健 恐怖 死亡 罪恶 坚硬 沉默 绝望 悲 哀 男性 机械 灰色：平凡 天意 谦逊 灰心 无聊 消极 谦虚 随便 （7）人对色彩的情感 最基本的情感表现：好 恶 情感的差异的原因： 4.4.3网页设计中色彩的属性及其应用 a. 年龄差异 年龄高：冷色 明度纯度低 年龄低：明度纯度高 b．性别差异 男性：冷色或纯度高的色彩（如黑.灰）→色调集中 女性：暖色.纯度较低的粉色及白色→色调分散 c.种族差异 原因：生活环境.社会文化.历史.宗教信仰等不同 中国：红 黄 蓝 天蓝 浅蓝 美国：淡黄 红 明灰 明蓝 法国：黑 灰 红 蓝 绿 白 德国：黑 白 天蓝 咖啡最基本的情感表现：好 恶 4.4.3网页设计中色彩的属性及其应用 菲律宾：淡黄 蓝 绿 印度：红 黄 蓝