合适的配色方案在网页设计中的运用方案

文章描述:论颜色在网页设计中的重要性

你可能尚未意识到颜色在网页设计中的重要性。你可能觉得一个网站是绿色的,换成蓝色也行,反正无所谓。长期以来,我都在思考颜色在网页设计中的重要性,最近我才得出结论:颜色真能改变很多东西,并且能让读者感受不一样的东西。每种色调的背后都隐藏着某种心理效应,接下来我会深入探讨这个问题。

使人兴奋的东西有很多。科学实验指出,使人兴奋最有效的办法之一,就是将红色投射到其房间墙壁上。住在这样房间的人的心率和血压比蓝色房间的人更高。众所周知,红色能提高兴奋度。这也很好解释了快餐店喜用红色作为主色调的原因。比如,可口可乐,麦当劳,汉堡王及百事(尽管蓝色才是其主色调)。

颜色刺激感官

颜色可刺激人的视觉,产生兴奋感,增进食欲,感到温暖,心平气和。色动力学研究者认为,红色会使人产生兴奋感,比如,可口可乐官网的红色配色方案就给人带来一种置身于炎热夏天的慵懒感,正是这种感觉令访客产生喝可乐的欲望。

人们通常喜欢在红色灯光下的赌博,而非蓝色灯光下。主要原因是像拉斯维加斯这样的赌城大量采用红色灯光。颜色对执行力亦有影响,比如,红色灯光使人行动更敏捷,充满力量,不过也并非一直都有效。而蓝光则使人“三思而后行”。因此,STOP标志采用红色,就是告诫司机立马停车,否则就会出事。

色彩混合

如果颜色混合得当,就会相得益彰。有人喜欢混合互补色,不过最好偶尔为之。过度使用会对人眼产生不良影响。比如,当我看到黑色背景的网站采用粉红色字体,就恨不得它立马从我眼前消失。

不过,互补色的搭配也是有窍门的。在不同颜色的两个形状之间画一条中性的黑、白或灰色的细线,这样人们的眼睛就能分别看到每种颜色。以百事可乐的标志为例:标志上的红色和蓝色两部分被非常大的白色形状截断。白色形状可以让红蓝两色更好地混合,比两种颜色单纯叠加效果要好。

颜色与文化

此外,颜色在世界各地的寓意也不尽相同。在中国,红色代表幸运,而在德国,红色就没那么好运。财力雄厚的大企业会在进入新的市场之前,会砸重金去研究不同文化中颜色的寓意。许多人认为这没必要,但是,现实中确实存在因配色方案糟糕而丢失客户的案例。

虽然,这些大企业通常会聘请专家从事这方面的研究,但收效甚微。不管是设计师还是普通人,都可以根据自己的喜好,在不同情况搭配不同颜色,因为这纯属个人喜好。我个人就喜欢红色和黑色的组合,因为,我喜欢AC米兰(队服为红色+黑色)10余年了。设计师必须将个人喜好放一边,专心致力于客户的需求,这点是至关重要的。

网站配色

为网站选择一种颜色并不只是选个最喜欢的颜色,然后布局到网站上。还意味着需要选择合适的颜色,从而从你的读者那里获得预期的反映。如果你对自己的用户群体足够了解,又熟悉他们的颜色喜好,你就成功了一半。当然,萝卜白菜,各有所爱,你的网站配色不可能适合每一位访客,因此,只需满足大部分目标用户群体即可。

据资料显示,半数的用户会因为糟糕的网站配色而一去不返。用户在访问你的站点时,首要关注的是你的品牌的颜色。如果他们无法从众多的色彩中分辨出你的主色调,你就该考虑重新设计配色方案了。

●如果你选用蓝色配色方案,会给人带来好心情,自然会产生好的效果。当然,选用清爽的白色也不错。但如果你希望网站充满激情,可选用亮红色或是橙色。白色和绿色的搭配也能产生同样的效果。如果你想打造一个清新淡雅的时尚网站,白色搭配灰色为宜。这样的配色方案能营造出时髦,清新,简洁的感觉。下图就是一个经典案例。

