找找吧,water http://www.gogogo8.com/ver2 找找吧,water zh-cn null Thu, 16 Feb 2006 02:26:51 +0800 Copyright 2005 by 找找吧,water. All rights reserved. 找找吧,water 找找吧,water http://www.gogogo8.com/ver2/images/logo.gif http://www.gogogo8.com/ver2 http://www.gogogo8.com/ver2/Blog/blogview.asp?logID=358<![CDATA[像素场景 圣诞专辑20张,今天情人节,我看又增加了不少]]>water平面设计Tue, 14 Feb 2006 13:57:54 +0800今天情人节,我看又增加了不少
按此在新窗口打开图片http://desk.blueidea.com/

]]>
今天情人节,我看又增加了不少
按此在新窗口打开图片http://desk.blueidea.com/

]]>
http://www.gogogo8.com/ver2/Blog/blogview.asp?logID=358http://www.gogogo8.com/ver2/trackback.asp?tbID=358http://www.gogogo8.com/ver2/Blog/blogview.asp?logID=358#commenthttp://www.gogogo8.com/ver2/blogfeed.asp?logID=358
http://www.gogogo8.com/ver2/Blog/blogview.asp?logID=356<![CDATA[创建个性边框,转自WebStudio]]>water平面设计Fri, 10 Feb 2006 13:48:16 +0800 如果你喜欢制作比较有个性的作品,那么对于用photoshop来制作不规则的窗口技巧,就显得很重了。下面我们就来研究一下,怎样快速而有效制作这样一个看上去比较个性的边框。

1.打开photoshop.选择文件>新建一个500*500大小的文件。
2.设置前景为黑色,背景为白色。 ]]>
如果你喜欢制作比较有个性的作品,那么对于用photoshop来制作不规则的窗口技巧,就显得很重了。下面我们就来研究一下,怎样快速而有效制作这样一个看上去比较个性的边框。

1.打开photoshop.选择文件>新建一个500*500大小的文件。
2.设置前景为黑色,背景为白色。
3.选择滤镜>渲染>分层云彩,你的场景就已经能看到黑白混合类似云状的图形了。
4.下面我们将让我们图形看起来怪异一些,选择滤镜>渲染>调色刀。使用默认的设置就可以。如果你认为你可以修改其中参数,当然更好。
5.现在,我们继续,选择滤镜>艺术效果>海报边缘,你处理的图形应与我下面的图像一样。


按此在新窗口打开图片

6,复制这一层,选择这一层,然后选择滤镜>扭曲>玻璃,完成后,将融合模式设置为“叠加”得到的效果如下图所示:


按此在新窗口打开图片

7.保存你的文件,命名为border.psd文件名。以便后面我们在置换中使用它。
8.再次新建一个500*500大小文件。绘制一个边框,可以使用矩形选择工具,给制一个450*450 大个小选区,然后反选,添充上你需要色彩。如下:


按此在新窗口打开图片

9.选择滤镜>扭曲>置换,使用默认参数。然后选择刚保存的board.psd文件。你看到的效果如下:


按此在新窗口打开图片

10,如果你对上面的窗口不满意,可以使用其它笔刷进行调节,只到满意为止。还可以加上其它如色彩,其它滤镜等调节。那外在制作的时候不光边框可以这样处理,同时对其它的任何形状都可以这样处.效果随你任意发挥.

]]>
http://www.gogogo8.com/ver2/Blog/blogview.asp?logID=356http://www.gogogo8.com/ver2/trackback.asp?tbID=356http://www.gogogo8.com/ver2/Blog/blogview.asp?logID=356#commenthttp://www.gogogo8.com/ver2/blogfeed.asp?logID=356
http://www.gogogo8.com/ver2/Blog/blogview.asp?logID=353<![CDATA[Photoshop超强抠图合成创意实例]]>water平面设计Mon, 06 Feb 2006 10:09:43 +0800  年前我的同事给我们上了一课,呵呵,就是讲的这个,本来想按照他的课做一个小教程,不过在网上逛了逛看这个写的就很棒啊,中国教程网上的,收藏~~~

  适用读者:photoshop中级水平读者进阶。
]]>
  年前我的同事给我们上了一课,呵呵,就是讲的这个,本来想按照他的课做一个小教程,不过在网上逛了逛看这个写的就很棒啊,中国教程网上的,收藏~~~

  适用读者:photoshop中级水平读者进阶。

  教学重点:对色相饱和度的调整有更深一步的认识。

  教学难点:滤色混合模式的理解、色相饱和度调整对颜色的不同影响、通道转为图像的思想阻力突破。

  本实例独创之处:突破抠图思想局限,将通道做为最终制作结果用于合成,素材本身只是一个辅助图像。

  最后效果:


按此在新窗口打开图片


  相关素材:

按此在新窗口打开图片


按此在新窗口打开图片


按此在新窗口打开图片

  有朋友在论坛中发贴问我,怎样在杂乱的黄色背景下抠取白色孔雀羽毛。猛的一看,白色羽毛似乎很清楚,可是当用通道抠取的时候却会发现不是那么回事。每一个颜色通道中都有很多杂草的颜色与羽毛的颜色相似,无法用色阶区分开来。用黑色画笔也很难一点点把杂色修掉。

  有没有办法尽最大可能在最短的时间将杂草去掉呢?我们要从分析图像开始。一步步达到我们的目的。

  为了保证最终图像的清晰,我们需要把图像放大,在完成抠图之后再把图像缩小回原始大小。注意这里的“放大”不是用放大镜工具放大观看,而是将图像整体用“图像”-“图像大小”命令放大,如图所示,将单位改为百分比,勾选“约束比例”,把图像宽高都设置为原来的400%,单击好,图像被放大。


按此在新窗口打开图片

  下面这一步,将对图像进行破坏性的操作。由于本实例只是将素材作为一个辅助设计的图像来对待,所以没有将背景层复制。如果大家是要抠取原始素材中的羽毛的话,可以将背景层拉到新建图层按钮上,复制一份。这样在对副本进行色相饱和度操作之后,我们还会有一个没有被破坏过的背景层,方便以后的制作。

  使用“图像”-“调整”-“色相饱和度”命令,如图所示,将颜色进行调整,把黄色的草地变为绿色的。同时将颜色饱和度提高。

  通过观察可以看到,使用了色相饱和度命令之后,白色部分的变化最小,而背景却有了巨大的变化。

  这是因为纯白色和纯黑色在调整色相和饱和度时是没有变化的,只

  Google的服务非常的多,但并非无规律可循。当然,你得是Google的忠实Fan,对Google的各项服务都了如指掌。我显然没有这种功力。但高人还是很多的,比如seweso的站长。他曾经准确预测过Google Base的产生。现在,他似乎又心血来潮,作出了更多的关于Google或者Google即将推出的服务的预测,一共有22个。这并非空口说大话,如果你细心分析他的这些预言,你会发现,他所有的预言都是基于Google现有的服务的,很有道理。如果你感兴趣,一起来看看吧。
通道中暗化,白色在任何通道里都是白色显示,所以这样一调色,就会有通道出现羽毛与背景的最大程度分离,方便我们下一步的细致修理。

  下图的调整只是针对此图,在做别的实例时,可以根据情况自己确定数值。关键是要理解前面所说的原理。


按此在新窗口打开图片

  经过这样的调整之后,如标签1所示,在蓝色通道中,黑白最为分明,就用这个通道来制作吧。将蓝色通道拉到新建按钮上,将它复制一份。


按此在新窗口打开图片

  可以看到,图像各部分的羽毛清晰程度还有不同。右下方的羽毛旁边有很多杂草信息没有去掉。而别的地方的羽毛则比较清晰。这样我们需要制作两个通道,相互结合着做出一个最终所要的图来。

  再将蓝通道复制一份。

按此在新窗口打开图片

  下面我们对两个通道进行不同程度的色阶处理,一个处理得过一点,把杂草全滤掉,另一个则轻一点,保证更多的羽毛可以看到。这样我们可以让两个通道取长补短,最大程度地保留羽毛,也最大程度地去掉杂草。

  先对蓝通道副本进行“图像”-“调整”-“色阶”,如标签1所示,将杂草滤掉,可以看到,羽毛也损失了很多。如标签2所示,滑块调整比较*右侧,整个通道比较暗。


按此在新窗口打开图片

  对蓝副本2通道进行色阶处理,如标签1所示,保留更多的羽毛。


按此在新窗口打开图片

  按着CTRL单击蓝副本2,将蓝副本2通道载入选区。按CTRL+H,将选区隐藏。这时看不到选区,但是选区是起作用的,方便我们直观地进行修理。

  进入蓝副本通道,选择一个较软的画笔,使用白色,降低画笔不透明度,在羽毛损失比较厉害的地方涂一涂,可以看到羽毛会被慢慢加上。注意,不要把杂草的图像也给涂出来。这个方法可以结合两个通道的优点,而将多余的部分完美地过滤掉。


按此在新窗口打开图片

  完成后按CTRL+D取消选择。如果最后发现还是有杂草的图像在里边,可以用软的黑色画笔,降低不透明度,在多余的图像上慢慢修复。


按此在新窗口打开图片

  这是修改过后的大致模样,杂草被去得差不多了。这一步是比较费时间和精力的,只有多练习,才可以在以后的工作中提高效率。


按此在新窗口打开图片

  使用图像大小命令,再将图像缩小为最初打开时的大小。羽毛被最大程度保留。


按此在新窗口打开图片

  按CTRL+A全选修好的通道,CTRL+C复制。这一次我们不用图层来完成合成,直接使用通道中做好的图像来合成作品。

  打开前面提供的背景图像,按CTRL+V粘贴在新层中。


按此在新窗口打开图片

  有人会说,黑色的背景可是太难看啦。没关系,我们只要把这个图层的混合模式改为“滤色”黑色会被完美的去除。这可是“滤色”混合模式的看家本领,也是最最常用的一种去黑色背景的方法。


按此在新窗口打开图片

  打开女孩的图片素材,我们要把女孩图像抠出来,相信学习这个抠图的读者抠取这个图像没有任何问题。用磁性套索也可以,用魔棒选择外边的白色部分,再Ctrl+shift+I反选,直接用移动工具拉入图像中。


按此在新窗口打开图片

  将女孩图层放在最上层,CTRL+T自由变换,按着SHIFT键可以保证人物图像不会变形。把人物缩小到合适大小。


按此在新窗口打开图片

  在背景与孔雀层之间建立新层,用黑色软画笔,慢慢涂出影子来。影子是真实的关键,一定要细心制作。作品的效果与制作时间和精力成正比。多练习可以提高以后的制作效率。


按此在新窗口打开图片

  最后效果:


