网页设计师总是在讨论网站的视觉配色,因为颜色对于网站质量至关重要。在建设旨在安抚目标受众的网站时,您需要简单的导航,整洁的布局和足够的重要信息,以保持您的流量投入并返回足够的时间以成功转换。然而网站设计的一个方面非常重要,但却很容易出错。
??当然我们谈论的是网站配色,只有正确的颜色才能为您的挑剔观众所做。
??“我应该为我的网站选择什么颜色?”
??当问自己这个问题时,请考虑您的品牌标识LOGO以及您产品的颜色以获得灵感。
??例如:如果您的公司生产拖拉机,车辆可能是华丽的红色;那么你的下一个工作是要找到其他颜色来补充红色专业名词叫辅助色。
??无论你做什么,都要花很多时间在这个问题上;颜色的选择在网页设计中很重要,可能比你想象中的还要多一点。
??您选择的网站颜色是如何影响网站的转化和销售
??普通人需要大约90秒才能与你的网站形成积极或消极的互动。根据温尼伯大学在加拿大进行的一项研究,一个人对您网站的评估高达90%仅基于颜色。
??此外如果你的网站是一个电子商务网站,您会发现近90%的购物者将颜色作为大多数产品购买决策的基础,这一点令人着迷。颜色还可以帮助人们识别您的品牌。事实上,研究表明,颜色有助于品牌识别80%。
如何为您的网站选择颜色组合
??您应该做的第一件事是在网上搜索与您类似的公司。研究他们的网站,并尝试确定组织选择他们所做颜色的原因。
??请注意Material UI创建的图形,它显示了来自世界各地的顶级网站使用的所有颜色。
??您可以从这些网站中获取很多灵感,从而到为何选择独自的颜色会有所帮助。
??在我们了解一些网页设计师使用某些颜色而不是其他颜色的原因之前,有助于理解颜色协同工作的方式,以实现更加和谐和更具吸引力的设计。
??使用原色突出
??原色独立于色彩世界。也就是这些鲜明的蓝色、黄色和红色不是通过将任何其他颜色混合在一起而产生的。
??通过将两种基色混合在一起来创建二次色。例如:结合蓝色和黄色使得绿色就像红色和黄色一起形成橙色。
??通过混合一次和二次颜色制成三原色。例如,这是您获得蓝绿色组合或红橙色的地方。
??既然您知道颜色类型之间的差异,那么如果您希望煽动行动,请专注于原色,特别是对于您网站的战略部分,例如您的号召性用语。
??请注意Exxon官网是如何使用主要颜色蓝色作为其SLOGAN用语按钮来吸引访客免费加入。
??使用颜色组合将阴影结合在一起
??要了解颜色组合的概念,建议您转向色轮。
??这个节日的轮子可以帮助您了解颜色彼此之间的关系,并可以帮助您创建为转换而设计的令人瞩目的网站。
以下是使用色轮选择网站颜色以获得效果的一些方法。
??1、主色与辅色
??将主色与其互补色匹配可以使您的网站更加赏心悦目。一旦你挑选出颜色,只需在色轮上画一条直线到另一边。例子包括蓝色和橙色以及绿色和红色。
??2、类似的颜色
??此配色方案涉及选择轮子上与您选择的颜色直接相邻的颜色。例如,如果您的主要颜色为蓝色,则选择蓝紫色和蓝绿色可以帮助您的网站产生细微差别。
??3、三基色
??通过这种方案,您可以将原色中的等边三角形绘制成另外两个,以增加美学效果。在您的选择之间始终保持三种颜色。例如,如果您的主要颜色是蓝色,那么您的其他颜色可能是黄色和红色。
??4、颜色是观众心理学的全部
??大多数人都喜欢颜色,有些人喜欢某些颜色而不是其他颜色。颜色的选择实际上可能有很大差异,具体取决于一个人的年龄,性别以及他们来自哪里。
??因此,在选择配色方案时,您必须考虑您的受众。男性倾向于喜欢更明亮的颜色,而女性喜欢更柔软的网站颜色。
??这只是一个例子,说明如果您希望增强网站的成功,您的买家角色会如何影响您使用的颜色选择。
??然而,无论你是针对哪种性别,或者即使你碰巧都是针对两者,当涉及到男性时,27%的人表示棕色是他们不喜欢的颜色,而女性则是20%。将这些类型的静力学考虑在内,以避免关闭您的买家角色。
想要高转换率的网站的10种配色设计
??考虑到所有这些知识,让我们开始讨论。
??以下是您可能希望为您的网站选择的各种颜色,以及为什么要获得更多流量,参与度和销售额。
??白色
??白色对于以恰当的对比度显示文本至关重要,这样可以使您网站的单词,句子和段落更清晰易读。
??如果没有空白区域,您可能会让观众感到压力并导致他们反弹。
??事实上,白色可以变得纯洁干净,但过多可以让你的网站有一种傲慢,几乎不友好的感觉,当观众参与,重复访问和转换代表你的终目标时,这几乎不是你想要的。
??Skype自由地使用白色空间来引起人们对其标题,图像和原色蓝色号召性用语的关注。
??Word-Form利用白色来展示他们的专业摄影,设计效果很好。这对眼睛来说简单易行。
??有些人可能会发现过度使用白色过于无聊。如果您的观众情况如此,请考虑使用剃刀公司Harry's使用的技术。
??该网站在标题中非常保守地使用白色作为简单导航菜单的整洁空间。然后网站将白色与漂亮的蓝色对比,这很有趣而且它有点让你想要留下来浏览也许只是购买。
??蓝色
??蓝色被很多不同色调的网站使用,例如:Facebook、Twitter、LinkedIn、Skype、Dropbox、WordPress等等。
??这是一个很好的理由,因为蓝色被视为沟通、智慧和冷静反思的颜色。
??它通常在公司业务中发现,因为它能够唤起安全感,安全感,舒适感和信任感。
??颜色很轻松,重要的是,它让你网站的访问者想要留下来,因为就像仰望天空一样,蓝色只会让他们感觉很好。
??黑色
??你可能会认为Black会与黑暗和寒冷联系在一起,从某种意义上说你是正确的。
??但是网站设计中使用的黑色也可以代表复杂性、魅力、安全性和效率。
??你会发现黑色大量用于动力和奢侈品牌,如梅赛德斯 - 奔驰、Under Armour、Loreal、劳斯莱斯以及其他许多品牌。
??请注意梅赛德斯如何使用大量灰色,类似于色轮上的黑色。
??灰色
??代表力量、力量和权威的颜色,灰色使得大多数颜色都具有出色的色调。您会注意到灰色在今天的网站设计中使用了很多。以Maytag为例。
??颜色使用蓝色和白色,但灰色为网站带来了精致的外观,这在人们寻找高端和值得信赖的产品时很有用。
??红色
??红色唤起了力量和刺激,令人兴奋并让人们采取行动。它依赖于那些依赖冲动购物者的公司。
??它也被用来唤起紧迫感,对于清仓销售来说非常棒。
??许多网站如丰田和Avis都使用红色,因为它温暖而充满活力。这是运动的颜色。虽然太多的红色可能会让人眼花缭乱令人不快,但红色确实会产生极好的强调色,让您的网站看起来更加生动活泼。
??请注意丰田如何在其徽标中使用红色,如文本、主题图标、以及展示其新车型之一。其余部分由简单的白色和精致的灰色组成。
??黄色
??太阳的颜色也唤起了乐观和自信、透明度和创造力。这是令人兴奋和电动的,但太多可能会分散注意力。
??相反黄色应该用于重音。注意Bestbuy如何非常谨慎地使用黄色但效果很好,可以展示游客希望通过点击购买来节省的费用。
??Pennzoil也很好地保守地使用黄色。与丰田一样,机油品牌采用汽车形式的黄色来突出华丽的黑色和灰色,以达到突出效果。
橙色
??橙色为网站访客带来舒适和温暖,颜色简直友好而有趣。它还可以让人们采取行动,因此非常适合引导访问者订阅或购买的号召性用语。
??Nickelodeon和Hooters是两个充分利用橙色来创造兴奋和诱惑行动的例子。
??棕色
??没有多少网站大量使用棕色。正如我们已经讨论的那样,两性都倾向于非常不喜欢它。然而,UPS不怕这个统计数据。
??该品牌已成为其棕色卡车和类似装饰的送货司机的代名词。
??因此,该品牌在其网站设计中大量使用该颜色。只有正确的测试才能确定此配色方案是否适合您的组织。
??紫色
??这种颜色通常用于促进抗衰老产品,因为它具有舒缓和镇静作用。它与皇室、财富和成功息息相关。
??许多品牌使用紫色如雅虎,但只有少数品牌会像启动网络服务Big Top那样大量使用它。
??IBM Watson使用紫色,但它更像是一种口音,让位于黑色、白色和蓝色。
??绿色
??这种颜色有助于人们感到和谐和平衡,绿色是平衡、和平和环保意识的颜色。如果您的公司涉及农业,绿色可能是使用的颜色。看看John Deere的网站就是一个很好的例子。
??大石油公司BP希望传达一种环境友好的形象,因此很好地利用格林作为其白色背景的对比。
??如何发现哪种颜色的吸引和转换多?
??为了帮助您为您的网站创建配色方案,请使用Sessions College for Professional Design提供的颜色计算器等便利工具。
??该工具可以轻松确定正确的主要,互补、类似、三元组和其他颜色组合。
??找到似乎运作良好的那些,然后与您的观众一起尝试。将您的网站渗透到在线流量流中,确实是了解受众群体响应方式的唯一且方式。
??了解您的用户如何互动
??在向观众展示新设计的网站时,请简单介绍一下。从苹果的书中拿出一页。
??这个网站很简单。黑色背景,白色文本与一些蓝色和灰色来围绕它全部。然而,该网站流行起来并且看起来很花哨。在颜色和设计方面,通常更少。
??Sun Trust是一个简单网站的另一个很好的例子,它使用蓝色和橙色来吸引动作但是通过大量的空白来保持简单。
??A/B测试各种颜色和组合
??据说突出的颜色是被点击的颜色。虽然这在理论上可能是正确的,但只有您的网站访问者真正知道他们喜欢哪种颜色。
??出于这个原因,我们鼓励您测试原色,颜色补充,重叠和其他所有颜色选择,以找到观众常响应的颜色。
??结论
??确定您网站的颜色可能非常耗时,也应该如此。
??网站颜色选择不是任何方式可以轻易做出的决定。
??另一方面,在网站设计时选择合适的颜色组合可能很有趣。
??使用颜色创建工具并使用各种方案,直到找到一个让您的网站真正脱颖而出的方案。
??您的观众一定会注意到。
??但是,请继续测试您的网站以获得效果。很快,您就会知道您网站的正确颜色,让您的观众留下来,参与并转换以获得更大的销售和收入。
资深网在网站设计方面具有专业性,有需要可以随时联系我们!