●如果你对暗色调情有独钟,那么黑色绝对是首选,不过前提是主色调不能为黑色,黑色背景的网站设计精美,抓人眼球,但缺点是不便于阅读。为此,你可选用最简单的组合:黑色搭配白色或亮灰色。另外,黑色和橙色亦可进行组合,虽反差很大,但搭配效果却出奇的好,加点白色平衡一下效果会更加完美。 互联网的一些事

●说到黑白两色的最佳搭档,蓝色就再合适不过了。注意,主色调一定要设成白色,或者主色调也可以换成浅蓝色。黑色在整个配色中应尽量低调,不应过分突出。图一就是很好的例子。而第二个例子非常糟糕,不仅设计过时,而且颜色让人难以忍受,正好可以用上这种组合。

●红色与黑白两色的搭配效果也很好,但是,切勿让红色喧宾夺主,因为,这样会用力过猛,与黑色形成极大反差。下图这两个例子会给告诉你原因。

●我推荐的另一个三色组合是:黑色+白色+绿色,看看下面的例子你就知道原因。

总结

合适的配色方案至关重要,我相信这个道理大家都懂。根据用户喜好确定颜色使得读者更听你的,听起来不可思议,但不论对错,这一直是所有设计师的工作目标:向读者发出信号,并希望得到反馈。如果你了解色彩心理学原理,又能找到适合用户的配色方案,那么你的网站离成功又近了一步。

时间: 2024-09-22 09:06:54

合适的配色方案在网页设计中的运用方案的相关文章

网页设计中永远正确的配色法则

  身为网页设计新手的你,是不是还在纠结于你制作的网页找不到一组完美的配色方案?在本教程中我们将与你分享6条肯定会火,并且"错不了"的指导方针,你可以按照这些原则把握最基本的色彩规律.现在我们分享的这些原则都不是规则,你会在你的职业生涯中创造出更多的配色方案.相反,他们是一个起点,是你如何生存在网页设计领域色彩方向的安全指南. 1. 需要配色的是你的画布,而不是你的图片 一个在网页设计中最根本的原则是,无论你花了多少时间创造了一个辉煌的设计,其最终的作用是发挥出内容的核心位置.你的配色

在网页设计中运用柔和色调

  网页中的柔和色调 的使用,不止是近来的趋势,这是一项设计师使用多年的技巧,用来创造有冲击力的视觉效果. 当你听到"柔和"一词,想到的可能是淡粉色.淡蓝色.淡黄色,不过这种配色远不止这些颜色.柔和并不一定要感觉像新生儿一样.通过某些适当的方式,配合其他元素,这些色调也可以相当鲜明. 下面我们从优秀的案例网站出发,了解10种在网页设计中运用柔和色调的方法. 柔和的照片 照片上的柔和遮罩层,或是在恰当的光照环境中拍摄的照片,可以成为精妙绝伦的网站背景.照片的色调越淡雅,设计师就有越多的区

色调心理效应 颜色在网页设计中的重要性

你可能尚未意识到颜色在网页设计中的重要性.你可能觉得一个网站是绿色的,换成蓝色也行,反正无所谓.长期以来,我都在思考颜色在网页设计中的重要性,最近我才得出结论:颜色真能改变很多东西,并且能让读者感受不一样的东西.每种色调的背后都隐藏着某种心理效应,接下来我会深入探讨这个问题. 使人兴奋的东西有很多.科学实验指出,使人兴奋最有效的办法之一,就是将红色投射到其房间墙壁上.住在这样房间的人的心率和血压比蓝色房间的人更高.众所周知,红色能提高兴奋度.这也很好解释了快餐店喜用红色作为主色调的原因.比如,可

