5
2018/8
上海网站设计公司尚略教程:网页设计中双色调配色方案的激励实例
|网站设计 |网站教程
双色调配色调色板已经在设计中使用了相当长的一段时间,但在网页设计中并没有那么多 - 直到现在。Spotify是否开始了一个新趋势可能是有争议的,但是这个数字音乐服务当然值得称赞,他们已经使用色彩清洗技术在他们的网站和营销上产生如此高的影响效果。

什么是双色调?它基本上使用两种互补色来组成一个组合。其他颜色组合和彩色图像可能出现在页面上,但双色调图案要么占主导地位,要么有助于用户专注于特定图像。双色调效果可应用于英雄图像,空白或背景图像(包括视频)。

两种主色的叠加


双色调技术以及名称来自印刷机是主要信息提供者的时代。双色调打印由两种颜色组成,或黑色和一种颜色。

两种主色的叠加-双色调网页设计-上海网站设计公司教程

在网页设计中,大多数双色调效果是通过在图像顶部放置一个颜色鲜艳的叠加层来创建的,从而产生黑暗和光线以产生令人惊叹的视觉效果。

双色和一个阴影


您可以通过多种方式使用双色调技术。例如,您可以使用双色调作为主要的全屏元素来强调品牌。您可以在空白处使用它来获得有趣的非侵入式背景,或者重音其他设计元素或内容块。

双色和一个阴影-双色调网页设计-上海网站设计公司教程

当用作单个设计元素时,此技术通常效果最佳,但应该适度使用。正如您将注意到的那样,它可能过于强大。

网页设计和双色调品牌


双色调是一个旧的待命,已经有了新的生活。它已成为网页设计的一个趋势。虽然经常使用两种互补色,但单一颜色与黑色或不同颜色的相同颜色一起使用往往会带来更美观和更强大的效果。一个老式的棕褐色打印将是一个很好的比较。

双色调品牌特色在这丹麦网页设计--双色调网页设计-上海网站设计公司教程

创意界花了一段时间才接受双色调技术 - 主要是因为害怕破坏整体设计方案的和谐。今天,许多这些相同的创意已经开始采用双色调技术,实现了明亮的色彩和色调的美丽和力量以及色调的微妙使用。

黑色和红色,红色和黑色 - 和绿色


Duotone的使用是一个经过验证的注意力吸引者,因此它可以为您的主页提供强大的视觉吸引力。它吸引用户,而不是让他们感到失望,然后才能感受到网站用户体验的完整,积极影响。

黑色和红色--双色调网页设计-上海网站设计公司教程

使用双色调也是将您的网站与竞争对手区分开来的理想方法。它可以给你一个独特的形象,你的访问者会发现吸引力。

努力在您选择的颜色与设计的结构(和意图)之间取得适当的平衡。围绕传统网格界面构建的网站可以使用深色调和色调。浅色调也可以作为吸引注意力的人,特别是在具有分层设计的网站上。你有很多选择可供你选择,你在这里看到的应该会为你提供更多的想法。

为什么你应该使用它


最大限度地利用双色


值得注意的是瑞典足球队下面的这个网站:第一名; 双色调背景如何增加可读性。这是通过叠加双色调来实现的,以便平整背景颜色变化,并使文字脱颖而出 - 无论它放在图像上的哪个位置。第二; 请注意团队徽标的颜色如何贯穿整个网站以加强品牌。

瑞典足球队网站设计充分利用了双色-双色调网页设计-上海网站设计公司教程

双色调背景的放松效果


人们已经注意到微妙的双色调效果可以用来强调品牌。它也可以用作为您的网站提供新的全新外观的方法,而无需进行彻底的改变。

双色调背景的放松效果--双色调网页设计-上海网站设计公司教程

只需很少的努力,你就可以将你已经很棒的网站变成一个永远知名的网站。想象一下灰色背景图像,然后看看如何将它变成冷蓝色使文本更加突出,同时提供凉爽,轻松的氛围。

明亮而又安静的强大效果


对于一些比较保守的网页设计师来说,下面这个网站图像可能有点过于引人注目,但它确实倾向于吸引用户。尝试双色调技术时,不要害怕走出您的舒适区。颜色并不总是必须匹配,并且您可以随时进行更改,或者利用A / B测试来查看哪些方法可行,哪些方法不可行。

明亮而又安静的强大效果-双色调网页设计-上海网站设计公司教程

从微妙与保守到狂野与美妙


相当多的网页设计师已经采用了双色调趋势,其他人正在加入。这些设计师中不仅有一些尝试过颜色对比和方案,至少可以说是不常见而且不是特别受欢迎 - 而且他们在吸引用户方面已经获得了大奖。

多种方式炫耀产品

结论


你在这里看到的例子,是双色调技术似乎非常自然地适合网站的主题和其他例子,其中双色调的使用可能被更好地描述为“前沿”,使用这种技术确实存在风险,这绝对具有挑战性; 但如果做得好,您的用户将获得更好的体验。

您可以使用双色调来传递戏剧感,为您的网站网页设计提供更低调,宁静的外观,突出内容或简单地让它变得生动。这取决于你,这绝对值得尝试。

网站设计教程,上海网站设计公司,尚略广告公司。

本文网址:http://www.shinerayad.com/news_info.asp?id=3693,转载请注明出处。

返回           上一篇           下一篇