网页UI设计的双色

  最近大家是否发现,网页设计中悄悄涌入了一股新的泥石流--漂亮而炫酷的双色效果。这种效果打破了常规的配色方法,给人带来崭新而震撼的视觉效果,大气十足。作为紧跟潮流的设计师怎么能掉队呢?赶紧来学习下双色法的使用方法,尝试着将它运用到你的设计中去,或许会产生意想不到的效果!

  双色配色方案在设计中已经被应用很长时间了,但是到目前为止在网页设计中的应用还不是很多。无论Spotify(注:一个起源于瑞典的音乐平台)开启了一种新的趋势是否有争议,这个数字音乐平台曾经使用大面积运用色彩的手法使他们的网站及营销都产生了非常大的影响力,这点还是非常值得赞赏的。

  什么是双色配色?从本质上来说,它是一种将两种互补色组合起来的配色。在一个页面上可能还会出现其他颜色的组合和多色彩的图片,但是双色的形式是占据主导地位的,或者是使用户关注某个特定的图片。双色的效果可以运用到头图、空白区域或者是背景图以及视频上。

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

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

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

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

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

  只需一个很小的努力,你就可以把你的已经很赞的网站转化成一个更棒的网站。选择一个灰色的背景图片,然后看看如何把它改成一种非常酷炫的蓝色使文字更加地突出,同时营造出一个很酷的,令人感到轻松的氛围。

  下面的这个网站的图片对于一些比较保守的网页设计师来说可能有点太过强烈了,但是它确实吸引了用户。当尝试使用双色法的时候不要害怕走出你的舒适区。颜色未必要总是非常搭配,你可以经常做出些改变,或者利用A/B方案测试的方法看看哪种效果好哪种可能效果不好。

  已经有很大一部分网页设计师开始运用双色的流行趋势,而且还有一些人也正在加入这个行列。这些设计师中有许多人已经尝试了按说至少是很不寻常并且也不是特别流行的色彩对比和色彩方案--并且他们在吸引用户的注意力上取得了非常大的成功。

  你在这里所看到的是一些双色很自然地与网站的主题相适应的例子,而其他的一些例子中双色的使用可能被描述为前卫的更好,或者甚至是冒险的。使用这种手法确实是很冒险的,而且绝对是有挑战性的。但是如果运用的很好,你的用户就会获得更棒的体验。

您可能还会对下面的文章感兴趣: