维普资讯 http://www.cqvip.com 网络加油站 让网页更靓丽 色彩设计经验点滴 。陈明丽 些鲜亮的颜色，让人感觉绚丽多姿， 生气勃勃。明度越低，颜色越暗。主 大自然是彩色的，网页看上去也 要漂亮、舒适。所以当代设计者不仅要 掌握基本的网站制作技术，还需要掌握 网站的风格、配色等设计艺术。其中 色彩在网站设计中占据相当重要的地 位。 常用。 互补色：色环中相对的两种色彩 其中的亮绿色跟紫色，另外如红 色跟绿色，蓝色和橙色等。对互补 要用于一些游戏类网站，充满神秘 感：一些个人站长为了体现自身的个 基本概念 首先了解一下色彩的一些基本概 念。自然界中有好多好多种色彩，比 如玫瑰是红色的，大海是蓝色的，桔 子是橙色的……但是最基本的有三种 （红、黄、蓝），其它的色彩都可以由 这三种色彩调和而成。我们称这三种色 彩为“三原色”。 现实生活中的色彩可以分为彩色和 非彩色。其中黑白灰属于非彩色系列， 其它的色彩都属于彩色。任何一种彩色 具备三个特征：色相、明度和纯度。 其中非彩色只有明度属性。 色相：指的是色彩的名称。这是 色彩最基本的特征，是一种色彩区别于 另一种色彩的最主要的因素。比如说紫 色、绿色、黄色等等都代表了不同的 性，也可以运用一些暗色调来表达个 色，调整一下补色的亮度，有时候是 一人的一些孤僻，或者忧郁等性格。有 明度差的色彩更容易调和。如紫色 （＃９９３３９９）跟黄色（＃ｆｆｆｆＯ０），暗红 （＃ｃＣ３３００）跟草绿（＃９９Ｃｃ００），暗蓝 （＃００６６ｃｃ）跟橙色（＃ｆｆ９９３３）等 纯度：指色彩的鲜艳程度，纯度 高的色彩纯、鲜亮。纯度底的色彩暗 淡，含灰色。 相近色：色环中相邻的三种颜 色。 种很好的搭配。就拿蓝色跟橙色米 打个比方吧，调整了蓝色的亮度以 后，其搭配效果是不是更好呢？补色 在网站设计中用得也较为普遍。 暖色：其中的黄色、橙色、红色、 紫色等都属于暖色系列。暖色跟黑色调 和可以达到很好的效果。暖色一股应用 于购物类网站，电子商务嘲站，儿童类 网站等等，用以体现商品的琳琅满目， 儿童类网站的活泼，温馨等等效果。 冷色：其中的绿色、蕊色、蓝紫色 等等都属于冷色系列。冷色一般跟白色 调和可以达到一种很好的效果。冷色一 色相。同一色相的色彩，调整一下亮 度、纯度，很容易搭配，比如深绿、 暗绿、草绿、亮绿。 明度：也叫亮度，指的是色彩的 明暗程度，明度越大，色彩越亮。比 如一些购物，儿童类网站。用的是一 其中的黄绿色、黄色和桔黄色。 相近色的搭配给人的视觉效果很舒适、 自然。所以相近色在网站设计中极为 ３４ Ｉ计算机与网络 ｏｏｚ．¨．２６ 维普资讯 http://www.cqvip.com 妙用“相对’’实现网页图层位置定位 。王新禧 在网页制作中，我们常会遇到这 样的问题：图片分辨率一旦变大、窗口 最大化之后，图层就错位了。而使用菜 单插入层的时候，这个层就会与它的上 级元素相对定位，一旦移动它，它就会 马上变成绝对定位。这个问题虽小，但 在实际应用过程中还是会给网页设计者 带来一些麻烦。 其实，造成图层错位的核心是母 层与子层的问题。只要使母层相对于某 点定位，而子 层相对于母层定位，就可以达到 中），鼠标在某单元格内点一下，然后 通过菜单插入一个层，这个层就相对于 这个单元格定位了。插入一个层之后， 插入子层，这时子层与母层币秘，你 可以随意移动它。 不管怎么动，它都是十Ｈ对十母层定 不要动它，而且永远也不要动，但是 可以更改它的大小，比如把它的高与宽 都改成“０”，让它不再影响你对其他 内容的编辑，否则，这个层的 “Ｌ ｅｆｔ”与“Ｔ ０ Ｐ”属性出现之后就 位的。至此问题也就解决ｒ。不过爱 意不要动“Ｌｅｆｔ”与“Ｔｏｐ”属 ， 为 它是相埘于 层的左上角定位的。 技巧：先插入一个表格，在其ｉｌｉ 一个单元格中插入母层，可以把它定得 成了绝对定位了。如果变成绝对定位， 你可以把它的“Ｌｅｆｔ”与“Ｔ０Ｐ”属 小一点，比如说２ ０像素宽、１ ０像素 高，这样它就不会盖住下面的链按， 也不影响予层的相埘定位。如果爱用 性去掉，就恢复成相对定位了。变成 “０”之后，有时子层会看不见，可 以按“Ｆ １ １”键点它恢复编辑。现在 光标应该在这个层内闪动，再通过菜单 ７７８像素宽定义表格，可以把僻层插入 到表格的第一行第一个单元格ｉｌＪ，这样 就可以在所有层制作完后插入母层Ｊ ！ 层的相对定位这个目标了。 先在页面内插入表格（可以设居 般应用于一些高科技，游戏类网站， 主要表达严肃，稳重等效果。 突出的是背景，所以文字就要显得暗一 些，这样文字才能跟背景分离开来， 者的视线，让他们感觉网站消晰、ｎＪＪ ｒ、 层次分明。想往哪里走都 会迷失方向。 ４、链接颜色设置 一色彩搭配 上面学习了颜色的一些基本概念及 颜色的一些搭配问题，具体运用到网页 便于浏览者阅读文字。 ２、Ｌ ０ ｇ ０和Ｂ ａｎ ｎ ｅ ｒ 个网站不可能只是单‘的一 ， Ｌｏｇｏ和Ｂａｎｎｅｒ是宣传网站最重要 所以文字与图片的链接是网站・ｆｉ 可缺少 的一部分。这里特别指出文字的链接， 为链接区别于文字，所以链接的颜色不能 中，各要素的色彩又是如何搭配的呢？ １、背景与文字 如果一个网站用了背景颜色，必 须要考虑到与前景文字的搭配等问题。 一的部分之一，所以这两个部分一定要在 页面上突迎而出。怎样做到这一点呢？ 我们将Ｌｏｇｏ和Ｂａｎｎｅｒ做的鲜亮一些， 也就是色彩方面跟网页的主题色分离开 来。有时候为了更突出，也可以使用 与主题色相反的颜色。 ３、导航与小标题 导航、小标题是网站的指路灯。 跟文字的颜色一样。现代人的牛活节奏十¨ 当快，不可能浪费太多的时间在寻找你网 站的链接上。设置了独特的链接颜色，让 般的网站侧重的是文字，所以背景可 以选择纯度或者明度较低的色彩，文字 用较为突出的亮色。让人一目了然。 当然，有些网站为了让浏览者对 网站留有深刻的印象，他在背景上作文 章。比如一个空白页的某一个部分用了 很亮的一个大色块，是不是让你豁然开 朗呢！此时他为了吸引浏览者的视线， 人感觉他的独特性，自然而然好奇心必然 趋使他移动鼠标，点击鼠标。 浏览者要在网页间跳转，要了解网站的 结构，网站的内容，都必须通过导航或 墓理 Ｌ Ｚ ： 莶 观 舒适．为了增强你的旋血的可嘲睡 社．必须合碍！ 恰当抽法毋 棋配 ｜ 者页面中的一些小标题。所以我们可以 使用稍微具有跳跃性的色彩，吸引浏览 计算机与网络／２００２，１、，２６ Ｉ
