科学告诉我们,颜色会导致我们的负面阴性感。吻镜也表明了一个网站,访客可以判断或意见只需要90秒。此外,“62%-90%的互动由我们自己的颜色决定。“
如此免费的书中“网络UI设计”中所述,颜色扮演非否定角色,为用户创造一个强大的第一印象。
颜色是什么意思?
为了每一个,每种颜色都意味着什么,虽然这些意义取决于我们的个人喜好和文化背景。看看下面的颜色卡。可以用作快速参考作为颜色含义。
图像来源:uxpin
设计中的色彩心理学不是精确的科学。该研究表明,随着个人认知的影响,Collor心理学受到影响。社会性别等社会因素也影响着颜色如何被察觉。进一步的研究表明,只有颜色本身的影响,还有关于如何让用户觉得正确使用来使用品牌的颜色意义。
图像来源:吻测量
所以,如果您正在为女性设计,然后紫色是一个不错的选择。因为一般来说, 这是一个像颜色一样的受欢迎的女人。但男人不喜欢它(当然, 它通常是这种情况)。在下图中,这对L'Oreal的影响很大, 巴黎。如你看到的,页眉和页脚是黑色的,它显示了地位和优雅的感觉。让你觉得这个产品不便宜,它是高端产品。
图像来源:吻测量
此外,用白色写作,表达现代和平,然而, 选择的紫色代表豪华,优雅和女性的味道 - 所有这些都显然适用于网站,例如, 在这个网站上。
(如果您想了解有关简单设计的更多信息,并使用短时间制作设计工具,你可以看看这些免费电子书“最简单派”和“Web设计中的白色空间禅宗”
在下图中,在一个女人健康杂志网站上的横幅是粉红色的,但其他地方避免使用颜色。反而, 有图像和厚的导航。这种有趣的设计选择在网站上播放。
首先,当网站的目标是女性,粉红色是一个非常古老的西装颜色, 粉红色被热爱糖果的人所吸引,所以, 对于Web邮件的健康不是这样的事情。
图像来源:女性健康杂志
当我们输入网页的辅助级别时,然后应在每个页面上使用标题的颜色。当您快速浏览重量损耗标签下的页面时。如下所示。
如你看到的,这个页面是粉红色的,这可能会使受众造成适得其反的感觉。不管怎样,我们刚看到滑块上的图片,如果你仍然保留这张照片, 请改变它。
确定颜色主题
您创建一个网站,这个网站只是一种颜色。 这是不可能的。除非你计划使用纯单色。因此,您应该考虑整体配色方案和所使用的每种颜色。他们的统一。还考虑颜色对用户的影响,以及如何制作您正在使用的主要颜色和辅助颜色。
拿着它,您应该关心如何匹配和匹配并帮助您解决网站颜色的问题。然后,您可以了解混合以下三种颜色的基本方法。
1三角形彩色计划
这是一个基本的,和一个稳定的平衡方法。原则是使用颜色的活力和互补特性。使用此12项颜色环,您可以选择任何三种颜色,这三种颜色之间的位置关系彼此120度,按顺序作为背景,内容和导航颜色。
图片来自:ray trygstad。维基百科
2复合颜色(互补颜色)
第二种方法有点困难,你可能必须做一些实验,以便正确证明它。如果实验好,这将是非常有效的。这个概念使用四种颜色,那是, 两组对比色(彩色圆圈上的两种颜色180度)
图片来自:ray trygstad。维基百科
3近似颜色
此方法仅侧重于互补颜色,当您决定要向用户传达的计划时,您可以考虑此方法。它强调了选择颜色的活力。在夸大这些颜色后可能太多了。
图片来自:ray trygstad。维基百科
所以考虑颜色心理学,重要的是,你应该把所有颜色整体吸收,他们如何共同努力?不仅选择颜色,还有希望与背景等其他内容有颜色,这些按钮,如文本播放了一个角色。
看看下面的这张照片,并考虑传达给用户的内容。
编码器的图像
1背景颜色 - 黑色背景显示网站的质量,美好的,正式和统一的企业形象。明显地,考虑网站提供咨询,你应该想要卓越,优秀精炼这些东西。网站的形式显示,当和学习相关的企业, 用户可能不是爱情学习代码,反而, 作为他们未来的职业生涯的技巧。
2按钮的颜色 - 站点使用红色按钮作为事务按钮。形成一个不同的对比和黑色背景,鼓励更多用户注册。对于不太重要的按钮, 使用白色笔划,符合整个方案。
3文本颜色 - 用于文本,白色指定所有重要对比,同时和整体配色方案匹配。下面放置白色线性图标(白色半透明按钮),以鼓励用户在必要时滚动以获得更多内容。
一般来说,设计工作很好 - 我们都知道黑白可以协调在一起,在这些情况下,本网站感觉优雅和相对官员。红色的,如果你用它,可能会使该网站的交通运输,所以使用时非常谨慎。只是为了突出显示并清楚表达表达所需的操作是注册此功能。
避免一些颜色
布朗通常在设计中唤起自然感受,但这种颜色是大多数男人的颜色,但它确实在某些情况下工作,因为它使用它来表达可靠性。
图片来自:颜色很重要
因此,Tan UPS是一种强大的信息,可以传达它。也可以使用棕色。但,作为运动套件,它被描述为历史上最糟糕的大学足球。谢谢您显示此示例图像如图所示,这属于美国怀俄明大学队。有趣的是,十棕色也被认为是促进“强度”,耐久性,因此,当您匹配此主动移动时, 你会想到它会发挥这个角色。但在这种情况下,它不会发生,因为男人不喜欢棕色。
与女性交谈时,橙色似乎是最不喜欢的,所以请记住这一点,如果您设计的主要人群是女性用户组,不要使用橙色。
当然,请记住,这些只是指导原则(它们总是依赖于文本内容),实际上, 更重要的是所有颜色都补充,创造和谐。
当然,您可以使用现成的调色板,选择颜色时, 来帮助你。涉及Web UI设计时,您不需要重新发明色轮。以下一些颜色卡信息分享它公司网站建设。
1Adobe彩色CC - 所有Adobe用户供应商
2Paletton - 简单的颜色拾音器,适合初学者
3FLAT UICOLOR拾取器 - 用于创造五颜六色的平面设计
4mudcube彩色球体 - 提供主题选择和十六进制数字
5Check MyColours - 用于检查潜在客户和背景的颜色组合,它具有正确的对比度,人造色盲。
6Color - 允许您在屏幕中滑动鼠标,设置饱和度,然后你可以获得十六个绑定代码。
凭依照
成千上万的网站对那里的颜色带来了很大影响,还有大量的网站,不这样做。Awwwards网站的下图依赖于颜色。我们可以轻松理解为什么会这样做。
图片来自:Awwwwards
背景是一个非常浅的灰色,它看起来很好,灰色自行车。简单的设计,它非常有影响力。并立即传达出这个含义:这是一个快速的小自行车,会让你爱上骑马。使用灰色使其他颜色突出质量,灰色是一种中性颜色,当它闪耀,亮起页面并使页面处于活动状态。灰色也给了我们一种稳定感(适合伟大的自行车广告),同时, 它创造了安静和平静的感情。
响应式网站建设推荐在图片“go”中, 颜色明亮而活泼。反光活力与现代设计。主要是蓝曲,因为这种颜色是男性和女人,它确保页面没有性别区别。少量添加绿色,我建议环境保护的意义。这非常聪明,因为自行车和汽车更好,没有空气受到污染。众所周知,这对于宣传来说是非常强大的。
全面的,此页面告诉您踏板车是多么完美。它将是现代城市人的生活方式之一。
最后一次考虑
颜色是设计的重要组成部分,它也是整个品牌的重要组成部分。所用颜色的重要性必须与品牌人格和品牌故事一致。通常,设计师有时必须拥有现有的作品,商标,我必须在此基础上选择一种颜色。然而, 这个过程似乎完全压缩,但是调色板的实用性可能会让您更容易。要了解有关视觉设计如何让用户最强烈的第一印象,看看这个免费的书“为人眼网UI设计”。这是我们对33家公司的分析。包括tumblr,etsy,谷歌,Facebook, 推特, 中等的, 对讲机,和培养。
作者:杰瑞曹
公司网页设计公司 专业营销网站建设费用
请立即点击咨询我们或拨打咨询热线: 13968746378,我们会详细为你一一解答你心中的疑难。项目经理在线