按此在新窗口打开图片


]]>http://www.gogogo8.com/ver2/Blog/blogview.asp?logID=353http://www.gogogo8.com/ver2/trackback.asp?tbID=353http://www.gogogo8.com/ver2/Blog/blogview.asp?logID=353#commenthttp://www.gogogo8.com/ver2/blogfeed.asp?logID=353http://www.gogogo8.com/ver2/Blog/blogview.asp?logID=352<![CDATA[高手进阶!PS完美修复钻戒的金属质感]]>water平面设计Thu, 26 Jan 2006 09:31:27 +0800高手进阶!PS完美修复钻戒的金属质感]]><div align="center"><a href="http://www.pcpop.com/doc/App/127652/000231282.html" target="_blank"><img style="BORDER-TOP-WIDTH: 1px; BORDER-LEFT-WIDTH: 1px; BORDER-LEFT-COLOR: black; BORDER-BOTTOM-WIDTH: 1px; BORDER-BOTTOM-COLOR: black; BORDER-TOP-COLOR: black; BORDER-RIGHT-WIDTH: 1px; BORDER-RIGHT-COLOR: black" alt="高手进阶!PS完美修复钻戒的金属质感" src="http://img5.pcpop.com/ArticleImages/400x300/0/231/000231282.jpg" border="1" /></a></div>
<div align="center">&nbsp;</div>
<center>
<div align="center"><a href="http://www.pcpop.com/doc/App/127652/000231283.html" target="_blank"><img style="BORDER-TOP-WIDTH: 1px; BORDER-LEFT-WIDTH: 1px; BORDER-LEFT-COLOR: black; BORDER-BOTTOM-WIDTH: 1px; BORDER-BOTTOM-COLOR: black; BORDER-TOP-COLOR: black; BORDER-RIGHT-WIDTH: 1px; BORDER-RIGHT-COLOR: black" alt="高手进阶!PS完美修复钻戒的金属质感" src="http://img5.pcpop.com/ArticleImages/400x300/0/231/000231283.jpg" border="1" /></a></div>
</center><br />  每个物体都有几个发光面。这是构成立体的基面。我把刚刚那个原图,用不同的颜色填充出不同的区选。里面里个颜色都是一个选区,要进行单独调色的。最好是每个选区都在通道里存一个。方便以后修改。 <br /><br /><center>
<div align="center"><a href="http://www.pcpop.com/doc/App/127652/000231284.html" target="_blank"><img style="BORDER-TOP-WIDTH: 1px; BORDER-LEFT-WIDTH: 1px; BORDER-LEFT-COLOR: black; BORDER-BOTTOM-WIDTH: 1px; BORDER-BOTTOM-COLOR: black; BORDER-TOP-COLOR: black; BORDER-RIGHT-WIDTH: 1px; BORDER-RIGHT-COLOR: black" alt="高手进阶!PS完美修复钻戒的金属质感" src="http://img5.pcpop.com/ArticleImages/400x300/0/231/000231284.jpg" border="1" /></a></div>
</center><br />  首先要把图抠出来。抠这图应该不难吧?怎么抠,我就不细说了,就是用钢笔啦。再就是调色,用曲线调色,让它尽量的亮一点,但不要太亮了。 <br /><br /><center>
<div align="center"><a href="http://www.pcpop.com/doc/App/127652/000231285.html" target="_blank"><img style="BORDER-TOP-WIDTH: 1px; BORDER-LEFT-WIDTH: 1px; BORDER-LEFT-COLOR: black; BORDER-BOTTOM-WIDTH: 1px; BORDER-BOTTOM-COLOR: black; BORDER-TOP-COLOR: black; BORDER-RIGHT-WIDTH: 1px; BORDER-RIGHT-COLOR: black" alt="高手进阶!PS完美修复钻戒的金属质感" src="http://img5.pcpop.com/ArticleImages/400x300/0/231/000231285.jpg" border="1" /></a></div>
</center><br /><center>
<div align="center"><a href="http://www.pcpop.com/doc/App/127652/000231286.html" target="_blank"><img style="BORDER-TOP-WIDTH: 1px; BORDER-LEFT-WIDTH: 1px; BORDER-LEFT-COLOR: black; BORDER-BOTTOM-WIDTH: 1px; BORDER-BOTTOM-COLOR: black; BORDER-TOP-COLOR: black; BORDER-RIGHT-WIDTH: 1px; BORDER-RIGHT-COLOR: black" alt="高手进阶!PS完美修复钻戒的金属质感" src="http://img5.pcpop.com/ArticleImages/400x300/0/231/000231286.jpg" border="1" /></a></div>
</center>
<p>  现在是不是觉得戒指有点红,没有铂金的质感。那就去色吧,先把宝石区,用钢笔选出来=&gt;反选选区(Ctrl+Shitl+I)=&gt;去色(Ctrl+Shitl+U) 现在有点感觉了吧。</p>
<p>  然后再做戒指内环的阴影。这一步骤有很多方法的,比如说铬黄啊,加深减淡啊,通道+光照效果啊。 我用的是<strong>渐变</strong>,先做好戒指内环的选区=&gt;用渐用工具调出渐变色。不会调的,就调的跟我一样吧。渐变之会,画面有点点生硬,可以适当的加少量杂点。是少量哦。还有就是单色的杂点。 <br /><br /></p>
<center><img alt="Photoshop钻戒金属质感完美修复" src="http://img2.pcpop.com/ArticleImages/0x0/0/231/000231287.jpg" border="1" /><br /></center><center><img alt="Photoshop钻戒金属质感完美修复" src="http://img2.pcpop.com/ArticleImages/0x0/0/231/000231288.jpg" border="1" /></center><center>现在再来做第二个内环阴影,依葫芦画瓢。 <br /></center><center><img alt="Photoshop钻戒金属质感完美修复" src="http://img2.pcpop.com/ArticleImages/0x0/0/231/000231289.jpg" border="1" /></center>
<div align="left"><br />  内环已经OK,我们再来调侧面。 一样,先用钢笔抠出选区=&gt;曲线给点亮度=&gt;杂色给点质感 <br /><br /></div>
<center><img alt="Photoshop钻戒金属质感完美修复" src="http://img2.pcpop.com/ArticleImages/0x0/0/231/000231290.jpg" border="1" /></center>
<div align="left"><br /></div>
<center><img alt="Photoshop钻戒金属质感完美修复" src="http://img2.pcpop.com/ArticleImages/0x0/0/231/000231291.jpg" border="1" /></center>
<div align="left"><br />  后面的就差不多一样了,用钢笔抠出选区=&gt;曲线=&gt;杂点,这个环节是蛮磨人的了。大家一定要慢慢来,急不得。 <br /><br /></div>
<center><img alt="Photoshop钻戒金属质感完美修复" src="http://img2.pcpop.com/ArticleImages/0x0/0/231/000231292.jpg" border="1" /></center>
<div align="left"><br />  下面我们开始做高光。用钢笔抠出选区=&gt;羽化5个像素左右=&gt;用曲线尽量调亮 在侧边的高光两边用加深工具,轻轻涂抹几下。 <br /><br /></div>
<center>
<div align="center"><a href="http://www.pcpop.com/doc/App/127652/000231290.html" target="_blank"><img style="BORDER-TOP-WIDTH: 1px; BORDER-LEFT-WIDTH: 1px; BORDER-LEFT-COLOR: black; BORDER-BOTTOM-WIDTH: 1px; BORDER-BOTTOM-COLOR: black; BORDER-TOP-COLOR: black; BORDER-RIGHT-WIDTH: 1px; BORDER-RIGHT-COLOR: black" alt="高手进阶!PS完美修复钻戒的金属质感" src="http://img5.pcpop.com/ArticleImages/400x300/0/231/000231290.jpg" border="1" /></a></div>
</center>
<div align="left">&nbsp;</div>
<center>
<div align="center"><a href="http://www.pcpop.com/doc/App/127652/000231291.html" target="_blank"><img style="BORDER-TOP-WIDTH: 1px; BORDER-LEFT-WIDTH: 1px; BORDER-LEFT-COLOR: black; BORDER-BOTTOM-WIDTH: 1px; BORDER-BOTTOM-COLOR: black; BORDER-TOP-COLOR: black; BORDER-RIGHT-WIDTH: 1px; BORDER-RIGHT-COLOR: black" alt="高手进阶!PS完美修复钻戒的金属质感" src="http://img5.pcpop.com/ArticleImages/400x300/0/231/000231291.jpg" border="1" /></a></div>
<div align="center">&nbsp;</div>
</center><center><img alt="Photoshop钻戒金属质感完美修复" src="http://img2.pcpop.com/ArticleImages/0x0/0/231/000231295.jpg" border="1" /></center><center>&nbsp;</center>&nbsp;&nbsp;&nbsp; 高光做完之后,我们就来做高光上的反光。 用钢笔抠出反光的选区=&gt;羽化3个像素左右=&gt;填充黑色 是不是太黑了。不要紧,再用橡皮擦一擦。把橡皮工具的透明度调到20,轻轻的擦,慢慢的擦。<br /><br /><center><img alt="Photoshop钻戒金属质感完美修复" src="http://img2.pcpop.com/ArticleImages/0x0/0/231/000231296.jpg" border="1" /><br /></center><center><img alt="Photoshop钻戒金属质感完美修复" src="http://img2.pcpop.com/ArticleImages/0x0/0/231/000231297.jpg" border="1" /></center>
<div align="left"><br />  做到这步,就只剩下宝石区了哦。加油,胜利就在前面 一样,先用钢笔抠出选区=&gt;曲线给点亮度。 <br /><br /></div>
<center>
<div align="center">
<div align="center"><a href="http://www.pcpop.com/doc/App/127652/000231298.html" target="_blank"><img style="BORDER-TOP-WIDTH: 1px; BORDER-LEFT-WIDTH: 1px; BORDER-LEFT-COLOR: black; BORDER-BOTTOM-WIDTH: 1px; BORDER-BOTTOM-COLOR: black; BORDER-TOP-COLOR: black; BORDER-RIGHT-WIDTH: 1px; BORDER-RIGHT-COLOR: black" alt="高手进阶!PS完美修复钻戒的金属质感" src="http://img5.pcpop.com/ArticleImages/400x300/0/231/000231298.jpg" border="1" /></a></div>
</div>
</center>
<div align="left"><br />  是不是觉得宝石区里特黑。没关系,我们把它调亮。 用钢笔工具抠出黑色的地方(注意:黑色不要选的太多了,留一点黑色,这样才有明暗关系) 然后羽化3个像素左右。打开可选颜色面板(图像=&gt;调整=&gt;可选颜色),把黑色里的黑色调成0 。<br /><br /></div>
<center><img alt="Photoshop钻戒金属质感完美修复" src="http://img2.pcpop.com/ArticleImages/0x0/0/231/000231299.jpg" border="1" /><br /></center><center>
<div align="center"><a href="http://www.pcpop.com/doc/App/127652/000231300.html" target="_blank"><img style="BORDER-TOP-WIDTH: 1px; BORDER-LEFT-WIDTH: 1px; BORDER-LEFT-COLOR: black; BORDER-BOTTOM-WIDTH: 1px; BORDER-BOTTOM-COLOR: black; BORDER-TOP-COLOR: black; BORDER-RIGHT-WIDTH: 1px; BORDER-RIGHT-COLOR: black" alt="高手进阶!PS完美修复钻戒的金属质感" src="http://img5.pcpop.com/ArticleImages/400x300/0/231/000231300.jpg" border="1" /></a></div>
</center>
<div align="left"><br />  再做一个阴影就大功告成了 <br /><br /></div>
<center><img alt="Photoshop钻戒金属质感完美修复" src="http://img2.pcpop.com/ArticleImages/0x0/0/231/000231301.jpg" border="1" /></center>
<div align="left">&nbsp;</div>
<div align="left">&nbsp;</div>]]>
http://www.gogogo8.com/ver2/Blog/blogview.asp?logID=352http://www.gogogo8.com/ver2/trackback.asp?tbID=352http://www.gogogo8.com/ver2/Blog/blogview.asp?logID=352#commenthttp://www.gogogo8.com/ver2/blogfeed.asp?logID=352
http://www.gogogo8.com/ver2/Blog/blogview.asp?logID=346<![CDATA[网站配色之网页留白的艺术]]>water平面设计Wed, 18 Jan 2006 17:40:38 +0800  国画中有一句话描述这种艺术形式的空间布局比较经典,就是“计白当黑”,表明了白也就是空的地方和着的墨一样都是国画整体的组成部分,如何利用空间中的留白是非常重要的,也是提升艺术性的途径,有些尽管是画的很不错,但是看起来不舒服,就是没有重视留白,造成了画面的整体上的失败。对于网页设计来说,有何尝不是如此呢?也许现在我们没有把它提升到一个艺术审美的角度来看待,所以没有人去深究过网页的艺术性,我想这是我们网页设计者孜孜以求的方向,因为未来的网络技术高度发达,人们对于更高层次的追求也就必然会牵涉到对艺术、对美的追求。既然如此,我们就应该把眼光放远一点,把网页的设计提到这个层次来考虑。尽量的克服目前技术带来的限制。既然如此,按照艺术审美的观点,网页上的留白也是一个组成部分,同其它的主要的内容入文本、图片、动画一样,是每个设计者在制作网页时要一起考虑的。


  提升到艺术的高度来看待留白是通过视觉上的手段,留白也可以给人带来心理上的轻松与快乐,也可以给人带来紧张与节奏,通过这种手段可以向使用者表达出设计者的心理感觉,设计者在设计网页的同时也在同自己的使用对象在作一种交流,好的设计者能够达到同自己的使用对象进行心理对话的程度。不光通过页面上的文字、图片、动画的组合和排列,同时借助留白进行表达。可以达到非常好的效果,例如一个休闲的网站,设计者要传达给使用者的一个信息就是要是让他们轻松随意,无拘无束,光通过网页上的图片和文字的表达是干巴巴的,没有感情色彩的。如果能通过网页设计反映出这种感情色彩,显然这样的设计是较为高明的设计。能实现吗?当然可以,借助网页上的留白就可以,让留白更多的显示出自己的特色,在联系图片和文字的中间架起一道桥梁。]]>
  国画中有一句话描述这种艺术形式的空间布局比较经典,就是“计白当黑”,表明了白也就是空的地方和着的墨一样都是国画整体的组成部分,如何利用空间中的留白是非常重要的,也是提升艺术性的途径,有些尽管是画的很不错,但是看起来不舒服,就是没有重视留白,造成了画面的整体上的失败。对于网页设计来说,有何尝不是如此呢?也许现在我们没有把它提升到一个艺术审美的角度来看待,所以没有人去深究过网页的艺术性,我想这是我们网页设计者孜孜以求的方向,因为未来的网络技术高度发达,人们对于更高层次的追求也就必然会牵涉到对艺术、对美的追求。既然如此,我们就应该把眼光放远一点,把网页的设计提到这个层次来考虑。尽量的克服目前技术带来的限制。既然如此,按照艺术审美的观点,网页上的留白也是一个组成部分,同其它的主要的内容入文本、图片、动画一样,是每个设计者在制作网页时要一起考虑的。


  提升到艺术的高度来看待留白是通过视觉上的手段,留白也可以给人带来心理上的轻松与快乐,也可以给人带来紧张与节奏,通过这种手段可以向使用者表达出设计者的心理感觉,设计者在设计网页的同时也在同自己的使用对象在作一种交流,好的设计者能够达到同自己的使用对象进行心理对话的程度。不光通过页面上的文字、图片、动画的组合和排列,同时借助留白进行表达。可以达到非常好的效果,例如一个休闲的网站,设计者要传达给使用者的一个信息就是要是让他们轻松随意,无拘无束,光通过网页上的图片和文字的表达是干巴巴的,没有感情色彩的。如果能通过网页设计反映出这种感情色彩,显然这样的设计是较为高明的设计。能实现吗?当然可以,借助网页上的留白就可以,让留白更多的显示出自己的特色,在联系图片和文字的中间架起一道桥梁。


]]>
http://www.gogogo8.com/ver2/Blog/blogview.asp?logID=346http://www.gogogo8.com/ver2/trackback.asp?tbID=346http://www.gogogo8.com/ver2/Blog/blogview.asp?logID=346#commenthttp://www.gogogo8.com/ver2/blogfeed.asp?logID=346
http://www.gogogo8.com/ver2/Blog/blogview.asp?logID=345<![CDATA[网站配色之和色大辞典]]>water平面设计Tue, 17 Jan 2006 08:29:53 +0800设计师必备]]>a {text-decoration: none;}
a:hover {text-decoration:underline;}
.tableborder{border-collapse: collapse;}
.tdborder{border: solid 1px #000000;}
td{
/*font-weight:bold;*/
font-size: 100%;
color: #333333;
}</style>
<table cellspacing="0" cellpadding="5" width="100%" border="0" class="tableborder">
<tbody>
<tr>
<td class="tdborder" width="25%" bgcolor="#f7acbc"><a href="src/f7acbc.html" name="start">鸨色<br />#f7acbc</a></td>
<td class="tdborder" width="25%" bgcolor="#deab8a"><a href="src/deab8a.html">赤白橡<br />#deab8a</a></td>
<td class="tdborder" width="25%" bgcolor="#817936"><a href="src/817936.html">油色<br />#817936</a></td>
<td class="tdborder" width="25%" bgcolor="#444693"><a href="src/444693.html">绀桔梗<br />#444693</a></td>
</tr>
<tr>
<td class="tdborder" bgcolor="#ef5b9c"><a href="src/ef5b9c.html">踯躅色<br />#ef5b9c</a></td>
<td class="tdborder" bgcolor="#fedcbd"><a href="src/fedcbd.html"><font color="#000000">肌色<br />#fedcbd</font></a></td>
<td class="tdborder" bgcolor="#7f7522"><a href="src/7f7522.html">伽罗色<br />#7f7522</a></td>
<td class="tdborder" bgcolor="#2b4490"><a href="src/2b4490.html">花色<br />#2b4490</a></td>
</tr>
<tr>
<td class="tdborder" bgcolor="#feeeed"><a href="src/feeeed.html"><font color="#000000">桜色<br />#feeeed</font></a></td>
<td class="tdborder" bgcolor="#f47920"><a href="src/f47920.html">橙色<br />#f47920</a></td>
<td class="tdborder" bgcolor="#80752c"><a href="src/80752c.html">青丹<br />#80752c</a></td>
<td class="tdborder" bgcolor="#2a5caa"><a href="src/2a5caa.html">瑠璃色<br />#2a5caa</a></td>
</tr>
<tr>
<td class="tdborder" bgcolor="#f05b72"><a href="src/f05b72.html">蔷薇色<br />#f05b72</a></td>
<td class="tdborder" bgcolor="#905a3d"><a href="src/905a3d.html">灰茶<br />#905a3d</a></td>
<td class="tdborder" bgcolor="#87843b"><a href="src/87843b.html">莺色<br />#87843b</a></td>
<td class="tdborder" bgcolor="#224b8f"><a href="src/224b8f.html">琉璃绀<br />#224b8f</a></td>
</tr>
<tr>
<td class="tdborder" bgcolor="#f15b6c"><a href="src/f15b6c.html">韩红<br />#f15b6c</a></td>
<td class="tdborder" bgcolor="#8f4b2e"><a href="src/8f4b2e.html">茶色<br />#8f4b2e</a></td>
<td class="tdborder" bgcolor="#726930"><a href="src/726930.html">利久色<br />#726930</a></td>
<td class="tdborder" bgcolor="#003a6c"><a href="src/003a6c.html">绀色<br />#003a6c</a></td>
</tr>
<tr>
<td class="tdborder" bgcolor="#f8aba6"><a href="src/f8aba6.html">珊瑚色<br />#f8aba6</a></td>
<td class="tdborder" bgcolor="#87481f"><a href="src/87481f.html">桦茶色<br />#87481f</a></td>
<td class="tdborder" bgcolor="#454926"><a href="src/454926.html">媚茶<br />#454926</a></td>
<td class="tdborder" bgcolor="#102b6a"><a href="src/102b6a.html">青蓝<br />#102b6a</a></td>
</tr>
<tr>
<td class="tdborder" bgcolor="#f69c9f"><a href="src/f69c9f.html">红梅色<br />#f69c9f</a></td>
<td class="tdborder" bgcolor="#5f3c23"><a href="src/5f3c23.html">枯茶<br />#5f3c23</a></td>
<td class="tdborder" bgcolor="#2e3a1f"><a href="src/2e3a1f.html">蓝海松茶<br />#2e3a1f</a></td>
<td class="tdborder" bgcolor="#426ab3"><a href="src/426ab3.html">杜若色<br />#426ab3</a></td>
</tr>
<tr>
<td class="tdborder" bgcolor="#f58f98"><a href="src/f58f98.html">桃色<br />#f58f98</a></td>
<td class="tdborder" bgcolor="#6b473c"><a href="src/6b473c.html">焦茶<br />#6b473c</a></td>
<td class="tdborder" bgcolor="#4d4f36"><a href="src/4d4f36.html">青钝<br />#4d4f36</a></td>
<td class="tdborder" bgcolor="#46485f"><a href="src/46485f.html">胜色<br />#46485f</a></td>
</tr>
<tr>
<td class="tdborder" bgcolor="#ca8687"><a href="src/ca8687.html">薄柿<br />#ca8687</a></td>
<td class="tdborder" bgcolor="#faa755"><a href="src/faa755.html">柑子色<br />#faa755</a></td>
<td class="tdborder" bgcolor="#b7ba6b"><a href="src/b7ba6b.html">抹茶色<br />#b7ba6b</a></td>
<td class="tdborder" bgcolor="#4e72b8"><a href="src/4e72b8.html">群青色<br />#4e72b8</a></td>
</tr>
<tr>
<td class="tdborder" bgcolor="#f391a9"><a href="src/f391a9.html">薄红梅<br />#f391a9</a></td>
<td class="tdborder" bgcolor="#fab27b"><a href="src/fab27b.html">杏色<br />#fab27b</a></td>
<td class="tdborder" bgcolor="#b2d235"><a href="src/b2d235.html">黄緑<br />#b2d235</a></td>
<td class="tdborder" bgcolor="#181d4b"><a href="src/181d4b.html">铁绀<br />#181d4b</a></td>
</tr>
<tr>
<td class="tdborder" bgcolor="#bd6758"><a href="src/bd6758.html">曙色<br />#bd6758</a></td>
<td class="tdborder" bgcolor="#f58220"><a href="src/f58220.html">蜜柑色<br />#f58220</a></td>
<td class="tdborder" bgcolor="#5c7a29"><a href="src/5c7a29.html">苔色<br />#5c7a29</a></td>
<td class="tdborder" bgcolor="#1a2933"><a href="src/1a2933.html">蓝铁<br />#1a2933</a></td>
</tr>
<tr>
<td class="tdborder" bgcolor="#d71345"><a href="src/d71345.html">红色<br />#d71345</a></td>
<td class="tdborder" bgcolor="#843900"><a href="src/843900.html">褐色<br />#843900</a></td>
<td class="tdborder" bgcolor="#bed742"><a href="src/bed742.html">若草色<br />#bed742</a></td>
<td class="tdborder" bgcolor="#121a2a"><a href="src/121a2a.html">青褐<br />#121a2a</a></td>
</tr>
<tr>
<td class="tdborder" bgcolor="#d64f44"><a href="src/d64f44.html">赤丹<br />#d64f44</a></td>
<td class="tdborder" bgcolor="#905d1d"><a href="src/905d1d.html">路考茶<br />#905d1d</a></td>
<td class="tdborder" bgcolor="#7fb80e"><a href="src/7fb80e.html">若緑<br />#7fb80e</a></td>
<td class="tdborder" bgcolor="#0c212b"><a href="src/0c212b.html">褐返<br />#0c212b</a></td>
</tr>
<tr>
<td class="tdborder" bgcolor="#d93a49"><a href="src/d93a49.html">红赤<br />#d93a49</a></td>
<td class="tdborder" bgcolor="#8a5d19"><a href="src/8a5d19.html">饴色<br />#8a5d19</a></td>
<td class="tdborder" bgcolor="#a3cf62"><a href="src/a3cf62.html">萌黄<br />#a3cf62</a></td>
<td class="tdborder" bgcolor="#6a6da9"><a href="src/6a6da9.html">藤纳戸<br />#6a6da9</a></td>
</tr>
<tr>
<td class="tdborder" bgcolor="#b3424a"><a href="src/b3424a.html">臙脂色<br />#b3424a</a></td>
<td class="tdborder" bgcolor="#8c531b"><a href="src/8c531b.html">丁子色<br />#8c531b</a></td>
<td class="tdborder" bgcolor="#769149"><a href="src/769149.html">苗色<br />#769149</a></td>
<td class="tdborder" bgcolor="#585eaa"><a href="src/585eaa.html">桔梗色<br />#585eaa</a></td>
</tr>
<tr>
<td class="tdborder" bgcolor="#c76968"><a href="src/c76968.html">真赭<br />#c76968</a></td>
<td class="tdborder" bgcolor="#826858"><a href="src/826858.html">丁子茶<br />#826858</a></td>
<td class="tdborder" bgcolor="#6d8346"><a href="src/6d8346.html">草色<br />#6d8346</a></td>
<td class="tdborder" bgcolor="#494e8f"><a href="src/494e8f.html">绀蓝<br />#494e8f</a></td>
</tr>
<tr>
<td class="tdborder" bgcolor="#bb505d"><a href="src/bb505d.html">今様色<br />#bb505d</a></td>
<td class="tdborder" bgcolor="#64492b"><a href="src/64492b.html">黄栌<br />#64492b</a></td>
<td class="tdborder" bgcolor="#78a355"><a href="src/78a355.html">柳色<br />#78a355</a></td>
<td class="tdborder" bgcolor="#afb4db"><a href="src/afb4db.html">藤色<br />#afb4db</a></td>
</tr>
<tr>
<td class="tdborder" bgcolor="#987165"><a href="src/987165.html">梅染<br />#987165</a></td>
<td class="tdborder" bgcolor="#ae6642"><a href="src/ae6642.html">土器色<br />#ae6642</a></td>
<td class="tdborder" bgcolor="#abc88b"><a href="src/abc88b.html">若草色<br />#abc88b</a></td>
<td class="tdborder" bgcolor="#9b95c9"><a href="src/9b95c9.html">藤紫<br />#9b95c9</a></td>
</tr>
<tr>
<td class="tdborder" bgcolor="#ac6767"><a href="src/ac6767.html">退红色<br />#ac6767</a></td>
<td class="tdborder" bgcolor="#56452d"><a href="src/56452d.html">黄枯茶<br />#56452d</a></td>
<td class="tdborder" bgcolor="#74905d"><a href="src/74905d.html">松叶色<br />#74905d</a></td>
<td class="tdborder" bgcolor="#6950a1"><a href="src/6950a1.html">青紫<br />#6950a1</a></td>
</tr>
<tr>
<td class="tdborder" bgcolor="#973c3f"><a href="src/973c3f.html">苏芳<br />#973c3f</a></td>
<td class="tdborder" bgcolor="#96582a"><a href="src/96582a.html">狐色<br />#96582a</a></td>
<td class="tdborder" bgcolor="#cde6c7"><a href="src/cde6c7.html"><font color="#000000">白緑<br />#cde6c7</font></a></td>
<td class="tdborder" bgcolor="#6f60aa"><a href="src/6f60aa.html">菫色<br />#6f60aa</a></td>
</tr>
<tr>
<td class="tdborder" bgcolor="#b22c46"><a href="src/b22c46.html">茜色<br />#b22c46</a></td>
<td class="tdborder" bgcolor="#705628"><a href="src/705628.html">黄橡<br />#705628</a></td>
<td class="tdborder" bgcolor="#1d953f"><a href="src/1d953f.html">薄緑<br />#1d953f</a></td>
<td class="tdborder" bgcolor="#867892"><a href="src/867892.html">鸠羽色<br />#867892</a></td>
</tr>
<tr>
<td class="tdborder" bgcolor="#a7324a"><a href="src/a7324a.html">红<br />#a7324a</a></td>
<td class="tdborder" bgcolor="#4a3113"><a href="src/4a3113.html">银煤竹<br />#4a3113</a></td>
<td class="tdborder" bgcolor="#77ac98"><a href="src/77ac98.html">千草色<br />#77ac98</a></td>
<td class="tdborder" bgcolor="#918597"><a href="src/918597.html">薄色<br />#918597</a></td>
</tr>
<tr>
<td class="tdborder" bgcolor="#aa363d"><a href="src/aa363d.html">银朱<br />#aa363d</a></td>
<td class="tdborder" bgcolor="#412f1f"><a href="src/412f1f.html">涅色<br />#412f1f</a></td>
<td class="tdborder" bgcolor="#007d65"><a href="src/007d65.html">青緑<br />#007d65</a></td>
<td class="tdborder" bgcolor="#6f6d85"><a href="src/6f6d85.html">薄鼠<br />#6f6d85</a></td>
</tr>
<tr>
<td class="tdborder" bgcolor="#ed1941"><a href="src/ed1941.html">赤<br />#ed1941</a></td>
<td class="tdborder" bgcolor="#845538"><a href="src/845538.html">胡桃色<br />#845538</a></td>
<td class="tdborder" bgcolor="#84bf96"><a href="src/84bf96.html">浅緑<br />#84bf96</a></td>
<td class="tdborder" bgcolor="#594c6d"><a href="src/594c6d.html">鸠羽鼠<br />#594c6d</a></td>
</tr>
<tr>
<td class="tdborder" bgcolor="#f26522"><a href="src/f26522.html">朱色<br />#f26522</a></td>
<td class="tdborder" bgcolor="#8e7437"><a href="src/8e7437.html">香色<br />#8e7437</a></td>
<td class="tdborder" bgcolor="#45b97c"><a href="src/45b97c.html">緑<br />#45b97c</a></td>
<td class="tdborder" bgcolor="#694d9f"><a href="src/694d9f.html">菖蒲色<br />#694d9f</a></td>
</tr>
<tr>
<td class="tdborder" bgcolor="#d2553d"><a href="src/d2553d.html">洗朱<br />#d2553d</a></td>
<td class="tdborder" bgcolor="#69541b"><a href="src/69541b.html">国防色<br />#69541b</a></td>
<td class="tdborder" bgcolor="#225a1f"><a href="src/225a1f.html">草色<br />#225a1f</a></td>
<td class="tdborder" bgcolor="#6f599c"><a href="src/6f599c.html">江戸紫<br />#6f599c</a></td>
</tr>
<tr>
<td class="tdborder" bgcolor="#b4534b"><a href="src/b4534b.html">红桦色<br />#b4534b</a></td>
<td class="tdborder" bgcolor="#d5c59f"><a href="src/d5c59f.html"><font color="#000000">练色<br />#d5c59f</font></a></td>
<td class="tdborder" bgcolor="#367459"><a href="src/367459.html">木贼色<br />#367459</a></td>
<td class="tdborder" bgcolor="#8552a1"><a href="src/8552a1.html">紫<br />#8552a1</a></td>
</tr>
<tr>
<td class="tdborder" bgcolor="#ef4136"><a href="src/ef4136.html">红绯<br />#ef4136</a></td>
<td class="tdborder" bgcolor="#cd9a5b"><a href="src/cd9a5b.html">肉色<br />#cd9a5b</a></td>
<td class="tdborder" bgcolor="#007947"><a href="src/007947.html">常盘色<br />#007947</a></td>
<td class="tdborder" bgcolor="#543044"><a href="src/543044.html">灭紫<br />#543044</a></td>
</tr>
<tr>
<td class="tdborder" bgcolor="#c63c26"><a href="src/c63c26.html">桦色<br />#c63c26</a></td>
<td class="tdborder" bgcolor="#cd9a5b"><a href="src/cd9a5b.html">人色<br />#cd9a5b</a></td>
<td class="tdborder" bgcolor="#40835e"><a href="src/40835e.html">緑青色<br />#40835e</a></td>
<td class="tdborder" bgcolor="#63434f"><a href="src/63434f.html">葡萄鼠<br />#63434f</a></td>
</tr>
<tr>
<td class="tdborder" bgcolor="#f3715c"><a href="src/f3715c.html">铅丹色<br />#f3715c</a></td>
<td class="tdborder" bgcolor="#b36d41"><a href="src/b36d41.html">土色<br />#b36d41</a></td>
<td class="tdborder" bgcolor="#2b6447"><a href="src/2b6447.html">千歳緑<br />#2b6447</a></td>
<td class="tdborder" bgcolor="#7d5886"><a href="src/7d5886.html">古代紫<br />#7d5886</a></td>
</tr>
<tr>
<td class="tdborder" bgcolor="#a7573b"><a href="src/a7573b.html">赭<br />#a7573b</a></td>
<td class="tdborder" bgcolor="#df9464"><a href="src/df9464.html">小麦色<br />#df9464</a></td>
<td class="tdborder" bgcolor="#005831"><a href="src/005831.html">深緑<br />#005831</a></td>
<td class="tdborder" bgcolor="#401c44"><a href="src/401c44.html">暗红<br />#401c44</a></td>
</tr>
<tr>
<td class="tdborder" bgcolor="#aa2116"><a href="src/aa2116.html">绯色<br />#aa2116</a></td>
<td class="tdborder" bgcolor="#b76f40"><a href="src/b76f40.html">琥珀色<br />#b76f40</a></td>
<td class="tdborder" bgcolor="#006c54"><a href="src/006c54.html">萌葱色<br />#006c54</a></td>
<td class="tdborder" bgcolor="#472d56"><a href="src/472d56.html">葡萄<br />#472d56</a></td>
</tr>
<tr>
<td class="tdborder" bgcolor="#b64533"><a href="src/b64533.html">丹<br />#b64533</a></td>
<td class="tdborder" bgcolor="#ad8b3d"><a href="src/ad8b3d.html">木兰色<br />#ad8b3d</a></td>
<td class="tdborder" bgcolor="#375830"><a href="src/375830.html">青白橡<br />#375830</a></td>
<td class="tdborder" bgcolor="#45224a"><a href="src/45224a.html">茄子绀<br />#45224a</a></td>
</tr>
<tr>
<td class="tdborder" bgcolor="#b54334"><a href="src/b54334.html">土<br />#b54334</a></td>
<td class="tdborder" bgcolor="#dea32c"><a href="src/dea32c.html">栀子色<br />#dea32c</a></td>
<td class="tdborder" bgcolor="#274d3d"><a href="src/274d3d.html">革色<br />#274d3d</a></td>
<td class="tdborder" bgcolor="#411445"><a href="src/411445.html">紫绀<br />#411445</a></td>
</tr>
<tr>
<td class="tdborder" bgcolor="#853f04"><a href="src/853f04.html">焦香<br />#853f04</a></td>
<td class="tdborder" bgcolor="#d1923f"><a href="src/d1923f.html">朽叶<br />#d1923f</a></td>
<td class="tdborder" bgcolor="#375830"><a href="src/375830.html">麹尘<br />#375830</a></td>
<td class="tdborder" bgcolor="#4b2f3d"><a href="src/4b2f3d.html">浓色<br />#4b2f3d</a></td>
</tr>
<tr>
<td class="tdborder" bgcolor="#840228"><a href="src/840228.html">真红<br />#840228</a></td>
<td class="tdborder" bgcolor="#c88400"><a href="src/c88400.html">萱草色<br />#c88400</a></td>
<td class="tdborder" bgcolor="#27342b"><a href="src/27342b.html">仙斎茶<br />#27342b</a></td>
<td class="tdborder" bgcolor="#402e4c"><a href="src/402e4c.html">二蓝<br />#402e4c</a></td>
</tr>
<tr>
<td class="tdborder" bgcolor="#7a1723"><a href="src/7a1723.html">绯<br />#7a1723</a></td>
<td class="tdborder" bgcolor="#c37e00"><a href="src/c37e00.html">黄金<br />#c37e00</a></td>
<td class="tdborder" bgcolor="#65c294"><a href="src/65c294.html">若竹色<br />#65c294</a></td>
<td class="tdborder" bgcolor="#c77eb5"><a href="src/c77eb5.html">菖蒲色<br />#c77eb5</a></td>
</tr>
<tr>
<td class="tdborder" bgcolor="#a03939"><a href="src/a03939.html">红海老茶<br />#a03939</a></td>
<td class="tdborder" bgcolor="#c37e00"><a href="src/c37e00.html">金色<br />#c37e00</a></td>
<td class="tdborder" bgcolor="#73b9a2"><a href="src/73b9a2.html">青磁色<br />#73b9a2</a></td>
<td class="tdborder" bgcolor="#ea66a6"><a href="src/ea66a6.html">牡丹色<br />#ea66a6</a></td>
</tr>
<tr>
<td class="tdborder" bgcolor="#8a2e3b"><a href="src/8a2e3b.html">浅苏芳<br />#8a2e3b</a></td>
<td class="tdborder" bgcolor="#e0861a"><a href="src/e0861a.html">金茶<br />#e0861a</a></td>
<td class="tdborder" bgcolor="#72baa7"><a href="src/72baa7.html">青竹色<br />#72baa7</a></td>
<td class="tdborder" bgcolor="#f173ac"><a href="src/f173ac.html">赤紫<br />#f173ac</a></td>
</tr>
<tr>
<td class="tdborder" bgcolor="#8e453f"><a href="src/8e453f.html">鸢色<br />#8e453f</a></td>
<td class="tdborder" bgcolor="#ffce7b"><a href="src/ffce7b.html"><font color="#000000">卵色<br />#ffce7b</font></a></td>
<td class="tdborder" bgcolor="#005344"><a href="src/005344.html">铁色<br />#005344</a></td>
<td class="tdborder" bgcolor="#fffffb"><a href="src/fffffb.html"><font color="#000000">白<br />#fffffb</font></a></td>
</tr>
<tr>
<td class="tdborder" bgcolor="#8f4b4a"><a href="src/8f4b4a.html">小豆色<br />#8f4b4a</a></td>
<td class="tdborder" bgcolor="#fcaf17"><a href="src/fcaf17.html"><font color="#000000">山吹色<br />#fcaf17</font></a></td>
<td class="tdborder" bgcolor="#122e29"><a href="src/122e29.html">锖鼠<br />#122e29</a></td>
<td class="tdborder" bgcolor="#fffef9"><a href="src/fffef9.html"><font color="#000000">胡粉色<br />#fffef9</font></a></td>
</tr>
<tr>
<td class="tdborder" bgcolor="#892f1b"><a href="src/892f1b.html">弁柄色<br />#892f1b</a></td>
<td class="tdborder" bgcolor="#ba8448"><a href="src/ba8448.html">黄土色<br />#ba8448</a></td>
<td class="tdborder" bgcolor="#293047"><a href="src/293047.html">铁御纳戸<br />#293047</a></td>
<td class="tdborder" bgcolor="#f6f5ec"><a href="src/f6f5ec.html"><font color="#000000">生成色<br />#f6f5ec</font></a></td>
</tr>
<tr>
<td class="tdborder" bgcolor="#6b2c25"><a href="src/6b2c25.html">栗梅<br />#6b2c25</a></td>
<td class="tdborder" bgcolor="#896a45"><a href="src/896a45.html">朽叶色<br />#896a45</a></td>
<td class="tdborder" bgcolor="#00ae9d"><a href="src/00ae9d.html">青緑<br />#00ae9d</a></td>
<td class="tdborder" bgcolor="#d9d6c3"><a href="src/d9d6c3.html"><font color="#000000">灰白<br />#d9d6c3</font></a></td>
</tr>
<tr>
<td class="tdborder" bgcolor="#733a31"><a href="src/733a31.html">海老茶<br />#733a31</a></td>
<td class="tdborder" bgcolor="#76624c"><a href="src/76624c.html">空五倍子色<br />#76624c</a></td>
<td class="tdborder" bgcolor="#508a88"><a href="src/508a88.html">锖浅葱<br />#508a88</a></td>
<td class="tdborder" bgcolor="#d1c7b7"><a href="src/d1c7b7.html"><font color="#000000">石竹色<br />#d1c7b7</font></a></td>
</tr>
<tr>
<td class="tdborder" bgcolor="#54211d"><a href="src/54211d.html">深绯<br />#54211d</a></td>
<td class="tdborder" bgcolor="#6d5826"><a href="src/6d5826.html">莺茶<br />#6d5826</a></td>
<td class="tdborder" bgcolor="#70a19f"><a href="src/70a19f.html">水浅葱<br />#70a19f</a></td>
<td class="tdborder" bgcolor="#f2eada"><a href="src/f2eada.html"><font color="#000000">象牙色<br />#f2eada</font></a></td>
</tr>
<tr>
<td class="tdborder" bgcolor="#78331e"><a href="src/78331e.html">赤铜色<br />#78331e</a></td>
<td class="tdborder" bgcolor="#ffc20e"><a href="src/ffc20e.html"><font color="#000000">向日葵色<br />#ffc20e</font></a></td>
<td class="tdborder" bgcolor="#50b7c1"><a href="src/50b7c1.html">新桥色<br />#50b7c1</a></td>
<td class="tdborder" bgcolor="#d3d7d4"><a href="src/d3d7d4.html"><font color="#000000">乳白色<br />#d3d7d4</font></a></td>
</tr>
<tr>
<td class="tdborder" bgcolor="#53261f"><a href="src/53261f.html">赤褐色<br />#53261f</a></td>
<td class="tdborder" bgcolor="#fdb933"><a href="src/fdb933.html"><font color="#000000">郁金色<br />#fdb933</font></a></td>
<td class="tdborder" bgcolor="#00a6ac"><a href="src/00a6ac.html">浅葱色<br />#00a6ac</a></td>
<td class="tdborder" bgcolor="#999d9c"><a href="src/999d9c.html">薄钝<br />#999d9c</a></td>
</tr>
<tr>
<td class="tdborder" bgcolor="#f15a22"><a href="src/f15a22.html">金赤<br />#f15a22</a></td>
<td class="tdborder" bgcolor="#d3c6a6"><a href="src/d3c6a6.html"><font color="#000000">砂色<br />#d3c6a6</font></a></td>
<td class="tdborder" bgcolor="#78cdd1"><a href="src/78cdd1.html">白群<br />#78cdd1</a></td>
<td class="tdborder" bgcolor="#a1a3a6"><a href="src/a1a3a6.html">银鼠<br />#a1a3a6</a></td>
</tr>
<tr>
<td class="tdborder" bgcolor="#b4533c"><a href="src/b4533c.html">赤茶<br />#b4533c</a></td>
<td class="tdborder" bgcolor="#c7a252"><a href="src/c7a252.html"><font color="#000000">芥子色<br />#c7a252</font></a></td>
<td class="tdborder" bgcolor="#008792"><a href="src/008792.html">御纳戸色<br />#008792</a></td>
<td class="tdborder" bgcolor="#9d9087"><a href="src/9d9087.html">茶鼠<br />#9d9087</a></td>
</tr>
<tr>
<td class="tdborder" bgcolor="#84331f"><a href="src/84331f.html">赤锖色<br />#84331f</a></td>
<td class="tdborder" bgcolor="#dec674"><a href="src/dec674.html"><font color="#000000">淡黄<br />#dec674</font></a></td>
<td class="tdborder" bgcolor="#94d6da"><a href="src/94d6da.html">瓮覗<br />#94d6da</a></td>
<td class="tdborder" bgcolor="#8a8c8e"><a href="src/8a8c8e.html">鼠色<br />#8a8c8e</a></td>
</tr>
<tr>
<td class="tdborder" bgcolor="#f47a55"><a href="src/f47a55.html">黄丹<br />#f47a55</a></td>
<td class="tdborder" bgcolor="#b69968"><a href="src/b69968.html">亜麻色<br />#b69968</a></td>
<td class="tdborder" bgcolor="#afdfe4"><a href="src/afdfe4.html"><font color="#000000">水色<br />#afdfe4</font></a></td>
<td class="tdborder" bgcolor="#74787c"><a href="src/74787c.html">薄墨色<br />#74787c</a></td>
</tr>
<tr>
<td class="tdborder" bgcolor="#f15a22"><a href="src/f15a22.html">赤橙<br />#f15a22</a></td>
<td class="tdborder" bgcolor="#c1a173"><a href="src/c1a173.html">枯色<br />#c1a173</a></td>
<td class="tdborder" bgcolor="#5e7c85"><a href="src/5e7c85.html">蓝鼠<br />#5e7c85</a></td>
<td class="tdborder" bgcolor="#7c8577"><a href="src/7c8577.html">利休鼠<br />#7c8577</a></td>
</tr>
<tr>
<td class="tdborder" bgcolor="#f3704b"><a href="src/f3704b.html">柿色<br />#f3704b</a></td>
<td class="tdborder" bgcolor="#dbce8f"><a href="src/dbce8f.html"><font color="#000000">鸟子色<br />#dbce8f</font></a></td>
<td class="tdborder" bgcolor="#76becc"><a href="src/76becc.html">秘色<br />#76becc</a></td>
<td class="tdborder" bgcolor="#72777b"><a href="src/72777b.html">铅色<br />#72777b</a></td>
</tr>
<tr>
<td class="tdborder" bgcolor="#da765b"><a href="src/da765b.html">肉桂色<br />#da765b</a></td>
<td class="tdborder" bgcolor="#ffd400"><a href="src/ffd400.html"><font color="#000000">黄色<br />#ffd400</font></a></td>
<td class="tdborder" bgcolor="#90d7ec"><a href="src/90d7ec.html">空色<br />#90d7ec</a></td>
<td class="tdborder" bgcolor="#77787b"><a href="src/77787b.html">灰色<br />#77787b</a></td>
</tr>
<tr>
<td class="tdborder" bgcolor="#c85d44"><a href="src/c85d44.html">桦色<br />#c85d44</a></td>
<td class="tdborder" bgcolor="#ffd400"><a href="src/ffd400.html"><font color="#000000">蒲公英色<br />#ffd400</font></a></td>
<td class="tdborder" bgcolor="#009ad6"><a href="src/009ad6.html">青<br />#009ad6</a></td>
<td class="tdborder" bgcolor="#4f5555"><a href="src/4f5555.html">钝色<br />#4f5555</a></td>
</tr>
<tr>
<td class="tdborder" bgcolor="#ae5039"><a href="src/ae5039.html">炼瓦色<br />#ae5039</a></td>
<td class="tdborder" bgcolor="#ffe600"><a href="src/ffe600.html"><font color="#000000">中黄<br />#ffe600</font></a></td>
<td class="tdborder" bgcolor="#145b7d"><a href="src/145b7d.html">蓝色<br />#145b7d</a></td>
<td class="tdborder" bgcolor="#6c4c49"><a href="src/6c4c49.html">煤竹色<br />#6c4c49</a></td>
</tr>
<tr>
<td class="tdborder" bgcolor="#6a3427"><a href="src/6a3427.html">锖色<br />#6a3427</a></td>
<td class="tdborder" bgcolor="#f0dc70"><a href="src/f0dc70.html"><font color="#000000">刈安色<br />#f0dc70</font></a></td>
<td class="tdborder" bgcolor="#11264f"><a href="src/11264f.html">浓蓝<br />#11264f</a></td>
<td class="tdborder" bgcolor="#563624"><a href="src/563624.html">黒茶<br />#563624</a></td>
</tr>
<tr>
<td class="tdborder" bgcolor="#8f4b38"><a href="src/8f4b38.html">桧皮色<br />#8f4b38</a></td>
<td class="tdborder" bgcolor="#fcf16e"><a href="src/fcf16e.html"><font color="#000000">黄檗色<br />#fcf16e</font></a></td>
<td class="tdborder" bgcolor="#7bbfea"><a href="src/7bbfea.html">勿忘草色<br />#7bbfea</a></td>
<td class="tdborder" bgcolor="#3e4145"><a href="src/3e4145.html">黒橡<br />#3e4145</a></td>
</tr>
<tr>
<td class="tdborder" bgcolor="#8e3e1f"><a href="src/8e3e1f.html">栗色<br />#8e3e1f</a></td>
<td class="tdborder" bgcolor="#decb00"><a href="src/decb00.html"><font color="#000000">緑黄色<br />#decb00</font></a></td>
<td class="tdborder" bgcolor="#33a3dc"><a href="src/33a3dc.html">露草色<br />#33a3dc</a></td>
<td class="tdborder" bgcolor="#3c3645"><a href="src/3c3645.html">浓鼠<br />#3c3645</a></td>
</tr>
<tr>
<td class="tdborder" bgcolor="#f36c21"><a href="src/f36c21.html">黄赤<br />#f36c21</a></td>
<td class="tdborder" bgcolor="#cbc547"><a href="src/cbc547.html"><font color="#000000">鶸色<br />#cbc547</font></a></td>
<td class="tdborder" bgcolor="#228fbd"><a href="src/228fbd.html">缥色<br />#228fbd</a></td>
<td class="tdborder" bgcolor="#464547"><a href="src/464547.html">墨<br />#464547</a></td>
</tr>
<tr>
<td class="tdborder" bgcolor="#b4532a"><a href="src/b4532a.html">代赭<br />#b4532a</a></td>
<td class="tdborder" bgcolor="#6e6b41"><a href="src/6e6b41.html">海松色<br />#6e6b41</a></td>
<td class="tdborder" bgcolor="#2468a2"><a href="src/2468a2.html">浅缥<br />#2468a2</a></td>
<td class="tdborder" bgcolor="#130c0e"><a href="src/130c0e.html">黒<br />#130c0e</a></td>
</tr>
<tr>
<td class="tdborder" bgcolor="#b7704f"><a href="src/b7704f.html">骆驼色<br />#b7704f</a></td>
<td class="tdborder" bgcolor="#596032"><a href="src/596032.html">鶸茶<br />#596032</a></td>
<td class="tdborder" bgcolor="#2570a1"><a href="src/2570a1.html">薄缥<br />#2570a1</a></td>
<td class="tdborder" bgcolor="#281f1d"><a href="src/281f1d.html">黒铁<br />#281f1d</a></td>
</tr>
<tr>
<td class="tdborder" bgcolor="#de773f"><a href="src/de773f.html">黄茶<br />#de773f</a></td>
<td class="tdborder" bgcolor="#525f42"><a href="src/525f42.html">山鸠色<br />#525f42</a></td>
<td class="tdborder" bgcolor="#2585a6"><a href="src/2585a6.html">薄花色<br />#2585a6</a></td>
<td class="tdborder" bgcolor="#2f271d"><a href="src/2f271d.html">蝋色<br />#2f271d</a></td>
</tr>
<tr>
<td class="tdborder" bgcolor="#c99979"><a href="src/c99979.html">洗柿<br />#c99979</a></td>
<td class="tdborder" bgcolor="#5f5d46"><a href="src/5f5d46.html">生壁色<br />#5f5d46</a></td>
<td class="tdborder" bgcolor="#1b315e"><a href="src/1b315e.html">绀青<br />#1b315e</a></td>
<td class="tdborder" bgcolor="#1d1626"><a href="src/1d1626.html">紫黒<br />#1d1626</a></td>
</tr>
</tbody>
</table>]]>
http://www.gogogo8.com/ver2/Blog/blogview.asp?logID=345http://www.gogogo8.com/ver2/trackback.asp?tbID=345http://www.gogogo8.com/ver2/Blog/blogview.asp?logID=345#commenthttp://www.gogogo8.com/ver2/blogfeed.asp?logID=345
http://www.gogogo8.com/ver2/Blog/blogview.asp?logID=344<![CDATA[网站配色之原色大辞典]]>water平面设计Tue, 17 Jan 2006 08:27:10 +0800设计师必备]]>a {text-decoration: none;}a:hover {text-decoration:underline;}.tableborder{border-collapse: collapse;}.tdborder{border: solid 1px #000000;}td{/*font-weight:bold;*/font-size: 100%;color: #333333;}</style>
<table cellspacing="0" cellpadding="5" width="100%" border="0" class="tableborder">
<tbody>
<tr>
<td class="tdborder" width="20%" bgcolor="#000000"><a href="src/black.html"><font color="#ffffff">black<br />#000000</font></a></td>
<td class="tdborder" width="20%" bgcolor="#f0f8ff"><a href="src/aliceblue.html">aliceblue<br />#f0f8ff</a></td>
<td class="tdborder" width="20%" bgcolor="#5f9ea0"><a href="src/cadetblue.html">cadetblue<br />#5f9ea0</a></td>
<td class="tdborder" width="20%" bgcolor="#ffffe0"><a href="src/lightyellow.html">lightyellow<br />#ffffe0</a></td>
<td class="tdborder" width="20%" bgcolor="#ff7f50"><a href="src/coral.html">coral<br />#ff7f50</a></td>
</tr>
<tr>
<td class="tdborder" bgcolor="#696969"><a href="src/dimgray.html">dimgray<br />#696969</a></td>
<td class="tdborder" bgcolor="#e6e6fa"><a href="src/lavender.html">lavender<br />#e6e6fa</a></td>
<td class="tdborder" bgcolor="#008b8b"><a href="src/darkcyan.html">darkcyan<br />#008b8b</a></td>
<td class="tdborder" bgcolor="#fafad2"><a href="src/lightgoldenrodyellow.html">lightgoldenrodyellow<br />#fafad2</a></td>
<td class="tdborder" bgcolor="#ff6347"><a href="src/tomato.html">tomato<br />#ff6347</a></td>
</tr>
<tr>
<td class="tdborder" bgcolor="#808080"><a href="src/gray.html">gray<br />#808080</a></td>
<td class="tdborder" bgcolor="#778899"><a href="src/lightslategray.html">lightslategray<br />#778899</a></td>
<td class="tdborder" bgcolor="#008080"><a href="src/teal.html">teal<br />#008080</a></td>
<td class="tdborder" bgcolor="#fffacd"><a href="src/lemonchiffon.html">lemonchiffon<br />#fffacd</a></td>
<td class="tdborder" bgcolor="#ff4500"><a href="src/orangered.html">orangered<br />#ff4500</a></td>
</tr>
<tr>
<td class="tdborder" bgcolor="#a9a9a9"><a href="src/darkgray.html">darkgray<br />#a9a9a9</a></td>
<td class="tdborder" bgcolor="#708090"><a href="src/slategray.html">slategray<br />#708090</a></td>
<td class="tdborder" bgcolor="#2e8b57"><a href="src/seagreen.html">seagreen<br />#2e8b57</a></td>
<td class="tdborder" bgcolor="#f5deb3"><a href="src/wheat.html">wheat<br />#f5deb3</a></td>
<td class="tdborder" bgcolor="#ff0000"><a href="src/red.html">red<br />#ff0000</a></td>
</tr>
<tr>
<td class="tdborder" width="20%" bgcolor="#c0c0c0"><a href="src/silver.html">silver<br />#c0c0c0</a></td>
<td class="tdborder" bgcolor="#2f4f4f"><a href="src/darkslategray.html">darkslategray<br />#2f4f4f</a></td>
<td class="tdborder" bgcolor="#556b2f"><a href="src/darkolivegreen.html">darkolivegreen<br />#556b2f</a></td>
<td class="tdborder" bgcolor="#deb887"><a href="src/burlywood.html">burlywood<br />#deb887</a></td>
<td class="tdborder" bgcolor="#dc143c"><a href="src/crimson.html">crimson<br />#dc143c</a></td>
</tr>
<tr>
<td class="tdborder" bgcolor="#d3d3d3"><a href="src/lightgrey.html">lightgrey<br />#d3d3d3</a></td>
<td class="tdborder" bgcolor="#b0c4de"><a href="src/lightsteelblue.html">lightsteelblue<br />#b0c4de</a></td>
<td class="tdborder" bgcolor="#006400"><a href="src/darkgreen.html">darkgreen<br />#006400</a></td>
<td class="tdborder" bgcolor="#d2b48c"><a href="src/tan.html">tan<br />#d2b48c</a></td>
<td class="tdborder" bgcolor="#c71585"><a href="src/mediumvioletred.html">mediumvioletred<br />#c71585</a></td>
</tr>
<tr>
<td class="tdborder" bgcolor="#dcdcdc"><a href="src/gainsboro.html">gainsboro<br />#dcdcdc</a></td>
<td class="tdborder" bgcolor="#4682b4"><a href="src/steelblue.html">steelblue<br />#4682b4</a></td>
<td class="tdborder" bgcolor="#008000"><a href="src/green.html">green<br />#008000</a></td>
<td class="tdborder" bgcolor="#f0e68c"><a href="src/khaki.html">khaki<br />#f0e68c</a></td>
<td class="tdborder" bgcolor="#ff1493"><a href="src/deeppink.html">deeppink<br />#ff1493</a></td>
</tr>
<tr>
<td class="tdborder" width="20%" bgcolor="#ffffff"><a href="src/white.html">white<br />#ffffff</a></td>
<td class="tdborder" bgcolor="#4169e1"><a href="src/royalblue.html">royalblue<br />#4169e1</a></td>
<td class="tdborder" bgcolor="#228b22"><a href="src/forestgreen.html">forestgreen<br />#228b22</a></td>
<td class="tdborder" bgcolor="#ffff00"><a href="src/yellow.html">yellow<br />#ffff00</a></td>
<td class="tdborder" bgcolor="#ff69b4"><a href="src/hotpink.html">hotpink<br />#ff69b4</a></td>
</tr>
<tr>
<td class="tdborder" bgcolor="#fffafa"><a href="src/snow.html">snow<br />#fffafa</a></td>
<td class="tdborder" bgcolor="#191970"><a href="src/midnightblue.html"><font color="#ffffff">midnightblue<br />#191970</font></a></td>
<td class="tdborder" bgcolor="#3cb371"><a href="src/mediumseagreen.html">mediumseagreen<br />#3cb371</a></td>
<td class="tdborder" bgcolor="#ffd700"><a href="src/gold.html">gold<br />#ffd700</a></td>
<td class="tdborder" bgcolor="#db7093"><a href="src/palevioletred.html">palevioletred<br />#db7093</a></td>
</tr>
<tr>
<td class="tdborder" bgcolor="#f8f8ff"><a href="src/ghostwhite.html">ghostwhite<br />#f8f8ff</a></td>
<td class="tdborder" bgcolor="#000080"><a href="src/navy.html"><font color="#ffffff">navy<br />#000080</font></a></td>
<td class="tdborder" bgcolor="#8fbc8f"><a href="src/darkseagreen.html">darkseagreen<br />#8fbc8f</a></td>
<td class="tdborder" bgcolor="#ffa500"><a href="src/orange.html">orange<br />#ffa500</a></td>
<td class="tdborder" bgcolor="#ffc0cb"><a href="src/pink.html">pink<br />#ffc0cb</a></td>
</tr>
<tr>
<td class="tdborder" bgcolor="#f5f5f5"><a href="src/whitesmoke.html">whitesmoke<br />#f5f5f5</a></td>
<td class="tdborder" bgcolor="#00008b"><a href="src/darkblue.html"><font color="#ffffff">darkblue<br />#00008b</font></a></td>
<td class="tdborder" bgcolor="#66cdaa"><a href="src/mediumaquamarine.html">mediumaquamarine<br />#66cdaa</a></td>
<td class="tdborder" bgcolor="#f4a460"><a href="src/sandybrown.html">sandybrown<br />#f4a460</a></td>
<td class="tdborder" bgcolor="#ffb6c1"><a href="src/lightpink.html">lightpink<br />#ffb6c1</a></td>
</tr>
<tr>
<td class="tdborder" bgcolor="#fffaf0"><a href="src/floralwhite.html">floralwhite<br />#fffaf0</a></td>
<td class="tdborder" bgcolor="#0000cd"><a href="src/mediumblue.html"><font color="#ffffff">mediumblue<br />#0000cd</font></a></td>
<td class="tdborder" bgcolor="#7fffd4"><a href="src/aquamarine.html">aquamarine<br />#7fffd4</a></td>
<td class="tdborder" bgcolor="#ff8c00"><a href="src/darkorange.html">darkorange<br />#ff8c00</a></td>
<td class="tdborder" bgcolor="#d8bfd8"><a href="src/thistle.html">thistle<br />#d8bfd8</a></td>
</tr>
<tr>
<td class="tdborder" bgcolor="#faf0e6"><a href="src/linen.html">linen<br />#faf0e6</a></td>
<td class="tdborder" bgcolor="#0000ff"><a href="src/blue.html"><font color="#ffffff">blue<br />#0000ff</font></a></td>
<td class="tdborder" bgcolor="#98fb98"><a href="src/palegreen.html">palegreen<br />#98fb98</a></td>
<td class="tdborder" bgcolor="#daa520"><a href="src/goldenrod.html">goldenrod<br />#daa520</a></td>
<td class="tdborder" bgcolor="#ff00ff"><a href="src/magenta.html">magenta<br />#ff00ff</a></td>
</tr>
<tr>
<td class="tdborder" bgcolor="#faebd7"><a href="src/antiquewhite.html">antiquewhite<br />#faebd7</a></td>
<td class="tdborder" bgcolor="#1e90ff"><a href="src/dodgerblue.html">dodgerblue<br />#1e90ff</a></td>
<td class="tdborder" bgcolor="#90ee90"><a href="src/lightgreen.html">lightgreen<br />#90ee90</a></td>
<td class="tdborder" bgcolor="#cd853f"><a href="src/peru.html">peru<br />#cd853f</a></td>
<td class="tdborder" bgcolor="#ff00ff"><a href="src/fuchsia.html">fuchsia<br />#ff00ff</a></td>
</tr>
<tr>
<td class="tdborder" bgcolor="#ffefd5"><a href="src/papayawhip.html">papayawhip<br />#ffefd5</a></td>
<td class="tdborder" bgcolor="#6495ed"><a href="src/cornflowerblue.html">cornflowerblue<br />#6495ed</a></td>
<td class="tdborder" bgcolor="#00ff7f"><a href="src/springgreen.html">springgreen<br />#00ff7f</a></td>
<td class="tdborder" bgcolor="#b8860b"><a href="src/darkgoldenrod.html">darkgoldenrod<br />#b8860b</a></td>
<td class="tdborder" bgcolor="#ee82ee"><a href="src/violet.html">violet<br />#ee82ee</a></td>
</tr>
<tr>
<td class="tdborder" bgcolor="#ffebcd"><a href="src/blanchedalmond.html">blanchedalmond<br />#ffebcd</a></td>
<td class="tdborder" bgcolor="#00bfff"><a href="src/deepskyblue.html">deepskyblue<br />#00bfff</a></td>
<td class="tdborder" bgcolor="#00fa9a"><a href="src/mediumspringgreen.html">mediumspringgreen<br />#00fa9a</a></td>
<td class="tdborder" bgcolor="#d2691e"><a href="src/chocolate.html">chocolate<br />#d2691e</a></td>
<td class="tdborder" bgcolor="#dda0dd"><a href="src/plum.html">plum<br />#dda0dd</a></td>
</tr>
<tr>
<td class="tdborder" bgcolor="#ffe4c4"><a href="src/bisque.html">bisque<br />#ffe4c4</a></td>
<td class="tdborder" bgcolor="#87cefa"><a href="src/lightskyblue.html">lightskyblue<br />#87cefa</a></td>
<td class="tdborder" bgcolor="#7cfc00"><a href="src/lawngreen.html">lawngreen<br />#7cfc00</a></td>
<td class="tdborder" bgcolor="#a0522d"><a href="src/sienna.html">sienna<br />#a0522d</a></td>
<td class="tdborder" bgcolor="#da70d6"><a href="src/orchid.html">orchid<br />#da70d6</a></td>
</tr>
<tr>
<td class="tdborder" bgcolor="#ffe4b5"><a href="src/moccasin.html">moccasin<br />#ffe4b5</a></td>
<td class="tdborder" bgcolor="#87ceeb"><a href="src/skyblue.html">skyblue<br />#87ceeb</a></td>
<td class="tdborder" bgcolor="#7fff00"><a href="src/chartreuse.html">chartreuse<br />#7fff00</a></td>
<td class="tdborder" bgcolor="#8b4513"><a href="src/saddlebrown.html">saddlebrown<br />#8b4513</a></td>
<td class="tdborder" bgcolor="#ba55d3"><a href="src/mediumorchid.html">mediumorchid<br />#ba55d3</a></td>
</tr>
<tr>
<td class="tdborder" bgcolor="#ffdead"><a href="src/navajowhite.html">navajowhite<br />#ffdead</a></td>
<td class="tdborder" bgcolor="#add8e6"><a href="src/lightblue.html">lightblue<br />#add8e6</a></td>
<td class="tdborder" bgcolor="#adff2f"><a href="src/greenyellow.html">greenyellow<br />#adff2f</a></td>
<td class="tdborder" bgcolor="#800000"><a href="src/maroon.html">maroon<br />#800000</a></td>
<td class="tdborder" bgcolor="#9932cc"><a href="src/darkorchid.html">darkorchid<br />#9932cc</a></td>
</tr>
<tr>
<td class="tdborder" bgcolor="#ffdab9"><a href="src/peachpuff.html">peachpuff<br />#ffdab9</a></td>
<td class="tdborder" bgcolor="#b0e0e6"><a href="src/powderblue.html">powderblue<br />#b0e0e6</a></td>
<td class="tdborder" bgcolor="#00ff00"><a href="src/lime.html">lime<br />#00ff00</a></td>
<td class="tdborder" bgcolor="#8b0000"><a href="src/darkred.html">darkred<br />#8b0000</a></td>
<td class="tdborder" bgcolor="#9400d3"><a href="src/darkviolet.html">darkviolet<br />#9400d3</a></td>
</tr>
<tr>
<td class="tdborder" bgcolor="#ffe4e1"><a href="src/mistyrose.html">mistyrose<br />#ffe4e1</a></td>
<td class="tdborder" bgcolor="#afeeee"><a href="src/paleturquoise.html">paleturquoise<br />#afeeee</a></td>
<td class="tdborder" bgcolor="#32cd32"><a href="src/limegreen.html">limegreen<br />#32cd32</a></td>
<td class="tdborder" bgcolor="#a52a2a"><a href="src/brown.html">brown<br />#a52a2a</a></td>
<td class="tdborder" bgcolor="#8b008b"><a href="src/darkmagenta.html">darkmagenta<br />#8b008b</a></td>
</tr>
<tr>
<td class="tdborder" bgcolor="#fff0f5"><a href="src/lavenderblush.html">lavenderblush<br />#fff0f5</a></td>
<td class="tdborder" bgcolor="#e0ffff"><a href="src/lightcyan.html">lightcyan<br />#e0ffff</a></td>
<td class="tdborder" bgcolor="#9acd32"><a href="src/yellowgreen.html">yellowgreen<br />#9acd32</a></td>
<td class="tdborder" bgcolor="#b22222"><a href="src/firebrick.html">firebrick<br />#b22222</a></td>
<td class="tdborder" bgcolor="#800080"><a href="src/purple.html">purple<br />#800080</a></td>
</tr>
<tr>
<td class="tdborder" bgcolor="#fff5ee"><a href="src/seashell.html">seashell<br />#fff5ee</a></td>
<td class="tdborder" bgcolor="#00ffff"><a href="src/cyan.html">cyan<br />#00ffff</a></td>
<td class="tdborder" bgcolor="#6b8e23"><a href="src/olivedrab.html">olivedrab<br />#6b8e23</a></td>
<td class="tdborder" bgcolor="#cd5c5c"><a href="src/indianred.html">indianred<br />#cd5c5c</a></td>
<td class="tdborder" bgcolor="#4b0082"><a href="src/indigo.html">indigo<br />#4b0082</a></td>
</tr>
<tr>
<td class="tdborder" bgcolor="#fdf5e6"><a href="src/oldlace.html">oldlace<br />#fdf5e6</a></td>
<td class="tdborder" bgcolor="#00ffff"><a href="src/aqua.html">aqua<br />#00ffff</a></td>
<td class="tdborder" bgcolor="#808000"><a href="src/olive.html">olive<br />#808000</a></td>
<td class="tdborder" bgcolor="#bc8f8f"><a href="src/rosybrown.html">rosybrown<br />#bc8f8f</a></td>
<td class="tdborder" bgcolor="#483d8b"><a href="src/darkslateblue.html">darkslateblue<br />#483d8b</a></td>
</tr>
<tr>
<td class="tdborder" bgcolor="#fffff0"><a href="src/ivory.html">ivory<br />#fffff0</a></td>
<td class="tdborder" bgcolor="#40e0d0"><a href="src/turquoise.html">turquoise<br />#40e0d0</a></td>
<td class="tdborder" bgcolor="#bdb76b"><a href="src/darkkhaki.html">darkkhaki<br />#bdb76b</a></td>
<td class="tdborder" bgcolor="#e9967a"><a href="src/darksalmon.html">darksalmon<br />#e9967a</a></td>
<td class="tdborder" bgcolor="#8a2be2"><a href="src/blueviolet.html">blueviolet<br />#8a2be2</a></td>
</tr>
<tr>
<td class="tdborder" bgcolor="#f0fff0"><a href="src/honeydew.html">honeydew<br />#f0fff0</a></td>
<td class="tdborder" bgcolor="#48d1cc"><a href="src/mediumturquoise.html">mediumturquoise<br />#48d1cc</a></td>
<td class="tdborder" bgcolor="#eee8aa"><a href="src/palegoldenrod.html">palegoldenrod<br />#eee8aa</a></td>
<td class="tdborder" bgcolor="#f08080"><a href="src/lightcoral.html">lightcoral<br />#f08080</a></td>
<td class="tdborder" bgcolor="#9370db"><a href="src/mediumpurple.html">mediumpurple<br />#9370db</a></td>
</tr>
<tr>
<td class="tdborder" bgcolor="#f5fffa"><a href="src/mintcream.html">mintcream<br />#f5fffa</a></td>
<td class="tdborder" bgcolor="#00ced1"><a href="src/darkturquoise.html">darkturquoise<br />#00ced1</a></td>
<td class="tdborder" bgcolor="#fff8dc"><a href="src/cornsilk.html">cornsilk<br />#fff8dc</a></td>
<td class="tdborder" bgcolor="#fa8072"><a href="src/salmon.html">salmon<br />#fa8072</a></td>
<td class="tdborder" bgcolor="#6a5acd"><a href="src/slateblue.html">slateblue<br />#6a5acd</a></td>
</tr>
<tr>
<td class="tdborder" bgcolor="#f0ffff"><a href="src/azure.html">azure<br />#f0ffff</a></td>
<td class="tdborder" bgcolor="#20b2aa"><a href="src/lightseagreen.html">lightseagreen<br />#20b2aa</a></td>
<td class="tdborder" bgcolor="#f5f5dc"><a href="src/beige.html">beige<br />#f5f5dc</a></td>
<td class="tdborder" bgcolor="#ffa07a"><a href="src/lightsalmon.html">lightsalmon<br />#ffa07a</a></td>
<td class="tdborder" bgcolor="#7b68ee"><a href="src/mediumslateblue.html">mediumslateblue<br />#7b68ee</a></td>
</tr>
</tbody>
</table>]]>
http://www.gogogo8.com/ver2/Blog/blogview.asp?logID=344http://www.gogogo8.com/ver2/trackback.asp?tbID=344http://www.gogogo8.com/ver2/Blog/blogview.asp?logID=344#commenthttp://www.gogogo8.com/ver2/blogfeed.asp?logID=344
http://www.gogogo8.com/ver2/Blog/blogview.asp?logID=343<![CDATA[Photoshop表现精美玻璃花瓶透明质感]]>water平面设计Mon, 16 Jan 2006 11:00:40 +0800先发一张效果图:


