来源:站酷 作者:Healan
之前提到的比例分割法发挥效用的一部分原因在于它是出人意料的,它达到的不是整齐划一的典型效果。惊喜的元素使用是创造对比的好方法,比如在一个平淡的设计中加入明亮的颜色就能打破整齐划一的感觉,从而吸引观众的兴趣。
在这个登录页面中文本与图像的互动方式与众不同,为原本简单直接的设计加入了一点活力。
13.重复元素和图案的对比
巧妙地使用重复元素和图案可以像比例分割法一样创造焦点和视觉趣味性,而且重复视觉主题也可以让设计更具效力。
下面这个图片设计师的名片运用了图案来平衡及组织文字,使其成为视觉焦点。而且这种图案设计也巧妙地为该品牌结合了一些个性化元素。
14.位置和方向的对比
每一项设计都需要一定的组织结构。文本需要通过某种方法排列在一起,各种元素需要放置在布局中某些特定的位置,空白的分布也需要仔细设定。虽然连贯性是统一设计的关键,但是有目的性地、恰当地将一些元素打乱却能创造出有趣的对比。
下图的logo在整齐排列的文本中使用斜体来突出最关键的信息,除此之外,书写体与正式的无衬线字体也是另一大对比。
15.间距的对比
有目的地组织元素可以向观众展现各个元素之间的关系,也可以为设计分出内容层次,使其更容易理解。此外,还可以通过数量来形成对比,比如在几组元素之间加入一个单独元素或在几个单独元素中加入一组元素,就会使这个或这组元素成为焦点。
好的结构对于简历之类以文本为主的设计来说尤为关键,适当的间距、排列和颜色使用都能够使其变得层次分明、一目了然。
16.视觉线索的对比
研究表明人类能够记住80%所看到的信息,这就是设计如此重要的原因之一。但是人们的注意广度有时很有限,而且读者有时候需要一点提示才能知道接下来应该把注意力放到哪里,这个时候视觉线索便派上用场了。你可以运用箭头或高亮的圆圈等形状直接指出要强调的设计元素;如果是在文本块中,就是以下划线、要点、符号等作为视觉线索(如下图)。
17.复杂和简单元素的对比
简单和复杂的个性化元素混搭可以加强设计的对比效果。下图是利用对比手法来突出设计元素的又一例子。这组便利帖将华丽复杂的花纹与简洁的字体搭配,两种强烈对比的元素创造出戏剧化的效果。
18.字体的对比
文本是大多数设计的必要部分,同时也为创造对比提供更多可能。我们之前提过的创造对比的大多数方法都可以运用到文本设计中,但是其中字体的选择运用或设计仍有许多特别的考量。
首先就是选择不同的字体。如果你在设计中选择一种以上的字体,那么就要确保这几种字体能够形成有效对比,所谓有效就是这些字体首先能够通过视觉相互区别,而且它们之间的各种差异能具备不同的功能。比如一种字体可能用作标题,另一种字体作为文本。但切记不要选择类似的字体,,因为这会给人一种印刷错误的印象。
根据经验,最好选择一种衬线字体和一种非衬线字体来设置对比,因为通常来说,互补的两种元素会产生很好的对比效果。
下图logo中非衬线体和粗衬线体(以及书写体)的对比完美平衡了整个设计。
19.使用字体对比的注意事项
当你选择使用不同字体的时候,肯定是为了创造对比效果而不是冲突。除非你刻意追求一种个性风格,否则大多数冲突看起来效果都不好。然而并没有固定的标准来评判对比效果的好坏,这往往取决于人的直觉,你要相信自己的判断,借鉴一些出色的字体搭配,然后坚持练习,直到你把这项技能变成一种习惯。
下图的设计将各种不同的字体以一种活泼生动的方式展现出来(也正好符合了这款设计的幽默主题),与此同时,没有任何过于花哨的元素来引起冲突,所有的元素都相互合作,服务于设计目的。
20.字体风格和重量的对比
许多字体都有一系列版本可供选择,比如细体、粗体、斜体、长体等等。这些选择大大减轻了工作负担,即使你只选择一种字体,这种字体的的其他版本选择也足以用来组织文本并创造有效对比。而且你还可以试着调整字体大小或颜色来设置另外的对比。
下图的设计使用了同种无衬线字体的两种重量来创造一种亮面的效果。此外,衬线字体的使用也表现出一种浮雕的效果,形成另一种对比。