颜色是我们生活中无处不在的主要设计元素,例如我们访问的每个网站或我们使用的应用程序。
随着时间的推移,设计师们更大胆,更具战略性地使用了颜色。有时它会被用来给予特定元素更多的关注,有时可以讲述更好的故事,有时可以提升品牌体验。
我们来谈谈其中的一些例子。
创造强大的背景
几年前,有一个大胆背景的巨大趋势。我今天仍然看到这样的例子。在一个好的设计中,丰富多彩和强大的背景可以是一个很好的举动,以引起特定部分的兴趣。无论您对趋势的看法是什么,我们都同意,如果做得好,良好的背景颜色可以帮助一个部分脱颖而出。
让我们从Root Studio开始,设计如何使用黄色背景突出显示有关切斯特动物园的案例研究。黄色背景有助于为案例研究设定基调。除了简约的设计风格,背景颜色是一个重要的设计元素。并非所有的案例研究都使用鲜明的色彩,如切斯特动物园的黄色,这没关系 - 你不必使用充满活力的色调来突出一些东西。如果案例研究部分也不简约,那么这种设计就不会那么好用。
接下来的它使用颜色来突出投资组合的不同部分。有些部分是霓虹黄色,深蓝色甚至黑色。在屏幕截图中,您可以看到霓虹黄色搭配绿色,蓝色黑色和肤色; 他们和睦相处。
在整个页面中,背景颜色有助于使这些部分独特而有趣。这也是该机构的良好品牌。
作出声明
其他时候,颜色可用于做出大胆的陈述。让我们从优步手语登陆页面开始。橙色渐变背景绝对引起您的注意。这是一个很好的设计策略,因为页面的目的是教人们依赖视觉线索的基本手语。
接下来,是Kickpush设计工作室的组合。当你阅读副本时,请注意他们有不同的个性。Kickpush想表明他们是不同的,选择的配色方案有助于做到这一点。这是有目的的,并做出快速的视觉陈述。
讲一个更好的故事
颜色是帮助讲述故事的重要资产。一个很好的例子是Bloom的主页。它们在整个设计中使用相同的几乎电蓝色。与其他视觉元素一起,蓝色用于帮助用户从页眉滚动到页脚。如果所有不同的部分在此流程中具有不同的主色,那么讲故事就会被打破。
我可以说Adobe的Marketing Cloud登陆页面完全相同。这是一个包含大部分的大页面。每个部分都有自己的配色方案。颜色从顶部的浅蓝色到消防车红色到深紫色不同。它不仅仅是纯色的UI颜色; 摄影也适用于每种颜色。
因为这是一个很长的页面,颜色有助于讲述每个部分的故事。
创造利益爆发并增加个性
有时,颜色专门用于增加设计的兴趣。大而大胆的颜色并不总是必须在设计的前面和中心,以便有效地使用颜色。
例如,Designmodo自己的Qards登陆页面使用各种小颜色突发。它使登陆页面看起来更加愉快,并且没有明亮的红色背景或其他任何可能被认为是顶部的东西。只要它是战略性的,使用颜色突发可以是一个很好的工具。
改善产品或公司的品牌
我最后保存了我最喜欢的颜色。我很喜欢颜色在品牌推广中的批判性使用。我不仅仅意味着像Kickpush或Bloom那样的一种色调或颜色。
我们中的许多人都遵循Asana的重新设计,在那里他们实施了各种颜色渐变作为其新身份的一部分。在网站的某些部分,颜色被大量使用,而在其他部分则没有那么多; 这是一个平衡。颜色充满活力,与众不同。颜色也可以很好地协同工作。现在,Asana的最新品牌充满活力,色彩缤纷。Asana现在是亮粉色,橙色和紫色。颜色策略似乎是Asana品牌定位的关键。
还有一种是这种颜色使用的一个大趋势。它们使用相邻颜色之间的渐变,如蓝色和绿色。品牌大多是蓝色的,但设计并不害羞,包括绿色,粉色,紫色或橙色。颜色选择协同工作,为网站打造有影响力的品牌。
最后一个例子,他们的品牌使用略微不寻常的颜色。然而,设计非常好。
在所有摄影中,着陆页使用与屏幕截图中相同的品牌颜色。绿色带有淡淡的橙色。很高兴看到颜色不仅仅对UI元素很重要。由于照片中的颜色协调,整个登陆页面流动良好。
结论
我们正在网站上看到更多战略性地使用颜色,无论是创建更好的品牌,还是用鲜红色的背景做出大胆的声明
最重要的是,颜色有助于实现个性,尤其是品牌识别。随着设计师的成长,即使网页设计趋势发生变化,网页设计中的色彩使用也会越来越好。
TAG:网站颜色及风格内容