按此在新窗口打开图片]]>
先发一张效果图:


按此在新窗口打开图片

本教程需要用到的素材:

按此在新窗口打开图片

下面开始教程:

1. 在Photoshop中新建图层填充如图背景色。


按此在新窗口打开图片

2.用钢笔工具勾出花瓶的造型,填充#325738色


按此在新窗口打开图片

3,用钢笔工具勾出花瓶口形状,用白色填充路径,并对线条进行粗细变化处理.


按此在新窗口打开图片

4,用椭圆工具画一个椭圆,填充#5B866B色做水的位置


按此在新窗口打开图片

5,用矩形选区工具在背景分界下一点的地方开始画一个矩形选区,选区要高出瓶口,按shift+ctrl+alt点击图层2,羽化选区,填充深绿色.

按此在新窗口打开图片

6,用钢笔工具勾出选区,羽化并用#517A4B色填充.(5跟6是环境色影响)

按此在新窗口打开图片

7,花瓶的底座比较厚,受光线的影响是变化很大,一定要对玻璃类光线折射等方面熟悉才能做出逼真效果,用钢笔工具勾出底座厚度,填充#517A4B色,并用加深和减淡工具对局部进行加深减淡处理.

按此在新窗口打开图片

8,用钢笔工具勾出左边和底座,用白色填充,设置图层不透明度为53%,这是表现光源照射玻璃瓶的边缘发光效果。