网页设计中的启示性,你看懂了吗?

  启示性(affordance)指的是某物体或者对象具有某种操作或功能上的暗示性.举例来说,一张高于你膝盖高度的椅子,它可以暗示你坐.牙刷的手柄略长于人类的手掌,它暗示可以用来握紧. 所有我们周围的客体都具有启示性:有些是外显的(如门手柄上写着的"推"字信息),有些是内隐的(如椅子可以用来打破玻璃或者用来当做武器).这个概念最初由心理学家詹姆斯·吉布森提出,随后被唐纳德·诺曼在<设计心理学>一书中引进到人机交互领域. 交互设计师经常运用启示性.他们必须这么做.物理客体基于

如何在网页设计中使用颜色

  在网页设计中,对目前的网站配色(Landscape of color)认真琢磨一下还是非常有趣的.大多数网站或多或少相同,但是颜色的设计搭配却是一个非常给力的工具. 我并不想尝试去阐述一些具有革命性的东西或者是特别的发现.但如果大部分网站都采用同样的配色方案,那对颜色意味着什么呢?实际上,远超出你的想象.幻想一下整个世界的每一个网站都是非常漂亮和五彩缤纷的,但它同时也意味着千篇一律.这就像你文章中每一个段落的粗体. 因此,当配色方案比较柔和的时候,它允许有更多的机会. 关注你想要的任何东西

让我们谈谈网页设计中的卡式设计

  前言 "我要卡式的",这是上一期客户在和我聊需求的时候说的第一个需求点.毫无疑问,卡式不论是适应PC还是手机都表现优秀.从在线商城到社交媒体网站,卡式设计成为网页设计中的一股强大风潮且风头正劲.其中最重要的原因想必就是它的灵活性. 卡片,可以是任何形状.颜色和形式.但是总的来说,他们都包含了图片.图标和一些基本的文字信息,例如标题.用户名和位置信息. "然而,其风靡起来的核心还在于其简单性.你很少见到复杂的卡片设计,它之所以出现的目的就是为了引导用户去点击它"

网页设计中的极简主义

  由于其永恒的优雅和清晰的内容呈现方式,极简主义一直被视为是Web设计中最持久的视觉框架之一.虽然设计思潮来来去去,但极简主义设计却变得日益经典,它的视觉和设计理念被身处不同专业和行业的设计师共同接受. 作为一种艺术风格,极简主义并非是网页设计独有的,简约设计运动的根源可以追溯至20世纪初.自那时以来,极简主义设计理念一直长盛不衰,仿佛是一种可以经历时间考验的永恒模型. 每个时代的设计师都会发现自己与简约设计的原则多少有些关联,更不用说我们现在这个极简主义爆炸的时代.在这一篇文章中,我们将探讨

网页设计中常见的五种交互设计错误

  交互设计从来都不是简单的事情.可靠的交互通常需要借助对用户行为的深入分析,然后有针对性的精心策划.可是随着新的技术和新的交互模式的不断涌现,事情就变得不是那么容易了. 其实大家遭遇的困境都很相似,用户已经很难被单纯炫酷的图片.流畅的悬停效果和出人意料的动效所打动,真正能让他们露出微笑的是持久.令人愉悦的交互设计和用户体验.如果你对于日常的设计中的常见的误区有所了解,自然会有意识地绕过这些坑. 为了更好的设计,我们为你简单总结了一下最常见的5种交互设计的误区. 1.过度的创意 网页设计师绝对不

创建不平衡的平衡:在网页设计中使用不对称设计

不对称设计技术可以非常直观有趣和创建不同的焦点.下面是一些鼓舞人心的例子和关于如何使用不对称设计的技巧. 不对称仅仅是缺乏对称性,但不对称并没有缺乏平衡与和谐. 不对称和对称的设计都可以创造一种活力和紧张的感觉,但也某种意义上的和谐取决于使用的比例.虽然大多数人往往首先能想到的是对称性,因为这是一种 很常见的自然现象--想想达芬奇的维特鲁威人或动物的脸的样子;但不对称也是一种自然现象,只是不同的方式出现,例如人类往往会出现左或者右撇子居多. 不对称设计的用途非常广泛.通常被用于创造出一种混乱或混