网页设计中的颜色

《网页设计中的颜色》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、网页设计中的颜色阅读本文英文原文(翻译：刘松涛)本文经北京伊萨尔界面设计有限公司授权发表摘要从心理学角度来讲，不同的颜色代表不同的意思。从这个观点出发，本文讨论网页界面中背景颜色和内容颜色的关系。了解这个关系，有利于：a)为网页中不同的内容选择适合的颜色；b)浏览网页吋，可以方便的找到需要的内容。关键字：color,interface,webdesign1.介绍1.1研究來源颜色是能够辅助界面设计的重要的文化元素(Chen,1999)。Luscher和Scott(1969)阅读了近150篇文章，并通过Luscher颜色试验，揭示颜色和人的个性的关系。每个人都有其各自的颜色喜好，不过，

2、这个喜好会根据不同的物体而发生变化(CooperB.Holmes和JoAnnBuchanan,1984)o在我们的网页设计工作中，我们发现不同的网页内容，用户对颜色的喜好也应该是不同的。1.2研究H标现在我们的牛活离不开网络。随着国际互联网和内部网的发展，在网页界而上我们经常看到越来越多丰富多彩的内容。比如，Sun公司的外部网站大概有2万个网页，内部网上则有2百万个网页。大量的信息的确给用户捉供了很多资料。然而，也带來了查询所需内容的麻烦，若遇到结构混乱的网页界面，用户则更是一筹莫展。因此，除了设计好合理的信息分类和网站结构外，最好还能利用不同的背景颜色來区分不同的内容。在我们以往的

3、研究中发现过一个现彖：浏览者常常深陷复杂的网站结构中，不知道自己在哪儿，也不知道怎么回去。此研究目的是要找出网页设计中最适当的背景色与内容的匹配关系，为网页设计提供准则。1.研究手段我们的研究手段是试验。研究对彖是20岁到35岁Z间的男性16名，女性17名。其屮一些人是来H不同学校的不同年级的学生，还有些人则是上班族。我们认为这个年龄段的人是最主要的上网人群。具体的研究过程是顺序进行的。首先，我们访问了中国的30家知名企业的网站。从中找出最常被访问的信息类别8类。如下：主页关于我们公司新闻产品信息服务/技术支持财务（股票、财务、购买或通过互联网的购买）人力资源（招聘或培训）网络社区（

4、合作伙伴、会员中心或企业文化）然后，我们请参与试验者来为上述分类配上不同的颜色。他们使用微软Word软件中的绘画功能来填充他们认为最好的颜色。Z后，我们收集结果进行分析。2.结果和分析色彩学里有三原色：红、绿、蓝。两两混合后产生出另外三种颜色：黄、蓝绿、紫。在色谱屮是：红、黄、绿、蓝绿、蓝、紫。黑是红、绿、蓝的组合。根据冷暖色划分，则可以分成八色：橙是最暖色，红和黄是暖色，红紫和黄绿是略暖色，蓝绿和绿紫是略冷色，蓝色是最冷色。白色反光最强，感觉较冷；黑色吸光最强，感觉较暖(Munseu,1915)o在试验中我们让试验者根据下而的表一來选择背景颜色：表一：表中的数字是选择表顶部颜色的人

5、数，这些颜色是网页左手边的内容。下面我们來分析一下。此次研究中，对■公司网站的主页(homepage)由如下实验结果，见图一：图一，颜色和主页如图所示，多数参与试验的人倾向蓝色作为公司网站的主页的背景颜色。本次试验中占50%o在试验者眼中，蓝色代表了纯洁和高尚。网页背景使用蓝色可令访问者感觉舒适并且较为容易相信网页所属公司。蓝色的引入是一个好的开端。背景使用蓝色则白色的文字比较容易辨识，黄色次Z。3.2关于我们下面我们来看一下关于我们：图二：颜色和关于我们从上图屮可以看出來，对于公司的介绍性内容，半数人选择红色、橙色和紫色。还有25%的人选择绿色。红色、橙色和紫色同属于一个色彩序列，

6、都是暖色。红色和橙色又表示热情。使用这类的颜色來作介绍公司的网页的背景，可以使该公司显得梢力充沛、动感十足。口色字体放在红或橙色背景上最明显，黄色次之。多数人选择紫色的人认为，紫色代表尊严和高贵，可令访问者对该公司产生尊敬感。绿色代表生命和希望，同时也和年轻和成长相关。和选择红色或橙色的人一样，选择绿色的人认为绿色可是该公司显得很有生命力。白色或黄色的文字，放在绿色背景上非常突出，很合适。3.3公司新闻公司新闻这个栏冃也提供了关于公司的有关信息，我们的研究中发现一般的人喜欢蓝色。为什么呢？因为蓝色给人宁静、健康的感觉。这样网页的访问者会通过蓝色感觉公司的信息更可信。图三：颜色和公司新

7、闻3.4产品下图屮，我们可以看出来有超过一半的人66%的人选择蓝色或近似的颜色的冷色。这些人认为这类颜色给人以安全和庄重的感觉，从而对该公司产站有信心。图四：颜色与产品3.5服务/技术支持在服务和技术支持类屮，我们的试验结果和上述产品类基本一致。蓝色或近似的冷色选择的比较多。原因也类似，服务和产站一样重要，公司也需耍其顾客对其服务有信心。不管怎么样，公司在推销口己的时候，服务越來越重要了。图五：颜色与服务/技术支持3.6财务这一类和公司的财务有关，比如采购