可视化设计

2021年最佳网站配色方案—上

2020-12-15 06:18:13

您可能会注意到的配色方案中最大的趋势之一是使用深蓝色和海军蓝(特别是作为主要颜色),并使用金色和亮红色或粉红色调作为色调。这种暗/亮组合是几年前许多最小设计中黑色和红色的演变,具有更现代的风格。

这里有一些很好的颜色选择示例,它们可以激发您的灵感

1.Zoe Pepper

#361999#78FFF1#FF6495
最佳网站颜色



有着明亮的蓝色背景,很难错过Zoe Pepper有趣的配色。明亮的配色选项使调色板栩栩如生,并且与首页上的动画效果特别出色。这种配色方案最好的部分可能是它既明亮又开朗,而又不过分明亮。当与正确的色彩补全一起使用时,这显示了蓝色的真正多功能性。

2.Yukon 1000

#162B32#FF4838
最佳网站颜色



育空1000也被腐烂成蓝色背景。这里带有更多的蓝绿色。明亮的橘红色口音是如此饱和,以至于您不禁要从柔和的蓝绿色过渡到它。颜色选择的饱和度值增加了深度,几乎感觉像是从哑光阴影(蓝绿色)到具有几乎霓虹色值(红色橙色)的明亮。

3. Persoo

#490B3D#BD1E51#F1B814
最佳网站颜色



Persoo使用了一种颜色组合,您可能会首先看到它才能尝试。鲜明的色彩三重奏具有一定的女性化氛围,同时感觉到某种光线。颜色选择对网站具有破坏性,因为基于金融和电子商务的工具通常会坚持使用基于蓝色调的安全调色板。

4. Studio Simpatico

#1A2238#9DAAF2#FF6A3D#F4DB7D
最佳网站颜色




Studio Simpatico将海军和红色提升到一个新的水平,并添加了其他强调色,从而打造出更加引人注目的调色板。每种颜色都有其用途-带有很多选项的调色板的关键-相似的色彩饱和度使它们全部啮合。每种强调色都具有类似的感觉,处于中等色调范围内,而不会过于沉闷或明亮。

5.Neverheart

#371BB1#05F4B7#12151F
最佳网站颜色




我们用颜色看到的另一件事是使用深黑色而不是旧的备用#000000的设计。丰富的黑色为视觉效果提供了更大的深度,非常适合宽阔的条带和背景。在这里,它与紫色的蓝色和明亮的薄荷绿色很好地啮合。结果是现代而有趣的。

6.Carnival Sounds

#1FC58E#FAE62D#191414
最佳网站颜色




嘉年华的声音设法将色彩重新组合在一起,直到您看到它们之后,它们似乎还是不合时宜。带有黄色和黑色的深绿色翡翠易于阅读,在整个屏幕上产生巨大的眼动,并且由于配色方案的不同寻常性质,使您停下来观察。

7.I Weigh Community

#9CF6FB#E1FCFD#394F8A#4A5FC1#E5B9A8#EAD6CD
最佳网站颜色




明亮而辉煌可能是I Weigh社区描述此网站配色方案的最佳方法。通过使用每种阴影的色调,三色方案可爆炸为六个绝佳选择。其结果是令人惊艳,而不会令您不知所措。这是一种技术,更多设计可以利用它来获得色彩丰富的现代外观。

8.Soviet Design

#1A2C42#BE2F29#ECAF44#0C1115
最佳网站颜色




苏维埃设计使用经典的三重奏颜色,具有更深的饱和感。它造成了一定的黑暗,并为项目设定了气氛。请注意,这里的黑色也是丰富的黑色选项。白色空间将这种配色方案的黑暗和清醒本色融合在一起,因此不会感到太沉重。

9.Ugly Drinks

#00ABE1#161F6D
最佳网站颜色




单色蓝色方案永不过时。Ugly Drinks的这种深浅蓝色组合表明蓝色也很有趣。简单的彩色背景很有趣,并使其余的设计易于阅读和理解。它的外观也与众不同,与许多网站设计中白色或照片背景和英雄标题的泛滥不同。

10.Taproot Foundation

#00A9D8#0D9EDF#259B9A
最佳网站颜色




Taproot Foundation使用了最好,最丰富多彩的网站配色方案之一。黄色,蓝色和凯利绿色的组合共同解释了帮助公益组织的各个方面。这不是您经常看到的网站配色方案,但是带有白色背景的明亮颜色是主要的流行选择。

11.Omega Yeast

#F7F7F7#7DA2A9
最佳网站颜色




乍一看,Omega Yeast看起来似乎没有超过黑白的调色板,但是此网站设计在色彩趋势方面做了很大的构想。配色方案植根于主图像(在本例中为视频),而不是背景或色彩鲜艳的用户界面元素。这种色彩趋势变得越来越普遍,因为设计师使用全屏图像讲述品牌故事。

