网站建设中如何使用颜色？

几年前，有一个大胆背景的巨大趋势。我今天仍然看到这样的例子。在一个好的设计中，丰富多彩和强大的背景可以是一个很好的举动，以引起特定部分的兴趣。无论您对趋势的看法是什么，我们都同意，如果做得好，良好的背景颜色可以帮助一个部分脱颖而出。

让我们从Root Studio开始，设计如何使用黄色背景突出显示有关切斯特动物园的案例研究。黄色背景有助于为案例研究设定基调。除了简约的设计风格，背景颜色是一个重要的设计元素。并非所有的案例研究都使用鲜明的色彩，如切斯特动物园的黄色，这没关系 - 你不必使用充满活力的色调来突出一些东西。如果案例研究部分也不简约，那么这种设计就不会那么好用。

接下来，是Mambo Mambo，它使用颜色来突出投资组合的不同部分。有些部分是霓虹黄色，深蓝色甚至黑色。在屏幕截图中，您可以看到霓虹黄色搭配绿色，蓝色黑色和肤色; 他们和睦相处。

在整个页面中，背景颜色有助于使这些部分独特而有趣。这也是该机构的良好品牌。

创造利益爆发并增加个性

有时，颜色专门用于增加设计的兴趣。大而大胆的颜色并不总是必须在设计的前面和中心，以便有效地使用颜色。

例如，Designmodo自己的Qards登陆页面使用各种小颜色突发。它使登陆页面看起来更加愉快，并且没有明亮的红色背景或其他任何可能被认为是顶部的东西。只要它是战略性的，使用颜色突发可以是一个很好的工具。

作出声明

其他时候，颜色可用于做出大胆的陈述。让我们从优步手语登陆页面开始。橙色渐变背景绝对引起您的注意。这是一个很好的设计策略，因为页面的目的是教人们依赖视觉线索的基本手语。

接下来，是Kickpush设计工作室的组合。当你阅读副本时，请注意他们有不同的个性。Kickpush想表明他们是不同的，选择的配色方案有助于做到这一点。这是有目的的，并做出快速的视觉陈述。

这也是我们稍后讨论的品牌推广的一个很好的例子。

讲一个更好的故事

颜色是帮助讲述故事的重要资产。一个很好的例子是Bloom的主页。它们在整个设计中使用相同的几乎电蓝色。与其他视觉元素一起，蓝色用于帮助用户从页眉滚动到页脚。如果所有不同的部分在此流程中具有不同的主色，那么讲故事就会被打破。

我可以说Adobe的Marketing Cloud登陆页面完全相同。这是一个包含大部分的大页面。每个部分都有自己的配色方案。颜色从顶部的浅蓝色到消防车红色到深紫色不同。它不仅仅是纯色的UI颜色; 摄影也适用于每种颜色。

因为这是一个很长的页面，颜色有助于讲述每个部分的故事。

改善产品或公司的品牌

我最后保存了我最喜欢的颜色。我很喜欢颜色在品牌推广中的批判性使用。我不仅仅意味着像Kickpush或Bloom那样的一种色调或颜色。

我们中的许多人都遵循Asana的重新设计，在那里他们实施了各种颜色渐变作为其新身份的一部分。在网站的某些部分，颜色被大量使用，而在其他部分则没有那么多; 这是一个平衡。颜色充满活力，与众不同。颜色也可以很好地协同工作。现在，Asana的最新品牌充满活力，色彩缤纷。Asana现在是亮粉色，橙色和紫色。颜色策略似乎是Asana品牌定位的关键。

对于Stripe来说也是如此，这可能是这种颜色使用的一个大趋势。它们使用相邻颜色之间的渐变，如蓝色和绿色。品牌大多是蓝色的，但设计并不害羞，包括绿色，粉色，紫色或橙色。颜色选择协同工作，为Stripe打造有影响力的品牌。

最后一个例子是Goulburn Valley的网站。他们的品牌使用略微不寻常的颜色。然而，设计非常好。

在所有摄影中，着陆页使用与屏幕截图中相同的品牌颜色。绿色带有淡淡的橙色。很高兴看到颜色不仅仅对UI元素很重要。由于照片中的颜色协调，整个登陆页面流动良好。

结论

我们正在网站上看到更多战略性地使用颜色，无论是创建像Asana这样的更好的品牌，还是用鲜红色的背景做出大胆的声明，以确保人们意识到你和Kickpush不同。

最重要的是，颜色有助于实现个性，尤其是品牌识别。随着设计师的成长，即使网页设计趋势发生变化，网页设计中的色彩使用也会越来越好。