请选择 进入手机版 | 继续访问电脑版
数据东西 首页 教程频道 原创文章

探索网页中的双色大法

2018-2-25 10:23

在网页设计中,大多数双色效果是通过在一张图片上覆盖上一层明亮的颜色来实现的,这样可以将亮部和暗部区分开,创造出一种震撼的视觉效果。两种颜色以及同一颜色的不同深浅你可以在许多方面运用双色法。例如,你可以 ...

在网页设计中,大多数双色效果是通过在一张图片上覆盖上一层明亮的颜色来实现的,这样可以将亮部和暗部区分开,创造出一种震撼的视觉效果。

 

两种颜色以及同一颜色的不同深浅

你可以在许多方面运用双色法。例如,你可以将双色作为一个主要的,全屏显示的元素来强调一个品牌。你也可以在空白区域使用,形成一个有趣的没有侵略性的背景。或者可以用它来强调其他的设计元素或内容模块。

duotone-02

一般来说,这种手法作为单一的设计元素来运用时产生的效果最好,但是使用时应当有节制。正如你所注意到的,它产生的效果是非常强烈的。

 

网页设计与双色品牌效应

双色调曾经是一种较老的作为备用的配色方案,但如今却被赋予了新的生命。它已经成为网页设计中的一种趋势。尽管两种互补色使用的非常多,但是用一个单色加上黑色或者同一颜色的不同深浅通常会产生更加漂亮和震撼的效果。一种比较古老的深褐色打印色将会是一个很好的对比。

duotone-03

设计师们花了好一段时间才接受了双色调模式——主要是担心它破坏了整个设计方案的平衡。如今,这些设计师中有许多人已经开始热爱并使用双色法,他们已经意识到了明亮的色彩和微渐变的美与力量。

 

黑与红和红黑绿

双色调的运用被证明是非常能抓住人的注意力的,因此,它可以给你的首页增添非常强有力的视觉吸引力。它把用户吸引进来,但并不会另他们在看到全部内容之前产生失望,相反,它会对你的网站的交互产生非常有利的效果。

duotone-04

使用双色法也是将你的网站与你的竞争对手区分开的一种理想的方式。它可以给你带来与众不同的特性,让观者感到非常有吸引力。

在使用时要实现你所选的颜色间的良好的平衡以及你的设计结构(和目标)。暗色调的使用对于传统的网格布局界面非常有利。而亮色调可以用来吸引注意力,尤其是在网页的特色专题设计上。你可以有大量适合自己的选择,而你在这里所看到的应该会给你提供更多的想法运用到你的设计中去。

为什么要使用它?

 

最大程度地利用双色调

下面的这个瑞典的运动队网站中有两点值得注意:第一:双色背景是如何提高可读性的。这是通过在图片上覆盖上一层双色调来实现的,这样可以使背景中复杂的色彩变化变得较为平缓,使文字可以从背景中凸显出来——不论文字放在图片的什么位置。第二:注意这个运动队的logo是如何贯穿整个网站来强化它的品牌的。

duotone-05


鲜花

握手

雷人

路过

鸡蛋
粉丝 阅读27 回复0
专注素材教程免费分享
全国免费热线电话

400-1234-550

周一至周日9:00-23:00

反馈建议

webmaster@ibeifeng.com 在线QQ咨询

扫描二维码关注我们

Powered by Discuz! X3.2© 2001-2013 Comsenz Inc.