- 网站美工色彩设计的运用技巧 推荐度:
- 相关推荐
网站美工色彩设计运用技巧
颜色可以对人的态度和情绪产生重大影响。网站美工色彩设计运用有哪些技巧呢。下面是小编为大家整理的网站美工色彩设计运用技巧,欢迎参考~
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就是这样。
7.黑色给人一种奢华和有价值的感觉。
我们内部的色彩心理学家表示色调越暗,奢华感越强。一篇来自于Lifescript的文章将黑色描述为“优雅、精致、力量”,这就是奢侈品设计师和高端电子商务网站想要用户产生的感觉。文章中还进而将黑色视作“永恒、经典”的代表色,这更进一步解释了为什么高价值产品会选择黑色的原因。
在Business Insider上一篇关于颜色与品牌的文章中,作者阐述了黑色的意义:
“黑色可被视作是奢华的颜色。‘黑色,在使用得当时,可以传递出有魅力、成熟、排他的感觉。’”
LV的手袋并不便宜。该品牌的网站上并没有出现任何代表异想天开和趣味的颜色,这就是价值的体现:
普遍好于天美时的西铁城手表,网站同样也是用了深色调的设计:
兰博基尼也是如此。黑色是游戏的名称:
如果你网站上出售的是高附加值的奢侈消费品的话,黑色或许是个不错的选择。
8.使用明亮的原色来进行行动号召。
在严格的测试环境中,能够号召行动的转化率最高的颜色是明亮的原色和二次色,包括红色、绿色、橙色、黄色。
黑色、深灰色、棕色或是紫色等深色的转化率很低,而明亮色的转化率就很高。
Women’s Health就使用了明亮的紫红色调弹窗来进行行动号召。他们采用了与女性相关的紫色和粉色,并且都是以明亮色调的方式呈现。
GreenGeeks的按钮设为了黄色:
世界最大的零售商将著名的“加入购物车”按钮设为了黄色:
一些最好的转化色是“很丑”的颜色——橙色和黄色。ColorMatters.com上的一篇文章说到,“从心理学角度来看,‘与美学相悖’的颜色或许可以比那些符合美学标准的颜色更能引发人们的关注。”因为一个转化项目的目标是获得关注,你或许可以用大的橙色(或是黄色)按钮实现它。
9.别忽略了白色。
在我所读到的大多数色彩心理学材料中,有一种颜色一直处在被遗忘的状态。或许是因为色彩心理学家们无法在白色是否是一种颜色的问题上达成共识。我其实并不在意它算不算一种颜色。我所知道的是,大量使用白色空间是一种非常强大的设计方式。例如,这个世界上最受欢迎的网站,它基本就是全白色的:
白色是经常被忘记的颜色,因为它的主要用途是作为背景色。现如今大多数设计良好的网站都大量使用白色空间,是为了创造一种自由、空灵以及透气的感觉。
结语
互联网是一个充斥着色彩的世界,许多内容都可以通过恰当的方式,在合适的时间,以恰如其分的理由,面向目标受众对色彩进行运用而实现。
自然而然,这篇文章会导致你公司办公环境的改变。公司制订一本特定的颜色风格指南怎么样?将logo的颜色确定为某一色调怎么样?让首席设计师决定色彩要求怎么样?你该怎么处理这些问题呢?
你可能没有重写公司色彩风格指南、选择网站色调或是邮件模板中字体颜色的机会。所以,你如何在这些情况对色彩心理学加以运用呢?以下是些选项:
如果色彩改动真的是非常棘手并且困难的话,在这些情况下,你可能需要在原有的基础上制造一些不同。如果你是一位目标定位在高端女性消费者身上的高跟鞋设计师,但是公司的logo却是橙色,那么就向公司的决策者如实讲出你的担忧吧。人们有时在涉及颜色的问题上会做出愚蠢的决定,这个时候就应该委婉地告诉他们一个杀手锏级别的配色方案是如何改变转化率的,以及原因是什么。
使用心理学上所偏好的颜色来搭配现有的配色方案。诚然,你需要遵循原有的配色方案,但是你仍旧可以在这里或那里使用一抹战略色彩。举个例子,你有一家蓝色是主色调的网站。不错。你可以开发一个获取电子邮件地址的弹窗,并将按钮设置为明亮的黄色。这个按钮能够赢得用户的心理偏好,并且它也不会与公司商标的颜色产生不协和感。
你在配色方案中拥有的自由度越大,结果往往越好。这有一些可靠的技巧可以让你将色彩心理学融入到你的网站设计中去:
多尝试几种颜色。不管别人怎么说,对于转换文本或是按钮而言并没有正确的颜色一说。可以试试绿色、紫色或是黄色的按钮。探索一下黑色背景配色方案与白色背景方案的各自优点。找出最适合你受众和产品的颜色。
不要将颜色的选择权全部交给设计师。我尊敬网站设计师们。我曾与他们中的很多人一起工作过。然而,别让设计师决定你网站应该使用哪种颜色。颜色是一个转化的问题,不仅仅是“噢,这看起来不错”的问题。色彩美学不是万能的。色彩转换的效果非常重要!为了提高你的网站转化率,你应该高度参与到登录页面的颜色选择中去。
避免颜色过多。我刚刚用了3000多字来告诉你颜色的重要性和神奇性。现在,你应该走出去并开始着手色彩设计。但是别过于狂热。请记住我的最后一点。我把它放在最后是有原因的。白色是一种颜色,它同样也应该是成为你在色彩选择上永远的好朋友。用大量的白色来控制你的色彩热情。过多的颜色会让人感到困惑。
你的色彩改变已经对你网站的转化率产生影响了吗?
【网站美工色彩设计运用技巧】相关文章:
网站美工色彩设计的运用技巧09-20
Logo设计色彩运用技巧08-19
网页设计的色彩运用09-11
企业网页美工设计色彩搭配的技巧09-04
UI设计中的色彩运用08-24
如何运用家居色彩搭配技巧08-19
色彩对广告设计的运用方法10-29
色彩在平面设计中的运用06-29
广告设计中色彩的运用09-27
色彩在动画设计中的运用07-20