看起来某些网站配色方案是否得到了所有关注?与网页设计的其他方面一样,颜色方案往往比其他颜色方案更具趋势。明亮的色彩,鲜明的调色板,甚至一些不匹配的方案都是趋势的颜色元素。
以下是一些2018年最佳网站配色方案(无特定顺序)。对于每一个,我们也分享构成设计关键元素的颜色代码,因此您也可以轻松地使用这些颜色方案!
1. Taproot基金会
#00A9D8#0D9EDF#259B9A
Taproot Foundation使用最好,最丰富多彩的网站配色方案之一。黄色,蓝色和凯利绿色的结合在一起解释了帮助非营利组织的团体的不同方面。这不是一个网站配色方案,你看到经常但明亮的颜色与白色背景是一个主要的时尚选择。
2.防止流行病
#292930#3EB650#FCC133#E12B38
防止流行病使用同样丰富多彩的方案,但搭配深色背景和绿色,贯穿整个用户界面元素和整体设计,它们都汇集在一起。最时髦的调色板选项之一是开发一组颜色,这些颜色比典型的两色或三色调色板更广泛。
3. Snipcart
#7F8688#929D9E#F3E367
Snipcart使用浅灰色将色调设置为此调色板中的主要背景颜色,带有微妙的黄色调。该解决方案将更时尚的鲜艳色彩与微妙的中性渐变结合在一起,形成调色板,鼓励用户真正磨练内容。
莫西奥
#18181E#DEC79B
Mossio在这个网站配色方案中使用相同的基色 - 你可以看到黑色/灰色和黄色的趋势,对吗? - 只有更饱和的背景和更少饱和的强调色。该组合具有与上述示例几乎相同的效果,其中调色板专注于内容,使得设计更加隐形。
5.欧米茄酵母
#F7F7F7#7DA2A9
Omega Yeast看起来并不像乍一看有黑色和白色的调色板,但这个网站设计确实是一个颜色趋势的大创意。颜色方案植根于主图像 - 在这种情况下是视频 - 而不是背景或彩色用户界面元素。这种颜色趋势正变得越来越普遍,因为设计师正在使用全屏图像来讲述品牌故事。
6.永远的机构
#4BFFA5#040F3D#C6C4C5
Forever Agency在其网站设计中使用了大量的大胆色彩,但调色板植根于鲜绿色。这是新的中性。(请注意本综述中有多少网站采用绿色色调。)这种绿色比使用趋势的其他网站亮一点,但出现在诸如页脚,品牌标记以及图标和草皮的大量位置该设计。
7. Konstantopoulos / Olymp
#34421E#F1F1EF#C19434
当我们讨论绿色配色时,Konstantopoulos / Olymp使用了一种微妙的背景(那里有绿橄榄枝)和一个深绿色的品牌标记,将所有橄榄拉在一起。主要品牌绿色是独特的,并且图像中的调色板强调使用不同色调的颜色。
8. IC Creative
#FB8122#1D2228#E1E2E2
IC Creative使用深色覆盖 - 黑色并非真正的黑色 - 具有明亮的强调色和充足的白色,以创造一个诱人的场景。几乎每种色调的颜色叠加都是网站颜色的一个主要趋势,而丰富的黑色选项就像这里的一个很好的方式,让其他内容在屏幕上有足够的空间。请注意超大的标题和明亮的口音和号召性用语。
9.红树林酒店
#D48166#373A36## E6E2DD
虽然明亮的调色板实际上已经统治了几年的网站设计,但是对于某些项目来说,有一种转变为更为柔和的调色板。红树林酒店的肉质色调温暖,内容很好。(这种相同的颜色也出现在一些Twitter营销传播中。)
10.五/四
#FA292A#B89F5D#5A7670
五/四采用最具挑战性的颜色之一来创建红色调色板。他们以大胆的方式做到这一点。调色板效果很好,因为其他颜色以更加柔和的方式使用,因为照片叠加层没有其他任何东西与整个设计中使用的明亮饱和红色竞争。
11.亚特兰大啤酒厂
#E40C2B#1D1D2C#F7F4E9#3CBCC3#EBA63F#438945
亚特兰大酿酒公司也使用了具有大量其他强调色的红色。请注意,调色板不仅是网站设计的一部分,还延伸到产品包装。它们有相当宽的调色板,以原色为基色,背景色彩丰富。
12. JYBH
#151617#090A0A#151516
有时最好的调色板从缺乏颜色开始。JYBH使用黑色的所有调色板,具有不同程度的纹理和黑暗。这是你在网站颜色方面可能已经看到的很多东西。
13.区别
#000000#181818#2CCCC3#FACD3D#5626C4#E60576
Distinction使用相同的全黑底座为其调色板带有彩虹色调。如果您想要一个广泛的调色板,这是有效使用趋势的方法。
14. Lucia Lash
#FFFFFF#0A0A0A
在色谱的另一端是完全没有颜色。唯一的黑白网站配色方案是mod和极简主义的高度。
15. Pittori di Cinema
#FDD935#000000
Pittori di Cinema证明,极简主义也可以是全彩色。采用黑色的亮黄色方案是一种常见的高色简约选择。这种风格的调色板越亮,它看起来越流行。
16.死亡之日
#32064A#E56B1F#FCD02C#E42C6A
“死亡之日”采用了宝石色调和明亮色彩的调色板,带来华丽感。调色板中的这种平衡创造了足够的对比度,因此每个元素都很容易看到,但在这种高色彩环境中不会过于分散注意力。
17.骄傲和撕裂
#1F3044#FB9039#646C79
Proud&Torn采用相同的宝石色调概念,略带柔和的色彩组合。更精细的调色板有助于为具有大量无色图像的网站创建视觉兴趣。
18. Tareq投资组合
#E3E3E3#F6F6F8#C60021
该投资组合网站使用几乎无处不在的背景调色板 - 柔和的灰色和白色。无论选择其他颜色选项或口音,浅灰色都非常受欢迎。
19. Etiya
#D56C2C#22223A
Etiya将另一种流行的单色作为其整体网站调色板的一部分 - 橙色。明亮的橙色色调 - 通常用于黑色,深蓝色或紫色的深色背景 - 是一种趋势选择。
20. Baobla
#56642A#849531#92A332
Baobla采用单调配色方案,具有趣味渐变。这种颜色的调色板是新品牌或产品标识的理想选择,或者如果您希望通过大胆的色调产生很大影响。
21. Stereosuper
#FB9985#B3E3B5#48484A
Stereosuper采用两种颜色 - 薄荷绿和桃橙色 - 并将它们组合成看似不匹配的颜色。有这么多更明亮,更大胆的颜色选择趋势,那里有更多不匹配的调色板,并且令人惊讶的是其中许多都有效。
22. Jean-Baptiste Kaloya投资组合
#150734#0F2557#28559A#3778C2#4B9FE1#63BCE5#7ED5EA
Jean-Baptiste Kaloya可能将网站设计中最受欢迎的颜色变成了自己的单调调色板,并带有不同程度的蓝色。还要注意浅蓝色的柔和渐变。
23.伊戈尔
#000000#FEFEFE#FDEE30
Igor展示了2018年最受欢迎的网站调色板 - 黑色,白色和黄色。这种调色板虽然以不同的色调出现,但却广受欢迎。这种组合可能是最具吸引力的组合之一。
24.牛仔自行车
#000000#FA255E#C39EA0#F8E5E5
牛仔自行车使用黑色和明亮的调色板,这是一个立即引起注意的人。虽然大多数网站仅将黑色用于文本,但这种设计实际上将其整合到明亮的单调调色板中。
25. Pavithra投资组合
#632695#B5267B#5BB659#254598
此投资组合网站在每个不同的滚动屏幕上使用材质设计调色板和明亮的彩色背景图像。虽然看起来它看起来像很多颜色,但它适用于每个具有不同色调的屏幕。
26. Avoconseil
#33FFED#9C45EB#AEA78E
Avoconseil采用时尚的三色调,平面背景和强调色设计。这种风格的调色板具有三种不同的颜色(许多也带有第四个重点),通过平面设计的兴起和发展仍然很受欢迎。
27.加布里埃尔多兰
#E8EAE3#373833#FA2742
Gabrielle Dolan的网站采用了灰白色调的彩色调色板。大多数设计明显缺乏色彩,亮色似乎从屏幕上跳下来。它创造了正确的焦点区域和对比度,这就是为什么这是一个趋势色彩方案选项。
28. Pixel Pantry
#9E15BF#4AC6D2
Pixel Pantry使用独特的颜色对来展示这种趋势 - 紫色和青色。这两种颜色的组合创造一个调色板几乎是不真实的。你几乎可以在任何地方找到这种方案的变体。
29.十一种植物
#5DAA68#3F6844#FAF1CF
Eleven Plants采用全中性配色方案,和谐易观。绿色与内容相匹配,颜色组合简单而迷人。
30. Qvartz
#EE7879#2A3166#F4ABAA#CAE7DF
Qvartz以模仿许多其他项目的方式使用当年最意想不到的趋势颜色之一。粉红色的文字,粉红色的色块以及大胆和柔和色彩的混搭,这个调色板有些女人味,但不是太多。
意派Coolsite360交互式线网页编辑系统
“创意不该受技术束缚,交互可以变得简单有趣”
网友评论