来源:优设 作者:佚名
页面中的所有的大部分按钮都是红色(这是一种被常用来装饰元素的颜色),当鼠标划过去会变为蓝色。然而,在“work”页面,第一个按钮刚刚与前面所述的相反,而是蓝色按钮,当鼠标滑过会变为红色。这是否是一个失误呢?还是设计者有意为之?尽管如此,我认为这个网站的对比原则运用得十分巧妙。
LOWDI
最后一个要提及的网站是LOWDI,下图是网站的首页,请注意设计师是如何使用颜色来表达对比和一致性的。
颜色能清楚地描画出不同部分。整个颜色的搭配明快。请注意这里显示价格的那块背景色是怎样凸显出来,而与此同时也提醒了下方的产品页面。
总结
对比和等同具有不同的功能,它们之间的关系通过相互影响的程度而发生变化。你不会单独看到它们的存在,它们总是相互依存的。改变其中一个,意味着也会改变另一个。
表现一个设计中的对比和等同是视觉沟通的第一步,是用户明确网站意图的首要步骤。
总之,对比和等同就是设计元素里的视觉信号,有所不同将会吸引我们的注意力,相似的元素又会提醒我们它们的关联性。同样布局的对比目的是为了让这一组元素与另一组元素相同,从而达到整体的和谐一致。