根据网站Kissmetrics的网络数据分析，当我们看颜色时，我们的眼睛会向我们大脑中称为下丘脑的区域发送信息。然后将进一步的信号传输到脑垂体，最后传输到甲状腺。然而，这种信号激素的释放会导致我们的情绪和情绪波动，并最终导致我们的行为结果。科学告诉我们，颜色会给我们带来消极的负面情绪。Kissmetrics还表明，站点访问者只需90秒即可做出判断或发表意见。此外，“62%-90%的交互是由产品本身的颜色决定的。”正如这本免费书籍《Web UI Design for the Human Eye》中所述，颜色在给用户留下强烈的第一印象方面起着重要作用。否认的作用。颜色的含义每种颜色对每个人都有不同的含义，尽管这些含义取决于我们的个人喜好和文化背景。查看下面的颜色图表，快速了解颜色含义。图片来源：UXpin设计中的色彩心理学并不是一门精确的科学，研究表明色彩心理学受个人感知的影响。性别等社会因素也会影响人们对颜色的感知。进一步的研究表明，不仅仅是颜色本身含义的影响，更重要的是如何让用户在使用过程中正确感知品牌所用颜色的含义。图片来源：Kissmetrics所以，如果你是为女性设计的，那么紫色是一个不错的选择，因为它通常是女性普遍喜欢的颜色，但男性不喜欢（当然通常是这样）。在下图中，它是巴黎欧莱雅的绝佳效果。可以看到，页眉和页脚都是黑色的，代表着一种高贵和优雅的感觉，给人一种产品不便宜，但是高端的整体感觉。图片来源：Kissmetrics此外，文字是白色的，暗示着现代感和平静感，而选择的紫色代表奢华、优雅和女性气质——所有这些显然都适合像这样的网站。（如果你想了解更多关于极简主义设计并将业余时间用作设计工具，请查看下图中的这些免费电子书《The Elegance of Minimalism 》和《 The Zen of White Spacliae in Web Design》，女性健康杂志网站上方的横幅是粉红色的，但是避免在其他地方使用颜色以支持图像和粗略的导航。这种有趣的设计选择对网站适得其反。首先，当网站针对女性时，粉色是一种非常刻板的颜色，而粉色对爱吃甜食的人有吸引力，因此网页信息传达女性健康没有意义。向上。图片来源：Women'sHealthMagazine当我们进入网页的子级别时，当然应该在每个页面上使用标题颜色。当您快速浏览减肥选项卡下的页面时。如下所示。如您所见，页面更加粉红色，这可能对浏览者产生反作用。无论如何，我们刚刚在滑块上看到的图片，如果您还有这张图片，请更改它。确定颜色主题您正在创建一个只有一种颜色的网站，除非您打算使用纯单色，否则这是不可能的。所以你应该考虑整体配色方案和使用的个别颜色，以及它们的统一性。还要考虑颜色将如何影响用户以及如何匹配您使用的主要颜色和次要颜色。考虑到这一点，您应该关心如何混合和匹配颜色以匹配并可以帮助您解决网站颜色问题。那么你就可以了解以下三种颜色混合的基本方法了。1三角形配色方案这是一种基本的、稳定的、平衡的方法。原则是使用颜色的鲜艳和互补特性。使用这个包含12项的色轮，您可以选择彼此成120度的任意三种颜色作为背景、内容和导航颜色。图片来自：RayTrygstad。Wikipedia2Compositecolors(complementarycolors)第二种方法有点难，你可能需要做一些实验来证明它是正确的颜色，如果做得好，它会非常有效。这个概念使用四种颜色，两组对比色（色轮上两种相邻颜色的180度互补）。图片来自：RayTrygstad。Wikipedia3近似色当你的计划要传达给用户时，你可以考虑这种方法。它强调所选颜色的活力，夸张时可能会过多。图片来自：RayTrygstad。维基百科因此，在考虑色彩心理学时，重要的是将所有颜色作为一个整体来考虑，它们如何协同工作，而不是只选择一种颜色并希望该颜色与其他所有颜色相互作用这些按钮，如背景、文本等。角色。看看下面的图片，想想它传达给用户的是什么。ImagefromCodementor1背景色——黑色背景展现了网站优质、精致、正式、统一的企业形象。显然，在考虑培训网站时，您应该希望传达卓越和卓越。网站的形式表明，当这些与学习相关的企业社区表明，用户学习编码可能不是作为一种爱好，而是作为未来职业中的一项技能。2按钮颜色-该站点使用红色按钮作为交易按钮。它与黑色背景形成鲜明对比，鼓励更多用户注册。白色笔画用于不太重要的按钮，与整体方案一致。3文本颜色-对于文本，白色设置了最重要的对比度，同时与整体配色方案相匹配。白色线性图标（白色半透明按钮）位于下方，以鼓励用户在必要时向下滚动以获取更多内容。总的来说，设计工作做得很好——我们都知道黑色和白色很相配，在这种情况下，网站感觉优雅且相对正式。红色，如果过度使用，可能会使网站的意思与整个信息相去甚远，所以要非常谨慎地使用，只是为了突出和明确要求的动作是注册这个功能的目的。避免一些颜色棕色在设计中常常让人联想到自然感，但这种颜色是大多数男人最不喜欢的颜色，但它在某些情况下确实有效，因为它被用来表示可靠。图片来源：ColorMatters因此，对于ups棕褐色来说，当公司想要传达其可以依赖的强烈信息时，棕色也可以使用。但是，作为一个运动装备，它被描述为有史以来最糟糕的大学橄榄球，这要归功于这里显示的这张样本图片，它属于怀俄明大学。有趣的是，众所周知，棕褐色会带来“力量和耐久性”，因此当与如此激进的运动搭配时，您会期望它能做到这一点，但在这种情况下并没有发生，因为正常的低等雄性不喜欢棕色。橙色似乎是女性最不喜欢的颜色，所以考虑到这一点，如果你主要为女性用户群设计，就不要使用橙色。当然，请记住这些只是指导原则（它们总是取决于文本的内容），实际上更重要的是所有颜色相互补充并创造和谐。一些帮助您选择正确颜色的工具当然，您可以使用现成的调色板来帮助您选择颜色。在WebUI设计方面，您无需重新发明色轮。这里有一些色卡信息与大家分享。1AdobeColorcc–所有adobe用户值得信赖的供应商2Paletton–适合初学者的简单颜色选择器3FlatUIColorPicker–用于创建彩色平面设计4MudcubeColorSphere–提供主题选择和十六进制数5CheckMyColours–用于检查前景和背景颜色组合，并且它具有适合色盲人士的正确对比度。6Color–允许您通过在屏幕上滑动鼠标来选择一种颜色，设置饱和度，然后就可以得到十六进制代码。通过实例学习有数以千计的网站使用颜色来达到很好的效果，还有大量的网站没有。下图awwwards网站按颜色区分，很容易看出原因。图片来自：AWWWARDS背景是统一的浅灰色，与自行车的灰色相得益彰。简单的设计，大排版非常有冲击力，并立即传达了意思：这是一辆快速的小自行车，会让你爱上骑它。使用灰色是因为它能让其他颜色脱颖而出，而灰色是一种中性色，随着页面变得越来越亮，它会使页面更加明亮和活跃。灰色还给我们一种稳定感（对于一个很棒的自行车广告），同时营造出一种安静和沉着的感觉。图中“GO”字样用色明快活泼，充满活力和现代设计感。以蓝色调为主，因为这种颜色男女都喜欢，确保页面不分性别。加入少量的绿色，寓意环保，非常聪明，因为自行车比汽车好，不会污染空气。众所周知，这对于宣传非常有效。总的来说，这个页面告诉你踏板车有多完美，以及它将如何成为现代都市人生活方式的一部分。最后的说明颜色是设计的重要组成部分，也是整体品牌的重要组成部分。所用颜色所传达的意义必须与品牌个性和品牌故事相一致。通常，设计师有时必须使用现有的艺术品，例如徽标，并且必须基于该艺术品选择颜色。虽然这个过程似乎被完全压缩了，但调色板的实用性可能会让你更容易做到。要详细了解视觉设计如何给用户留下最强烈的第一印象，请查看这本免费书籍《 Web UI Design for the Human Eye》。以下是我们对33家公司的分析，包括Tumblr、Etsy、谷歌、Facebook、Twitter、Medium、Intercom和Bose。
