动画和按钮.PPT

《网页设计与制作》 本章初步介绍了图像的设计基础以及色彩的应用，详细介绍了如何利用Fireworks进行图像处理和页面设计。 【本章学习目的】 在本章中，通过多个实例的介绍，重点讲解了Fireworks软件的应用基础和应用技巧，通过本章的学习，读者应了解设计中页面配色方案，掌握利用Fireworks软件设计出美观大方的网页。 9.1 图像基础及色彩应用 9.1.1认识色彩 为了能更好地应用色彩来设计网页，我们还是先来了解一下色彩的一些基本概念。自然界中有很多种色彩，比如玫瑰是红色的，大海是蓝色的，桔子是橙色的等等，但是最基本的有三种（红，绿，蓝），其它的色彩都可以由这三种色彩调和而成，我们称这三种色彩为“三原色”。 现实生活中的色彩可以分为彩色和非彩色。其中黑、白、灰色属于非彩色系列，其它的色彩都属于彩色，如图所示。 下面介绍两种常用的色彩模式。 1. HSB 任何一种彩色具备三个特征：色相（H），纯度（S）和明度(B)，把这三个要素做成立体坐标，就构成色立体，其中非彩色只有明度属性。 2. RGB RGB色彩模式是工业界的一种颜色标准，表示红色、绿色、蓝色，又称为三原色光，英文为R(Red)、G(Green)、B(Blue)，它们相互之间的叠加来得到各种颜色。 通常情况下，RGB各有256级亮度，用数字表示为从0、1、2至255，共256级。按照计算，256级的RGB色彩总共能组合出约1678万种色彩，即256×256×256通常也被简称为1600万色或千万色，也称为24位色(2的24次方)。 对于单独的R或G或B而言，当数值为0时，代表这种颜色不发光；如果为255，则该颜色为最高亮度。因此当RGB三种色光都发到最强的亮度，纯白的RGB值就为255,255,255。屏幕上黑的RGB值是0,0,0。R，意味着只有红色存在，且亮度最强，G和B都不发光。因此最红色的数值是255,0,0。同理，最绿色就是0,255,0；而最蓝色就是0,0,255。黄色较特殊，是由红色加绿色而得就是255，255，0。 RGB模式是显示器的物理色彩模式。这就意味着无论在软件中使用何种色彩模式，只要是在显示器上显示的，图像最终就是以RGB方式出现。 9.1.2 色彩的作用 色彩使宇宙万物充满情感，生机勃勃。色彩作为一种最普遍的审美形式，存在于人们日常生活的各个方面，人们的衣、食、住、行、用无不与色彩发生着密切的关系。 色彩的冷暖 红、橙、黄等颜色使用联想到阳光、烈火，故称为“暖色”，绿、青、蓝等颜色与黑夜、寒冷相连，故称为“冷色”。 色彩的轻重 各种色彩给人的轻重感不同，从色彩得到的重量感，是质感与色感的复合感觉。浅色密度小，给人质量轻的感觉；深色密度大，给人分量重的感觉。 色彩的前进与后退 如果等距离地观察两种颜色，可以给人不同的远近感。暖色比冷色更富有前进的特性。两色之间，亮度偏高的色彩呈前进性，饱和度偏高的色彩的也呈前进性。 色彩的艳丽与素雅 如果是单色，饱和度越高，则色彩越艳丽。饱和度越低，则色彩越素雅。除了饱和度，亮度也有一定的关系。不论什么颜色，亮度高时，即使饱和度低也给人艳丽的感觉 9.1.3 色彩的配色应用方案实例 红色让人联想到玫瑰，联想到喜庆，联想到兴奋。白色联想到纯洁，干净，简洁；紫色象征着女性化，高雅，浪漫；蓝色象征高科技，稳重，理智；橙色代表了欢快，甜美，收获；绿色代表了充满青春的活力，舒适，希望等等。当然不是说某种色彩一定代表了什么含义。在特定的场合下，同种色彩可以代表不同的含义。更多的色彩知识可参考专业的色彩理论与应用书籍，这里仅介绍几种常用的网页色彩配色实例。 1.红色色系 红色是最鲜明生动的、最热烈的颜色，因此红色也是代表热情的情感之色。鲜明红色极容易吸引人们的目光。在主要由红色成分构成的色彩中，粉红色象征了浪漫、温馨，暗红色象征了神秘、深沉，桃红色象征了时尚、明亮，下面研究的是红色的配色规律。高亮度的红色通过与灰色、黑色等非彩色搭配使用，可以得到现代且激进的感觉。 低亮度的红色具有冷静沉重的感觉，可以营造古典的氛围。 红色如果与亮度、饱和度较强的冷色（如蓝色、绿色）相配，中间最好能有一些过渡性的颜色，如纯红与纯蓝相配时，中间插入面积适中的白色，大红与大绿相配时，中间可以用棕色或黑色间隔，如图所示。 2. 蓝色色系 蓝色是