文档介绍：第五章网页图像的处理
通过本章学****应该掌握以下内容:
1. 能够选择合适的网页颜色
2. 解网页图像的基本格式
3. 掌握使用网页图像的要点
4. 在网页中插入图像的方法
5. 图像属性的设置
6. 调整图像的大小及位置
网页设计中色彩的属性及其应用
利用Dreamweaver MX编辑图像
利用HTML处理图像
色彩是烘托网页主题的重要元素
主题
合理的结构
创新的设计
艺术性色彩
色彩
色彩是自然美、生活美、艺术美的重要组成部分。它代表着情感(绿色代表生命,红色代表热情,白色代表纯洁,蓝色代表深邃),代表着生活。没有色彩的世界是死寂而平淡的。
在主题明确的前提下,网页可以用丰富的色彩来烘托主题,让浏览者耳目一新的感觉。但多变的色彩不要干扰了浏览者的易读,不可以浓妆艳抹,脱离主题。
一、与网站风格的关系
二、色彩原理
三、网页设计中的色彩应用原理
四、色彩意象的设计应用
五、网页设计的配色技巧
网页设计中色彩的属性及其应用
网页设计中色彩的属性及其应用
设计精良的网站总有其色调构成的总体倾向,以一种颜色或几种临近颜色为主导,使全呈现在某种和谐、统一的色彩倾向,如同人穿衣服。
一. 与网站风格的关系
色彩是网页设计中很难把握的重要方面,是确立网站风格的前提,网站色彩的倾向,决定着网站给浏览者的第一印象。如:活泼、庄重、雅致或热烈。
二. 色彩原理
“色彩是破碎了的光,太阳的光与地球相撞,破碎分散,因而使整个地球形成美丽的色彩。”
1. 色彩的三要素
明度、色相和饱和度构成色彩的三要素。自然界中的颜色可以分为非彩色和彩色两大类。非彩色指黑色、白色和各种深浅不一的灰色,而其它所有的颜色均属于彩色,任何一种色彩都具有明度、色相、饱和度三大属性。
(1). 明度
明度指色彩的明暗程度。
(2). 色相
色相指色彩的相貌。如:红、黄、蓝、绿等。
十二基本色相:红、橙红、黄橙、黄、黄绿、
绿、绿蓝、蓝绿、蓝、蓝紫、紫、红紫
(3). 饱和度
所谓的饱和度,指的其实是色彩的纯度,纯度越
高,表现越鲜明,纯度较低,表现则较黯淡。
网页设计中色彩的属性及其应用
2. 色彩与心理
色彩对人们头脑和精神心理的影响是客观存在的,如:色彩的知觉力,色彩的辨别力,色彩的象征力及情感。
(1).色彩的冷暖感觉
A. 暖色
色彩的冷暖与人们对世界的经验分不开。如:阳光呈现红、橙、黄、等颜色,所以人们一看到红、橙、黄等色就联想到火热和烈日给人们的感受,故称“暖色”
B. 冷色
当人们看到绿、、海洋、夜空、树荫等
(2). 色彩的进退和胀缩感觉
网页设计中色彩的属性及其应用
a. 长波长的暖色有前进的感觉,短波的冷色有退缩的感觉
b. 明度高的色彩光量多、色刺激犬,有膨胀的感觉,反之有退缩的感觉
c. 不同背景的衬托也能产生前进、涨缩的感觉
(3). 色彩的轻重和软硬感觉
明度高的色彩给人轻的感觉,明度低的色彩给人重的感觉。在色相方面,暖色给人轻的感觉,冷色给人重的感觉给人轻的感觉的颜色均有软的感觉,给人重的感觉的颜色均有硬的感觉
以色相分,轻重次序排列为白、黄、橙、红、灰、绿、蓝、紫、黑。
网页设计中色彩的属性及其应用
(4). 色彩的艳丽与素雅
色彩饱和度高,亮度高的色彩艳丽,反之素雅
(5). 色彩的记忆性
人们对色彩的记忆,由于年龄、性别、个性、职业、经历、所受教育、自然环境、社会背景的不同,差异很大。一般说来记忆性色彩强的色彩为:
暖色、明度高、纯度高
记忆性弱的色彩:
冷色、明度低、纯度低
(6). 色彩的联想与象征
色彩的联想是通过以往的经验、记忆或知识将当前的色彩与其他具象或抽象及相联系起来的过程
网页设计中色彩的属性及其应用