最大的网站策划、网站运营、网络营销人才免费学习、培训、认证、展示、交流、工作平台,服务国家经济建设与民族伟大复兴!
网络创业秘籍预定banner

查看完整版本: 掌握使用色彩定位网站的技巧

网侠 2005-12-24 08:59

掌握使用色彩定位网站的技巧

<TABLE cell[wiki]SP[/wiki]acing=0 cellPadding=0 width="91%" align=center border=0>

<TR>
<TD align=middle width="100%">
<TABLE  cellSpacing=0 cellPadding=0 align=center border=0>

<TR>
<TD ><FONT>
<TABLE cellSpacing=0 cellPadding=0 width=760 align=center bgColor=#ffffff border=0>

<TR>
<TD vAlign=top colSpan=6>每个人都有自己喜欢的颜色,因此在选用网站配色的时候,难免会受到个人偏好的影响。但是在选用色彩的时候也要注意,因为不同的颜色给人的感觉是不同的。本节将通过对各种颜色的分析,帮助读者掌握使用色彩定位网站的技巧。<BR>    1.红色<BR>    红色给人以热情、活力的感觉。在很多使用了红色的网站中,红色所担任的角色都是强调色,因为红色比较鲜明,极易吸引人们的眼球。<BR>如图1所示,为使用了鲜红色作为主色调的网页。鲜艳的色彩,给人个性鲜明,富有活力的感觉。<BR>如图2所示,该网页也使用了红色,但是红色的色调较暗,反而给人冷静沉重的感觉,凝造出了古典的氛围<BR><a href="http://www.n[wiki]IT[/wiki]-[WIKI]PR[/wiki]o.org/uploadfile/20041228115534367.gif" target="_blank" >
<P align=center><IMG src="http://www.nit-pro.org/uploadfile/20041228115534367.gif" border=0></A>              <a href="http://www.nit-pro.org/uploadfile/20041228115543350.gif" target="_blank" ><IMG src="http://www.nit-pro.org/uploadfile/20041228115543350.gif" border=0></A><BR></P>2.橙色<BR>一般情况下,橙色总是给人时尚、轻快的感觉,常常用于某些时尚新潮的网站中,例如时装网站、化妆品、电子制品等。其实在商业网站的制作中,橙色也是非常常用的。通过色调的变换,橙色既能表现出青春的活力,也能够表现出沉稳老练的效果。<BR>如图3所示,为使用了橙色的网页。<a href="http://www.nit-pro.org/uploadfile/20041228115628147.gif" target="_blank" ><U> </U>
<P align=center><U><IMG src="http://www.nit-pro.org/uploadfile/20041228115628147.gif" border=0></U></P></A>
<P align=left>该页面使用橙色与蓝色搭配,非常具有视觉冲击力,同时使用灰色的背景色,可以缓冲两种颜色的矛盾,使页面又显得更加成熟而沉稳。这种颜色的搭配方式非常时尚,给浏览者都市化的印象。<BR>如图4所示的网站,使用了不同色调的橙色作为网站的主色,搭配灰色的背景,显得既鲜丽又沉稳。<BR><a href="http://www.nit-pro.org/uploadfile/20041228115754956.gif" target="_blank" ></P>
<P align=center><IMG src="http://www.nit-pro.org/uploadfile/20041228115754956.gif" border=0></A><BR></P>
<P align=left>3.黄色<BR>黄色给人明亮的感觉,也是在站点配色中使用较多的一种颜色。因为黄色能够营造出愉快的氛围,能够得到大部分人的认可,因此小到儿童站点,大到商业网站,黄色几乎可以在每一个角落中找到自己的发挥空间。<BR>如图5和6所示,新浪和搜狐的中文站点首页,均使用了大面积的黄色。<a href="http://www.nit-pro.org/uploadfile/20041228115823871.gif" target="_blank" ></P>
<P align=left>           <IMG src="http://www.nit-pro.org/uploadfile/20041228115823871.gif" border=0></A>     <a href="http://www.nit-pro.org/uploadfile/20041228115835206.gif" target="_blank" ><IMG src="http://www.nit-pro.org/uploadfile/20041228115835206.gif" border=0></A><BR><BR>如图7所示,该站点使用了黄色与咖啡色的搭配,显得非常中性,非常温和。<BR>如图8所示,黄色与黑色、白色的搭配,给人非常明亮的感觉,却又不失宁静与沉稳。<BR><BR><a href="http://www.nit-pro.org/uploadfile/20041228115939208.gif" target="_blank" ></P>
<P align=left>        <IMG src="http://www.nit-pro.org/uploadfile/20041228115939208.gif" border=0></A>     <a href="http://www.nit-pro.org/uploadfile/20041228115948297.gif" target="_blank" ><IMG src="http://www.nit-pro.org/uploadfile/20041228115948297.gif" border=0></A><BR><BR></P>
<P align=left>4.绿色<BR>绿色因为是植物的颜色,总是能给人宁静、希望的感觉。绿色还可以表现出自然的感觉。浅绿、黄绿等绿色既有绿色的特点,又能表现出黄色的温暖,因此用在站点中常常能够得到青年人和儿童的喜爱。<BR>如图9所示的页面使用了灰色作为主色调,中间用较亮的绿色点缀,是整个页面的亮点,让网页显得更有活力,吸引目光的同时也表达了一种温暖的感情。<BR><a href="http://www.nit-pro.org/uploadfile/2004122812038435.gif" target="_blank" ></P>
<P align=center><IMG src="http://www.nit-pro.org/uploadfile/2004122812038435.gif" border=0></A><BR></P>
<P align=left>如图10所示的网页,使用了浅绿色与黑色搭配,显得沉稳的同时又不失活力。<BR>如图11所示,为枫叶东方的官方网站。网站使用了深绿色作为网站的主色调,作为一个以留学为主要内容的网站,传达了一种希望、宁静的感觉。<BR><a href="http://www.nit-pro.org/uploadfile/200412281251465.gif" target="_blank" ></P>
<P align=left>           <IMG src="http://www.nit-pro.org/uploadfile/200412281251465.gif" border=0></A>      <a href="http://www.nit-pro.org/uploadfile/2004122812535947.gif" target="_blank" ><IMG src="http://www.nit-pro.org/uploadfile/2004122812535947.gif" border=0></A><BR>5.蓝色<BR>蓝色作为页面的主色,会给人凉爽、清新、专业的感觉。因此蓝色多用于商业网站。<BR>如图12所示,为一汽大众官方网站的首页。整个页面采用了浅蓝色作为主色,搭配深蓝色和其它小块颜色,整个页面显得清爽、专业,向客户传达了一种放心的感觉。<BR><a href="http://www.nit-pro.org/uploadfile/2004122812756585.gif" target="_blank" ></P>
<P align=center><IMG src="http://www.nit-pro.org/uploadfile/2004122812756585.gif" border=0></A><BR></P>
<P align=left>如图13所示的页面使用了深蓝色作为网页的主色调,深蓝色传达了一种凝重的气氛,显得更加规矩,表现了都市化、现代派的风格。<a href="http://www.nit-pro.org/uploadfile/200412281286121.gif" target="_blank" ></P>
<P align=center><IMG src="http://www.nit-pro.org/uploadfile/200412281286121.gif" border=0></A><BR></P>
<P align=left>6.其它颜色<BR>除了以上几种商业网站中常见的颜色外,还有几种颜色,在网站中也比较常用。例如白色,给人洁白、纯真的感觉,多用作网站背景色。黑色给人一种深沉的感觉,比较安全,可与任何颜色搭配。灰色传达了一种中庸的氛围,比较收敛,较之红色、橙色等比较有视觉冲击力的颜色,灰色比较低调。<BR>如图14所示的页面,使用了灰色与饱和度极低的暖色搭配,显得有一种温柔、透明的感觉。整个页面比较中庸,虽然没有向外突出的感觉,但是会令浏览者的眼球觉得非常舒服。<a href="http://www.nit-pro.org/uploadfile/2004122812821900.gif" target="_blank" ></P>
<P align=center><IMG src="http://www.nit-pro.org/uploadfile/2004122812821900.gif" border=0></A><BR></P>
<P align=left>如图15所示的页面,使用了白色的背景色、黑色的主色,灰色作为黑与白的中间色,令整个页面的对比趋于缓和。<a href="http://www.nit-pro.org/uploadfile/2004122812847670.gif" target="_blank" ></P>
<P align=center><IMG src="http://www.nit-pro.org/uploadfile/2004122812847670.gif" border=0></A><BR></P>
<P align=left>本文介绍了色彩搭配在网站中的应用,为了在设计中有效的使用色彩,必须掌握一些色彩的基础理论知识,结合自己的实际经验,来设计自己的作品。同一色彩有数之不尽的应用方法,并没有非常机械的色彩调和的法则,在一定的原则下靠自己的眼睛和审美观点来做出选择。</P><BR></FONT></TD></TR></TABLE><BR></FONT>
<DIV align=right> </DIV></TD></TR></TABLE></TD></TR>
<TR>
<TD width="100%">
<DIV align=right>
<HR SIZE=1>
</DIV></TD></TR></TABLE>
页: [1]
查看完整版本: 掌握使用色彩定位网站的技巧