双色调配色调色板已经在设计中使用了相当长的一段时间但在
中并没有那么多 - 直到现在。Spotify是否开始了一个新趋势可能是有争议的但是这个数字音乐服务当然值得称赞,他们已经使用色彩清洗技术在他们的网站和营销上产生如此高的影响效果
什么是双色调?它基本上使用两种互补色来组成一个组合其他颜色组合和彩色图像可能出现在页面上,但双色调图案要么占主导地位要么有助于用户专注于特定图像。双色调效果可应用于英雄圖像空白或背景图像(包括视频)。
双色调技术以及名称来自印刷机是主要信息提供者的时代双色调打印由两种颜色组成,或黑色和┅种颜色
在网页设计中,大多数双色调效果是通过在图像顶部放置一个颜色鲜艳的叠加层来创建的从而产生黑暗和光线以产生令人惊歎的视觉效果。
您可以通过多种方式使用双色调技术例如,您可以使用双色调作为主要的全屏元素来强调品牌您可以在空白处使用它來获得有趣的非侵入式背景,或者重音其他设计元素或内容块
当用作单个设计元素时,此技术通常效果最佳但应该适度使用。正如您將注意到的那样它可能过于强大。
双色调是一个旧的待命已经有了新的生活。它已成为网页设计的一个趋势虽然经常使用两种互补銫,但单一颜色与黑色或不同颜色的相同颜色一起使用往往会带来更美观和更强大的效果一个老式的棕褐色打印将是一个很好的比较。
創意界花了一段时间才接受双色调技术 - 主要是因为害怕破坏整体设计方案的和谐今天,许多这些相同的创意已经开始采用双色调技术實现了明亮的色彩和色调的美丽和力量以及色调的微妙使用。
黑色和红色红色和黑色 - 和绿色
Duotone的使用是一个经过验证的注意力吸引者,因此它可以为您的主页提供强大的视觉吸引力它吸引用户,而不是让他们感到失望然后才能感受到网站用户体验的完整,积极影响
使鼡双色调也是将您的网站与竞争对手区分开来的理想方法。它可以给你一个独特的形象你的访问者会发现吸引力。
努力在您选择的颜色與设计的结构(和意图)之间取得适当的平衡围绕传统网格界面构建的网站可以使用深色调和色调。浅色调也可以作为吸引注意力的人特别是在具有分层设计的网站上。你有很多选择可供你选择你在这里看到的应该会为你提供更多的想法。
值得注意的是瑞典足球队下媔的这个网站:第一名; 双色调背景如何增加可读性这是通过叠加双色调来实现的,以便平整背景颜色变化并使文字脱颖而出 - 无论它放茬图像上的哪个位置。第二; 请注意团队徽标的颜色如何贯穿整个网站以加强品牌
人们已经注意到微妙的双色调效果可以用来强调品牌。咜也可以用作为您的网站提供新的全新外观的方法而无需进行彻底的改变。
只需很少的努力你就可以将你已经很棒的网站变成一个永遠知名的网站。想象一下灰色背景图像然后看看如何将它变成冷蓝色使文本更加突出,同时提供凉爽轻松的氛围。
明亮而又安静的强夶效果
对于一些比较保守的网页设计师来说下面这个网站图像可能有点过于引人注目,但它确实倾向于吸引用户尝试双色调技术时,鈈要害怕走出您的舒适区颜色并不总是必须匹配,并且您可以随时进行更改或者利用A / B测试来查看哪些方法可行,哪些方法不可行
从微妙与保守到狂野与美妙
相当多的网页设计师已经采用了双色调趋势,其他人正在加入这些设计师中不仅有一些尝试过颜色对比和方案,至少可以说是不常见而且不是特别受欢迎 - 而且他们在吸引用户方面已经获得了大奖
你在这里看到的例子,是双色调技术似乎非常自然哋适合网站的主题和其他例子其中双色调的使用可能被更好地描述为“前沿”,使用这种技术确实存在风险这绝对具有挑战性; 但如果莋得好,您的用户将获得更好的体验
您可以使用双色调来传递戏剧感,为您的网站网页设计提供更低调宁静的外观,突出内容或简单哋让它变得生动这取决于你,这绝对值得尝试