网站美工设计色彩的运用

时间:2020-09-08 16:42:32 美工设计 我要投稿

网站美工设计色彩的运用

  颜色可以对人的态度和情绪产生重大影响。当我们的眼睛看到某种颜色时,会通过一系列的脑活动引起心境和情绪的波动,最终引发行为。下面小编为你讲解网站美工在色彩设计中的运用技巧有哪些!希望对你有所帮助!

  QuickSprout的调查结果显示,90%的产品评估都会将颜色纳入其中。“颜色,”其分析师尼尔·帕特尔写道,“当你决定购买某件特定产品时,85%的原因是源自颜色。”同样,色彩会对网站的转化率有所影响,这是一个显而易见的事实,那么就看看这篇文章,准备大干一场吧。

  我们的底线就是:选对颜色,造就成功。

  什么是色彩心理学?

  为了能够更好地体会下文中所提到的技巧,你最好是从了解一些与色彩心理学相关的信息入手。

  色彩心理学是一门研究色彩如何对人类行为产生影响的学科。色彩心理学实际上是行为心理学广泛领域的一个分支。简单地说,它是一个相当复杂的领域。由于理论检验的困难,一些怀疑主义者甚至对整个色彩心理学充满蔑视。在色彩心理学领域,我自己的研究也正如文中所提到的那样,缺乏科学证据来支持每一个论点。但是就色彩对人有着深刻且无可争辩的影响的这一点,也并没有理由可以轻蔑地将其驳回。

  色彩心理学中有一些关键事实是不容置疑的。在一篇同行评审的期刊论文中,作者萨蒂延德拉·辛格指出,顾客对一件商品形成看法只需要90秒的时间。并且,62%-90%的互动仅来自于产品颜色本身。

  色彩心理学是企业主、业务经理、建筑师、园艺家、主厨、产品设计师、包装设计师、商店老板,甚至是为新生儿布置婴儿房的准父母都必须学习的课程。色彩是决定性的,我们的成功取决于对色彩的运用。

  我们应该在什么地方对色彩进行运用?

  让我们回到本文。正因为颜色是无处不在的,所以我们需要明白应该在哪里将这些色彩小技巧投入使用。本文将就色彩在网站设计中的运用进行讨论。具体来说,我们是在对网站的配色方案进行讨论,这将包括头图、标题类型、边界、背景、按钮以及弹出窗口的颜色选择。

  在下面的例子中,NinjaJump在其logo、电话号码、视频、菜单栏、图片、分类菜单、子标题以及侧边栏中使用了绿-黄-红的配色方案。我们接下来讨论的技巧可以在诸如菜单、侧边栏配色方案等类似方面进行应用。

  以恰当的方式选择适合的颜色

  运用色彩是一件棘手的事。你必须以恰当的方式在合适的时间以恰如其分的理由面向目标受众对它进行使用。

  举个例子,如果你的网站是有关供儿童玩耍的充气房的销售,那么你就不会考虑使用黑色的页面,而是会与NinjaJump.com的色彩选择相类似。

  我将对以下技巧进行逐一解读。为了能够成功地运用正确的色彩心理学,你需要遵循以下几个核心原则:

  恰当的'方式

  合适的时间

  目标受众

  恰如其分的理由

  这里是一些专业人士在处理转化和色彩时会使用的技巧。

  色彩技巧将会提升你网站的转化率

  1.女性对灰色、橙色和棕色不感兴趣,她们更喜欢蓝色、紫色和绿色。

  色彩偏好中的社会学差异是这整个分支学所研究的主体。帕特尔在引用有关两种性别的色彩好恶时做出了正确的选择。

  在一项有关色彩与性别的调查中,35%的女性表示蓝色是她们最喜欢的颜色,其次是紫色(23%)和绿色(14%)。而女性受访者所不喜欢的颜色前三位则是橙色(33%)、棕色(33%)和灰色(17%)。

  其它的研究也证实了这些发现,揭示了女性厌恶泥土色系,更喜欢原色系的事实。看一看这些理论是如何被应用到实践中去的吧。点开任意一家目标受众是女性群体的电子商业网站,你会发现这些女性所偏好的颜色都得到了充分应用。

  Milani Cosmetics是一家以女性客户为基础的网站。因此,主页上见不到任何的橙色、灰色或是棕色。

  三种女性所青睐的颜色(蓝色、紫色和绿色)在Woman’s Day网站的首页上都可见其身影,网站这样做的目的就是为了对目标受众形成吸引。

  绝大多数的人认为女性所喜爱的大众色会是粉色,但现实却不是。事实上,仅仅有一小部分的女性将粉色选做了自己最喜欢的颜色。因此,虽然粉色在色彩心理学中可能与女性特质相关联,但这并不意味着粉色能够对所有女性造成吸引,甚至不会引起绝大多数女性的兴趣。选择一些粉色以外的颜色,例如蓝色、紫色和绿色,或许可以提高你的电子商务网站对女性访问者的吸引力,从而提高转化率。

  2.男性不喜欢紫色、橙色和棕色。他们对蓝色、绿色和黑色更感兴趣。

  如果你的销售目标是针对男性顾客的话,那么网站就一定要远离紫色、橙色和棕色。与之相反的是,选择蓝色、绿色和黑色。蓝色、绿色和黑色这些颜色是传统意义上的男性色彩。然而,让人稍感意外的是一些男性受访者并没有把棕色视作喜欢的颜色。

  3.蓝色有助于培养用户的信任感

  蓝色是最被广泛使用的颜色之一,理由很充分,许多人都喜欢蓝色。

  阅读一些关于蓝色的文献,你会得到以下信息:

  蓝色是一种代表着信任、和平、有序和忠诚的颜色

  蓝色是美国公司的代表色,它的潜台词是“冷静,请相信并信任我……请对我所说的话充满信心!”

  蓝色让人头脑冷静并带给人平静的感觉。经常被描述为和平、宁静、可靠和有序的代名词。

  对于蓝色的心理学作用在学术界已经达成了广泛的共识。它所传递的值得信任和宁静的微妙信息是真实的。你可以将蓝色运用到优化你的网站及登陆界面上。

  为数十亿美元提供支付转账服务的PayPal公司同样也是蓝色的拥趸。这将有助于提高其网站的信任度。如果PayPal公司将红色或是橙色用作外观主题颜色和商标颜色的话,他们可能不会达到如今的网站转化水平。

  蓝色实际上也被多家银行广泛使用。一家大型的互联网银行CapitalOne.com就使用了蓝色。

  尽管蓝色是一种挑不出问题的颜色,但它决不能被用到与食品相关的事物上。用蓝色盘子用餐的节食者就能成功地克制继续进食的欲望。进化理论则认为,蓝色是一种与毒素相关的颜色。世界上没有什么食物是蓝色的,蓝莓和李子也只是表皮是蓝色而已。因此,如果你是做食物销售行业的话,网站上就不要出现蓝色。

  4.黄色表示警告

  黄色是表示警告的颜色。因此,在警告标志、交通信号和地板湿滑的提醒上经常能够看到黄色的身影。

  关于黄色,有种看似奇怪的现象,那就是一些色彩心理学家认为黄色是与幸福有关的颜色。Business

  Insider的报告称“使用黄色的品牌是为了展现自身的趣味以及表示友好。”这说明黄色可以表示活泼。然而,因为黄色能够刺激大脑的兴奋中心,活泼的感觉可能只是一种情绪高亢的状态,并不是纯粹的快乐。

  色彩心理学与记忆和经历有着密切联系。所以,如果某人曾与一位身着黄色T恤的人有过愉快经历的话,他会在有着黄色拱门的快餐店吃饭,或是住在有着黄色墙壁的房屋中,因为黄色可能会让他回想起那段愉快的记忆。

  最被广泛引用的有关黄色的“事实”之一就是它会使婴儿变得爱哭,成人也会更易怒。迄今为止,我还没找任何能支持这种论调的研究,尽管每个人都非常乐意反复的提及它。

  我曾读到过“黄色能引起反胃”的观点,但是我对此持怀疑态度。

  如果你能找到与“暴躁的婴儿和易怒的成人是因为长期住在有着黄色墙壁的房子里”有关的研究,请告诉我。我非常确定婴儿啼哭和人们易怒,与墙上的涂料颜色无关。但无论是哪种情况,正如某位色彩学家所指出的,“黄色能激活大脑焦躁中心”的论调似乎是真的。

  在浏览网页时情绪极度焦躁,这从来都不是一件好事情,除非焦躁的感觉非常细微。因此,黄色的行动号召或许可以使用户产生一丝的焦躁情绪,从而促使访问者对网站希望他们关注的行动号召进行点击。

  一定要控制好黄颜色的使用量,除非你想要引起不必要的焦躁。

  5.绿色是环保和户外产品的理想颜色

  或许最直观的色彩是绿色,绿色是户外的颜色,代表着环保、自然和环境。绿色实质上就是自然本身的颜色象征。

  除了相当明显的户外暗示性,绿色同样也是提高创造性的颜色。一份名为“绿色效应”的研究表明,参与者在看到绿色时要比看到其它颜色迸发出更多的创造力。

  如果你的网站专注于与自然、环境、有机或是户外有关的产品或信息时,绿色应该是你的首选。

  绿色却不仅仅只与自然有关。绿色同样也是一种很好的行动呼吁色,特别是在与“孤立效应”一起使用时,孤立效应也被称作冯雷斯托夫效应,是指我们倾向于记住那些与众不同的事物。你能记住自由女神像是因为它又高又大并且是绿色的,而且这种物体在纽约港中并不常见。在色彩心理学中,孤立效应会发生在重点关注的条目上,例如转化步奏,它是唯一一个具有特定颜色的条目。对于那些渴望进行活动号召的技术产品而言,绿色是种理想选择。

  看看Conrad Feagin是如何使用绿色的:

  戴尔网站上的所有转化按钮都是绿色的:

  “绿色”这个词语本身就是与环保意识和环境欣赏相关的流行语。使用这个词语和颜色能够为你的网站带来环保氛围,提高你在那些热衷于环境问题的用户之间的声誉。

  6.橙色是一种可以引起匆忙或冲动感觉的有趣颜色。

  橙色的积极一面是它可被用作“趣味”颜色。对于一些人来说,橙色有助于“激发人们参与体育锻炼、进行比赛的欲望,并能使人变得更有信心。”这也许是为什么橙色会被运动队和儿童产品制造商广泛使用的原因。

  实际上,有很多的运动队中都有橙色的存在,例如:佛罗里达大学短吻鳄队、克莱姆森大学老虎队、博伊西州立大学野马队、锡拉库扎队、纽约尼克斯队、纽约大都会队、迭戈闪电队等等。

  亚马逊在他们的限时优惠板块使用了橙色。这种颜色给人一种很急迫的感觉,这种感觉会使信息更加引人注意,并更具可操作性。这点言之有理。橙色意味着活跃。橙色代表着趣味。橙色象征着亲密无间。因为它是一种明亮且温暖的颜色。然而,网站中的橙色元素可以适当的多一些。一篇发表在Psych.Answers.com的文章建议道:“可以谨慎地利用橙色来转移注意力,但是不要过多,避免掩盖了广告的实际信息。”

  有时,橙色被解读成“廉价”的代名词。(与被认为是奢华的黑色相比。详情见下方。)福布斯杂志曾在一篇名为《色彩对于产品销售影响》的文章中提及该问题,“橙色意味着廉价吗?”得到的响亮回答是“的确如此”。如果你的产品定位于平价,或是你想让它们看上去如此的话,橙色或许是个不错的选择。Big Lots就是这样。


【网站美工设计色彩的运用】相关文章:

美工设计中如何运用色彩09-22

网站美工色彩设计运用技巧09-13

网站美工色彩设计的运用技巧10-26

网站美工设计经验09-22

网站美工设计基础07-18

网页美工设计的色彩搭配09-13

美工设计色彩构成的技巧09-07

网页美工设计色彩基础09-17

网页美工设计色彩搭配09-09