您现在的位置：色彩的魅力是无限的，它可以让本身很平淡无味的东西，瞬间就能变得漂亮、美丽起来。信息时代的快速到来，网络也开始变的多姿多彩。人们不再局限于简单的文字与图片，他们要求网页看上去漂亮，舒适。所以网页设计师不仅要掌握基本的网站制作技术，还需要掌握网站的风格，配色等设计艺术。其中色彩在网站设计中占据相当重要的地位。
但是对于没有太多基础的网页设计人员而言，对网站进行配色和颜色的管理是非常让人痛苦的一件事情，很多时候是不知道该如何进行颜色搭配的。或者有了一个好的颜色搭配，确没有办法对色彩进行管理，无法重复的应用。在Fireworks的早期版本中，给用户提供了“混色器”和“颜色样本”两个面板，帮助我们创建和管理色彩，基本上在Fireworks中所有关于色彩的操作都在这里完成了，如图1.1所示。
图1.1 Fireworks的“混色器”和“颜色样本”面板
在Fireworks的最新版本Fireworks 9中，Adobe的开发人员贴切地为用户提供了一个新的色彩创建和管理的环境，这就是将要给大家介绍的Color Palette（调色板）面板组，在Color Palette（调色板）面板组中，包含了三个子面板，分别是Seletcor（颜色选择器）、Mixer（混色器）和Blender（混和器）。如图 1.2所示。
图1.2 Fireworks 9的Color Palette（调色板）面板组
通过本教程，大家将会了解：
$$ Fireworks 9 Color Palette（调色板）面板组的基本使用方法。
$$ 使用Color Palette（调色板）面板组来创建网站配色方案。
$$ Fireworks 9中色彩的管理。
一、Fireworks 9 Color Palette（调色板）面板组的基本使用
选择【Windows(窗口)】@@【Others（其它）】@@【Color Palette（调色板）】命令，即可打开Fireworks 9的Color Palette（调色板）面板组。效果如图1.2所示。在Color Palette（调色板）面板组中包含三个不同的子面板。下面来给大家进行依次的介绍。
1.1 Seletcor（颜色选择器）面板
首先打开Seletcor（颜色选择器）面板，整个面板分为上下两个区域，如图1.3所示。
图1.3 Seletcor（颜色选择器）面板
在Seletcor（颜色选择器）面板的上方，首先给我们提供了类似于WINDOWS系统调色托盘的颜色拾取器，我们可以根据自己的需要在这个调色盘中选择色彩选择色彩，其中，水平移动改变的是色相，垂直移动改变的是饱和度，拖拽右侧的黑色小三角可以改变选中颜色的亮度，如图1.4所示。
1.1.1 色彩的三要素
在自然界中，颜色可以分为色彩和非色彩两大类，黑色、白色和灰色在色彩学中属于非色彩。并且黑色和白色的对比可以说是色彩对比的最高境界，很多网站都使用黑色、白色和灰色来进行配色，如图3.5所示。变形金刚电影版官方网站大量的使用了非色彩的搭配，给人一种现代、科技和神秘的感觉。
图3.5 变形金刚电影版官方网站
所有的色彩都具有最基本的三个要素：色相（Hue）、饱和度（Saturation）和亮度（Brightness）。
$$ 色相
色彩是由于物体上的物理性的光反射到人眼视神经上所产生的感觉。色的不同是由光的波长的长短差别所决定的。所谓色相，指的是这些不同波长的色的情况。波长最长的是红色，最短的是紫色。把红、黄、绿、蓝、紫和处在它们各自之间的黄红、黄绿、蓝绿、蓝紫、红紫这5种中间色，共计10种颜色作为色相环。在色相环上排列的色是饱和度高的色，被称为纯色。这些色在环上的位置是根据视觉和感觉的相等间隔来进行安排的。用类似这样的方法还可以再分出差别细微的多种色来。在色相环上，与环中心对称，并在180度的位置两端的色被称为互补色。如图3.6所示。
图3.6 色环
评论加载中…
教程导航
作者：lvcheng
