网页设计师谈网站配色
颜色会影响网站访问者吗?
几年前,无论对于商家还是个人来说,网页是繁荣的指示器,如果需要创建网页,需要很大的财力才能办到。现如今,几乎所有的人都有自己的网页。因为固定网页生成器的诞生,创建它们非常简单,尽管它们并不过多地考虑艺术因素。
建站最主要的问题就是如何为网站选择恰当的颜色。通常依据文本的颜色来选择一个恰当的背景色并不是一件容易的事。如果所选择的颜色之间的对比度看上去很糟糕,那么就会对整个页面的可读性造成负面影响。背景色魔人是白色的,就像一张纸。
根据网站访问者选择颜色
研究者一致同意,颜色对人类的精神影响非常之大。因此,针对网站做出优秀的配色方案就可以吸引更多的访问者,从而帮助你实现网站目标。
即使他们并不在乎这个,但是,网站色彩的搭配仍然会很大地影响你的访问者是否决定继续浏览你的网站,或者,由于你选择的颜色或其他可视化元素的搭配太糟糕,从而导致他们离开你的网站。从精神角度讲,他们会对网站给予他们的刺激因素做出反应。
当人们正在浏览网页时,他们会感到兴奋、高兴或者厌烦。所有的这些都取决于你对颜色的选择。你应该充分地了解你所定位的观众,并且做出正确的选择。颜色是最为重要的通讯手段,你必须保证你所诉诸的东西是完全恰当的。
你需要着重考虑下面这几个因素
尽量使用自然界的原色。它们通常比人工配比色更加吸引人。将它们结合起来使用,以获取访问者的情感共鸣。一些非自然原色,如:亮绿色、亮蓝色和亮红色,它们很容易造成视觉疲劳,很容易使得访问者(如:潜在访问者)离开你的站点。
尽量使得页面的背景色与文本颜色显得更加突出。最佳的配色方案是黑字白底,但是,也有很多其它较好的颜色组合方案。除了白色,其它有效的网站背景色如:深蓝色、灰色和黑色。
避免使用红蓝、黄蓝搭配。同样的,绿字红底或红字绿底(或蓝底)也是糟糕的配色方案,因为这样的颜色搭配通常会造成视觉疲劳。
最多选择五种(也有人认为是七种)不同的配色方案,尽量在网站中通篇使用它们。
避免使用蓝色小字体或是将图表排列在一行当中。很明显,眼睛中,专门感受蓝色的受体数量是最少的。
注意,很多人对于颜色感知存在问题,所以,很多人可能在获取网站信息方面遇到困难,它们很可能不会按照你所提供给他们的方式去阅读信息。
然而,很多颜色的色调偏暗,如:黑色、灰色,使用如橙色这样的颜色与它们搭配可以突出其效果。
使用空白来平衡网站中的其它颜色。它会增强网站页面的视觉效果。
确保你经常测试网站的可读性。使用不同的色彩阴影,最重要的是,仔细研究你所使用的不同颜色之间是否能够和谐地搭配。
颜色和人
你需要时刻记住,需要时刻根据人们的性别、年龄或者是文化背景来改变所使用的颜色。你需要做一些精确的市场调查以使得你的网站能够与你制定的目标相一致。
老人和年轻人
不同年龄的人群对颜色的反应也将不同。上了年纪的人一般更喜欢保守的暗色调(可以放松眼睛)。但是年轻人大致都是喜欢生动的亮色调。因此,你必须在每个目录中使用恰当的颜色来区别上了年纪的人和年轻人。
男人和女人
人们同样也会根据不同的性别做出选择。因而,男人们更喜欢蓝色和橙色而非红色和黄色,女人们则喜欢红色而非蓝色,喜欢黄色而非橙色。同样的,你应该记住,事实证明女人相对于男人来说喜欢更多的色彩相互搭配。
国家和颜色
如果你把网站的客户群定位在本国之外,或者是需要从特定的国家中吸引潜在的客户群,那么,你就需要花时间研究一下颜色的特殊含义。举个例子来说,白色在西方国家象征着纯洁,但是在中国、日本和印度,它代表了厄运和痛苦。同时,日本人非常喜欢粉红色,然而在印度和东欧国家,他被视为“非男子气概”的颜色。
紫色在某些阿拉伯文化中是堕落的象征(如同红色在欧洲或者北美的含义那样)。就全球角度来讲,它通常与神秘主义和信仰联系在一块,而这种神秘主义和信仰是与唯心实在论、犹太教和基督教的规则背道而驰的。绿色,如果你将作为美国某金融机构网站的颜色,它可能会暗示该机构是专门从事“绿色万能美元”;但是,如果是在纸币上使用多种颜色的国家,绿色可能并没有那么多的含义。
另一方面,有一种全球公认的安全色:蓝色。它可以在所有类型的网站上使用,无论是什么观众、地点和目的。因此,我们可以这样说,蓝色是国际通用色。为了能够避免这个令人沮丧的(甚至是昂贵的)话题,你可以使用多种混合的颜色。
总而言之,如果不将两种颜色彻底分开(如:红色如果与白色混合在一起就是权利的象征),它将会引领一个含义上的完全变革,其意义将被改变。至少,负面影响将会缩水。你应该掌握哪些国际上都能够接受的创造性颜色,但是你必须将自己的这份“家庭作业”先做好。
普通的颜色以及普通的含义
红色:精神、热情、激情、权利;同样也暗示着侵略和危险。
蓝色:冷静、灵性、自由、耐心、忠诚、和平、信任;同样也暗示着悲伤、沮丧。
黄色:光明、乐观主义、愉悦、智慧、快乐。
绿色:生命、自然、宁静、健康、财富、繁荣;在特定的内容中也暗示着腐朽和毒性。
橙色:友善、温和、亲切、活力、顽皮、勇气。
紫罗兰:智慧、诡辩、庆典。
白色:纯洁、清洁、年轻、新鲜、和平。
黑色:权利、典雅、秘密、神秘。
灰色:安全、成熟、可靠。
粉红色:阴柔浪漫的颜色。
棕色:舒适、力量、稳定、可信。
针对网站元素用色
使用各种不同的颜色来区别网站中的不同元素是很好的举措。你可以使用不同的颜色鉴定、分组或强调。举个例子来说,相关网页的分组可以通过特别的颜色搭配来完成。因而,你必须让访问者清楚地确认他们在网站中所处的具体位置。
有些信息是你希望访问者注意到的,这类信息你可以使用特殊的颜色并以高亮显示。它便于人们浏览并可以帮助减少视觉疲劳。
对于网站发展还有一个重要的一点,就是使用各种不同的颜色来标示超链接,以帮助用户区分已经浏览过的页面和还未访问的页面。
你的用色方案是保持一定的合理性和连贯性的吗,或者,仅是一种虚无飘渺、杂乱无章的色彩?
一个网站中只使用三到四种颜色,这里,我会给你一一解释:其中的两种颜色是黑色和白色(黑色和白色被认为是最有价值的配色方案)。红色和蓝色也同样是另一个很好的选择。
网站整体的配色方案必须如同黑色与白色那样对比度明显。尽量在你的网站中大量的使用黑色和白色。(大部分使用的是黑字白底。)
作为一个常规法则来说,如果你使用的不是白色,那么就不宜和其它颜色进行混合使用。我们通常使用白线或白色区域将彼此分开。举个例子来说,如果你希望在蓝色的区域内放置一个黑色的按钮,那么,这个黑色的按钮应该使用白色的边框。如果你的页面顶部区域使用的是红色,那么,上面的文字应该使用白色。(自己尝试一下。圈定一个区域,然后在上面书写一些文字,如果上述二者使用的都不是白色,那么效果肯定不好。)
Text
文本
你的文本颜色和排列方式合理吗?如果对整个文本胡乱编排意味着这个设计师是一个没有经验的设计师。记住——保持简单。
使你所有的文本颜色保持黑色,并且只使用一种字体(使用Arial 或 Verdana 字体,而不是Trebuchet、Garamond或其它绚丽的字体。)将字体尺寸设置为2。将每个段落标题的字体加粗,并且将字体尺寸设置为3;将每个页面标题的字体加粗,字体尺寸设置为4,并且设置不同的颜色。所有的文本都应该左对齐;不要居中对齐。
网站中所有的页面文本必须遵循上述的配色方案。
Browser Interference and Non-standardization
浏览器干扰和非标准化
你阻碍了网络浏览的标准方式吗,或者改变了访问者的浏览方式?
我一直强调要“保持简单”的这个主题。这里还有其它两种使访问者感到疑惑的方式,我称之为“浏览器干扰”和“非标准化”
浏览器干扰指的是某网站的浏览风格改变了用户普遍的浏览体验。通常方式包括使用弹出窗口,删除/转换显示屏元素,如:滚动条、菜单栏或鼠标指针;另一种干扰就是:将一段文字放入一个小型的文本框内,并且附带一个滚动条滚动浏览。
非标准化指的是与所期望的浏览方式相背离。如果可能的话,你的链接颜色应该都使用蓝色并带有下划线;非链接类文本应该都不包含下划线。如果人们还要花时间去辨别什么是链接,而什么不是链接,那么我想,没有比这更糟糕了。你可能会对网站中的细微差别了如指掌,但是很多访问者并不知道。
你应该让你的访问者随即就可以使用你的网站,而不是在浏览你的网站之前,先花心思去琢磨它。
Miscellaneous
多种颜色混杂
介绍页面 – 如果你拥有一个介绍页面,那么,删除它。人们来你的网站是查找信息的,并不是来看幻灯片的。
动画 – 不要使用它。最好采取那种“鼠标经过”或“用户控制”的方式来播放动画。如果你的动画使访问者感到心烦意乱,那么你还不如播放动画广告,至少还有点收入。
声音 – 不要使用它。在半夜上网时,没有事情比这更糟了;MIDI文件突然响起,那对你的听力简直是一种杀戮,更糟的是,访问者还不知道是哪张页面在播放声音。用户只会接受那些用户希望听到的声音。
背景 – 如果你拥有一个背景,那么请删除它。大概95%的包含背景的页面都会妨碍文字阅读。我在访问网站时,通常会按下Ctrl+A选择文本,让它在充满复杂颜色的背景下变得容易阅读。
框架 – 不要使用它们。人们不会把你站点的单独一个页面加入收藏夹。人们通常不会直接从主页进入你的网站。人们被迫要知道什么是框架而什么不是,并且,他们还要勾画出你的框架结构。
扩展菜单 – 当鼠标移动到这些Java菜单上面时,它们就会弹出来。这些是“肉之谜”导航系统的一种类型,你必须将鼠标移动到该物件之上才能看到里面的东西。当你的鼠标指针经过这些菜单时,它们也会展开,不管你喜不希望他们展开。
Flash – Flash对产品展示和交互式都非常实用。但是,遗憾的是,尽管如此,还是很少有人能够很好地运用Flash。大多数时间,Flash对整个网站来说,并没有太大的帮助,反而给整个网站带来了负面的影响。因为Flash的灵活性,所以,基于Flash的网站通常趋向于完全非标准架构,迫使用户单独查阅该网站。这种情况通常会使他们使用专门的浏览器来浏览网站,如:剪切/粘贴文本、编辑、增加字体尺寸和使用鼠标滚动轮。
黄金准则
The purpose of a website is to convey information to visitors as easily as possible.
网站的主要目的就是尽可能方便地向访问者传递信息。
关于其它
这些话题代表了我对网站最普遍的批判主义,他们请求我看看网页论坛和我收到的email。
我在下面提出的这个主题是不可违反的,当你设计网站时需要考虑其中一连串的观点。当然,可能有些规则对你的网站并不适用,而且我自己也会违反其中的一些规则。:)
导航
对于你的网站来说,所有页面的导航和布局都是一样的吗?就如同你网站的设计师一样,你应该知道推广你的站点。其他人并不想知道这些。因此,在页面顶部或页面边缘,应该包含一个主菜单,并且,这个菜单必须出现在网站中的所有页面上。菜单上的链接应该能够链接到网站中的所有页面上。如果的站点结构庞大,每个链接都必须链接到网站中的不同类别,而非一个页面。每个类都包含它自己的二级菜单。但是,主菜单必须保持一定的可视性,保证人们能够马上就看到主菜单在哪。
如果网站包含多个主菜单,或者是从页面到页面的替换菜单系统,或者是不包含菜单的页面,都将会导致人们对在网站中“迷路”。主要目的是使你的整个导航系统简单方便(简单是整篇文章的主题)。
Design
设计
这里主要有两种设计风格 – 现实主义设计和平面色彩设计。这两种风格同时存在,但又不能混淆。
现实设计就是网页中的元素按照实际生活中存在的方位进行设计;整个物体包含有清晰的纹路、微光、阴影。
平面色彩设计使用了简单的颜色和图形将网站设计成了类似于图表的样式,这是最常用的网站设计形式。
人们所犯的最大错误就是将这两种风格混淆在一块。新设计师通常保持使用他们全新的风格 – 如果是一个倾斜的物体,就会为它们增添一个背影,应用一个倾斜度并添加一些效果。这些东西如果不能正确使用将会导致网站大失水准。坚持“简单路线”并努力实现它是最好的选择;不要把目标定了很高,最后只实现了一半。如果你的网站出现了上述的不足,尝试着删除它们。
Keep it simple.
保持简单的风格。
相关文章
关于logo设计、页面配色的一篇 有一些图片
图形和界面设计方面的内容,一直是我所不擅长的。不过这篇文章我从某人的blog里面摘选出来的。应该对于设计一些新潮站点还是有帮助的。但是具体这些东西好不好还要看各位的看法了。里面还包含一个0607年度的流行色,是blueidea总结的。节目的最后是一些分页样式。