按此在新窗口打开图片

9,添加光源直接照射到玻璃瓶的高光,用钢笔勾出高光区填充白色后使用滤镜高斯模糊,添加图层蒙板,使用渐变从上向下进行渐变.

按此在新窗口打开图片

10.回到图层2,用加深工具对局部地方进行加深处理,使玻璃瓶更具有立体感


按此在新窗口打开图片

11.再对玻璃瓶局部进行细节调整,添加一点环境光反射效果,和添加一些阴影效果,这样花瓶的效果就出来了,制作环境光反射方法先填充白色,然后加图层蒙板,在图层蒙板上填充灰色,这样做出来的反射更有光泽,如果用调整不透明度来做的话就没有了那光泽,效果就会差很远,这点非常重要.


按此在新窗口打开图片

12.下面把一朵先前做好的花拉到花瓶中来,把它放在图层4的上面,并且把下端剪切放到图层4下面,用套索工具把被花瓶挡住的地方选取,用曲线或者亮度对比度调暗一点,并且把最下端水下的枝干调更暗点,
再复制一小段水上面的枝干做倒影,这样大致已经做好了.


按此在新窗口打开图片

13,最后在花瓶周围背景上提亮,更突出花瓶效果,添加点桌面上的反射,最终效果图就完成了.


按此在新窗口打开图片


]]>
http://www.gogogo8.com/ver2/Blog/blogview.asp?logID=343http://www.gogogo8.com/ver2/trackback.asp?tbID=343http://www.gogogo8.com/ver2/Blog/blogview.asp?logID=343#commenthttp://www.gogogo8.com/ver2/blogfeed.asp?logID=343
http://www.gogogo8.com/ver2/Blog/blogview.asp?logID=340<![CDATA[54款PS笔刷及相对应图示]]>water平面设计Sat, 14 Jan 2006 15:25:39 +0800]]><p><strong>mhcy007的站点</strong>:<a href="http://www.mhcy.net/" target="_blank"></a><a href="http://www.mhcy.net/" target="_blank">www.mhcy.net</a> </p>
<p>最近收集了几十款PS笔刷,整理了一番,并花点时间截取出相对应的图示,方便快速查找。</p>
<p>在网上可以找到很多笔刷的,但因为没有图示,所以就不知清楚笔刷里有哪些图形,只能一个一个的在PS里查看,很是麻烦,不能快速地找到所需的东东,浪费很多时间。</p>
<p>再则,如果PS里放置了好多笔刷,一久了就不知所要的笔刷在一哪个里了,也是很麻烦.<br />所以我就把自己收集的这样笔刷给截出图,方便对照。</p>
<p><a href="http://www.blueidea.com/articleimg/2006/01/3168/54abr.rar" target="_blank"><img height="16" alt="" src="http://www.blueidea.com/articleimg/2006/01/3168/download.gif" width="16" border="0" />&nbsp;笔刷下载</a></p>
<p><strong>图示抢先预览</strong>(随便放了两个先给大家瞧瞧):</p>
<p align="center"><img height="259" alt="" src="http://www.blueidea.com/articleimg/2006/01/3168/br11.jpg" width="452" border="0" /></p>
<p align="center"><strong>br11</strong></p>
<p align="center"><img height="260" alt="" src="http://www.blueidea.com/articleimg/2006/01/3168/br44.jpg" width="452" border="0" /></p>
<p align="center"><strong>br44</strong></p>]]>
http://www.gogogo8.com/ver2/Blog/blogview.asp?logID=340http://www.gogogo8.com/ver2/trackback.asp?tbID=340http://www.gogogo8.com/ver2/Blog/blogview.asp?logID=340#commenthttp://www.gogogo8.com/ver2/blogfeed.asp?logID=340
http://www.gogogo8.com/ver2/Blog/blogview.asp?logID=339<![CDATA[网页配色之基本配色]]>water平面设计Sat, 14 Jan 2006 13:49:45 +0800的光,周边搭配的色彩,或是观看者的欣赏角度。]]><p align="left">有十种基本的配色设计,分别叫做:</p>
<p align="left">无色设计(achromatic)、类比设计(analogous)、冲突设计(clash)、</p>
<p align="left">互补设计(complement)、单色设计(monochromatic)、中性设计(neutral)、</p>
<p align="left">分裂补色设计(splitcomplement)、原色设计(primary)、</p>
<p align="left">二次色设计(secondary)以及三次色三色设计(tertiary)。</p>
<p align="left">
<table style="WIDTH: 312px; HEIGHT: 160px" cellpadding="2" width="312" align="center" border="0">
<tbody>
<tr>
<td valign="top" width="25%">
<p align="center">&nbsp;</p>
</td>
<td valign="top" width="25%">
<div align="left">
<table style="WIDTH: 162px; HEIGHT: 37px" cellspacing="0" cellpadding="0" width="162" border="0">
<tbody>
<tr>
<td align="center" width="33%" bgcolor="#363636"><font color="#363636" size="3">105</font></td>
<td align="center" width="33%" bgcolor="#a0a0a0"><font color="#a0a0a0" size="3">101</font></td>
<td align="center" width="34%" bgcolor="#d7d7d7"><font color="#d7d7d7" size="3">98</font></td>
</tr>
<tr>
<td align="center" width="33%"><font size="2">105</font></td>
<td align="center" width="33%"><font size="2">101</font></td>
<td align="center" width="34%"><font size="2">98</font></td>
</tr>
</tbody>
</table>
</div>
<p><strong><font size="3">无色设计</font></strong></p>
<p><font size="2">不用彩色,只用黑、<br />白、灰色。</font></p>
</td>
</tr>
</tbody>
</table>
</p>
<p align="left">
<table style="WIDTH: 327px; HEIGHT: 160px" cellpadding="2" width="327" align="center" border="0">
<tbody>
<tr>
<td valign="top" width="25%">&nbsp;</td>
<td valign="top" width="25%">
<div align="left">
<table style="WIDTH: 156px; HEIGHT: 37px" cellspacing="0" cellpadding="0" width="156" border="0">
<tbody>
<tr>
<td align="center" width="33%" bgcolor="#a2007c"><font color="#a2007c" size="3">92</font></td>
<td align="center" width="33%" bgcolor="#c9b5d4"><font color="#c9b5d4" size="3">88</font></td>
<td align="center" width="34%" bgcolor="#211551"><font color="#211551" size="3">73</font></td>
</tr>
<tr>
<td align="center" width="33%"><font size="2">92</font></td>
<td align="center" width="33%"><font size="2">88</font></td>
<td align="center" width="34%"><font size="2">73</font></td>
</tr>
</tbody>
</table>
</div>
<p><strong><font size="3">类比设计</font></strong></p>
<p><font size="2">在色相环上任选三个<br />连续的色彩或其任一<br />明色和暗色。</font></p>
</td>
</tr>
</tbody>
</table>
</p>
<p align="left">
<table style="WIDTH: 326px; HEIGHT: 160px" cellpadding="2" width="326" align="center" border="0">
<tbody>
<tr>
<td valign="top" width="25%">&nbsp;</td>
<td valign="top" width="25%">
<div align="left">
<table style="WIDTH: 155px; HEIGHT: 41px" cellspacing="0" cellpadding="0" width="155" border="0">
<tbody>
<tr>
<td align="center" width="33%" bgcolor="#df0029"><font color="#df0029" size="3">4</font></td>
<td align="center" width="33%" bgcolor="#205aa7"><font color="#205aa7" size="3">68</font></td>
<td align="center" width="34%">&nbsp;</td>
</tr>
<tr>
<td align="center" width="33%"><font size="2">4</font></td>
<td align="center" width="33%"><font size="2">68</font></td>
<td align="center" width="34%">&nbsp;</td>
</tr>
</tbody>
</table>
</div>
<p><strong><font size="3">冲突设计</font></strong></p>
<p><font size="2">把一个颜色和它补色<br />左边或右边的色彩配<br />合起来。</font></p>
</td>
</tr>
</tbody>
</table>
</p>
<p align="left">
<table style="WIDTH: 328px; HEIGHT: 160px" cellpadding="2" width="328" align="center" border="0">
<tbody>
<tr>
<td valign="top" width="25%">&nbsp;</td>
<td valign="top" width="25%">
<div align="left">
<table style="WIDTH: 156px; HEIGHT: 41px" cellspacing="0" cellpadding="0" width="156" border="0">
<tbody>
<tr>
<td align="center" width="33%" bgcolor="#a2007c"><font color="#a2007c" size="3">92</font></td>
<td align="center" width="33%" bgcolor="#5bbd2b"><font color="#5bbd2b" size="3">44</font></td>
<td align="center" width="34%">&nbsp;</td>
</tr>
<tr>
<td align="center" width="33%"><font size="2">92</font></td>
<td align="center" width="33%"><font size="2">44</font></td>
<td align="center" width="34%">&nbsp;</td>
</tr>
</tbody>
</table>
</div>
<p><strong><font size="3">互补设计</font></strong></p>
<p><font size="2">使用色相环上全然相<br />反的颜色。</font></p>
</td>
</tr>
</tbody>
</table>
</p>
<p align="left">
<table style="WIDTH: 325px; HEIGHT: 160px" cellpadding="2" width="325" align="center" border="0">
<tbody>
<tr>
<td valign="top" width="25%">&nbsp;</td>
<td valign="top" width="25%">
<div align="left">
<table style="WIDTH: 154px; HEIGHT: 37px" cellspacing="0" cellpadding="0" width="154" border="0">
<tbody>
<tr>
<td align="center" width="33%" bgcolor="#38044b"><font color="#38044b" size="3">81</font></td>
<td align="center" width="33%" bgcolor="#79378b"><font color="#79378b" size="3">85</font></td>
<td align="center" width="34%" bgcolor="#c9b5d4"><font color="#c9b5d4" size="3">88</font></td>
</tr>
<tr>
<td align="center" width="33%"><font size="2">81</font></td>
<td align="center" width="33%"><font size="2">85</font></td>
<td align="center" width="34%"><font size="2">88</font></td>
</tr>
</tbody>
</table>
</div>
<p><strong><font size="3">单色设计</font></strong></p>
<p><font size="2">把一个颜色和任一个<br />或它所有的明、暗色<br />配合起来。。</font></p>
</td>
</tr>
</tbody>
</table>
</p>]]>
http://www.gogogo8.com/ver2/Blog/blogview.asp?logID=339http://www.gogogo8.com/ver2/trackback.asp?tbID=339http://www.gogogo8.com/ver2/Blog/blogview.asp?logID=339#commenthttp://www.gogogo8.com/ver2/blogfeed.asp?logID=339

找找吧 | Http://www.gogogo8.com/--为广大WEB设计、制作、开发爱好者提供原创并搜集精品文章的小站:平面设计-动画制作-网页制作-编程开发 Archive

gogogo8.com v 4_3