12.Farm Food

#FFFFFF#A7BC5B#8DA242
最佳网站颜色




农场食品使用简单自然的调色板和白色极简风格背景以及明亮的橄榄绿色来吸引人们的注意。此外,调色板具有单调功能,并为元素提供了浅橄榄色和深橄榄色。(最容易看到此颜色在按钮的悬停状态下发生变化。)这可能不是您首先想到的一对颜色,但这确实令人惊讶。

13.Jebsen Careers

#3FD2C7#99DDFF#00458B
最佳网站颜色




捷成职业使用柔和的蓝色和绿色来创建惊人的色彩叠加,并设计具有更饱和色彩的元素。这种组合在白色背景上效果很好,并且通过使用相同颜色的变体可以真正显示您可以做什么。用于文本元素和徽标的海军进一步增强了整体颜色的使用。

14. IC Creative

#FB8122#1D2228#E1E2E2
最佳网站颜色




IC Creative使用深色覆盖层(黑色不是真正的黑色),明亮的强调色和大量白色来营造出迷人的氛围。几乎每种色调的颜色叠加都是网站颜色的主要趋势,而丰富的黑色选项(例如此处的一种)是一种在屏幕上给其他内容提供足够空间的好方法。只需注意标题过大,口音鲜明,呼吁采取行动即可。

15.Mangrove Hotel

#D48166#373A36## E6E2DD
最佳网站颜色




尽管明亮的调色板实际上已经统治了网站几年了,但是对于某些项目来说,已经转向了更加柔和的调色板。Mangrove Hotel酒店的肉质氛围温暖,并很好地补充了内容。(相同的颜色也已经出现在某些Twitter营销传播中。)

16.Slumber

#051622#1BA098#DEB992
最佳网站颜色




沉睡在应用程序图像中充分利用了Pantone的年度颜色(经典蓝色),背景和徽标中使用了深色调。金色和绿色的搭配超级时尚,优雅,并遵循了夜间和睡眠主题。

17.Atlanta Brewing

#E40C2B#1D1D2C#F7F4E9#3CBCC3#EBA63F#438945




亚特兰大酿酒公司还使用占主导地位的红色,以及许多其他强调颜色。请注意,调色板不仅是网站设计的一部分,而且还扩展到产品包装。它们的色板相当宽,以原色为基调,并具有丰富的黑白背景。

18.Sunny Street Cafe

#5C6E58#8AA899#F2D349
最佳网站颜色




Sunny StreetCafé的明亮色彩与设计中的图像和语言完全匹配。绿色和黄色在一起是一种不寻常的组合,但是感觉很友好,正好适合该早餐和午餐场所的设计。颜色主题还可以很好地展现食物图像。

19.Distinction

#000000#181818#2CCCC3#FACD3D#5626C4#E60576
最佳网站颜色




Distinction的调色板使用相同的全黑底色,并带有彩虹色的配色。如果要使用广泛的调色板,这是有效使用趋势的方法。

20.Pittori di Cinema

#FDD935#000000
最佳网站颜色


极简主义也可以是全彩的,如Pittori di Cinema所证明的。带有黑色的亮黄色方案是常见的高色彩极简主义选项。这种样式的调色板越亮,它似乎越流行。

21.We (Heart) UX

#E1F2F7#EF0D50#EB3A70#E5BACE
最佳网站颜色




我们(心)UX使用浅蓝色背景的简单调色板(不错的选择),主要艺术元素使用粉红色的阴影。将这些颜色与时髦的地理风格融合在一起是一种时髦,现代的外观,而且看起来很有趣。

22.Proud & Torn

#1F3044#FB9039#646C79
最佳网站颜色




Proud&Torn使用相同的珠宝色调概念,并略带柔和的色彩组合。较细微的调色板有助于使具有许多无色图像的网站更具视觉吸引力。

23.Baobla

#56642A#849531#92A332
最佳网站颜色




Baobla具有单调配色方案中的有趣渐变效果。这种调色板是新品牌或产品标识的理想选择,或者如果您希望以大胆的色调产生巨大影响,则是理想的选择。

24.Women’s and Girls’ Emergency Centre

#FAF0DC#0B4141#FF6864
最佳网站颜色




妇女和女孩急症中心选择了不太女性化的调色板,以大胆的颜色增强了其信息的强度。颜色选择具有很高的对比度,并且在眼睛和可读性方面都很容易。明亮的口音选择是时尚的,并强调了该元素。

25. Jean-Baptiste Kaloya Portfolio

#150734#0F2557#28559A#3778C2#4B9FE1#63BCE5#7ED5EA
最佳网站颜色




Jean-Baptiste Kaloya可能将网站设计中最受欢迎的颜色变成了自己的具有不同程度蓝色的单调调色板。还要注意浅蓝色的柔和渐变。