咨 询   1 3 8 6 4 1 6 9 8 9 1

电 话   0 5 3 1 - 6 9 9 8 3 8 1 5

     

26 2018 - 03月

相似性在设计中的应用

文章简介:相似性在设计中的应用,相似性就象一座视觉桥梁。一个元素的颜色在视觉上总是强于它自身的形状,色彩总是最有效的联系方式。在下面的第一张图中,我们可以看到两个黄色的元素在视觉上形成了一种关联性,将左侧的西澳大利亚的珀斯市与右边的城市名称联系起来。

在视觉领域中,我们的眼睛很容易就会发现那些相同的元素,并“自动”地将它们联结在一起,尽管这些相似元素的距离远近不一。相似的形状、颜色或其它特性让我们将它们看成是一个组合:

公司画册设计

 用颜色形成相似:

在设计中相似的特性可以成为我们有力的工具,利用相似性,我们可以使两个相隔较远的元素在信息上联系起来。

相似性就象一座视觉桥梁。一个元素的颜色在视觉上总是强于它自身的形状,色彩总是最有效的联系方式。在下面的第一张图中,我们可以看到两个黄色的元素在视觉上形成了一种关联性,将左侧的西澳大利亚的珀斯市与右边的城市名称联系起来。下图后两张图说明了不同的颜色可以影响这种联系的强弱,应该使黄点与黄色文字与背景的对比都一样突出,象最下的一张图,这种对比就不太明显了。

公司画册设计

相似性的应用随处可见,如在室内设计中(下图),我们通过房间内不同的元素应用相同的颜色,就使不同元素产生了关联性。

公司画册设计

文字的相似性:

利用相似性,我们可以分别将主标题及副标题联系起来,让读者对文字的层次一目了然而不杂乱。

在这里,相似性的原则是利用相同的字体来形成相似,主标题要使用同一种字体,副标题使用另一种相同的字体。相同的字体自然就形成了一种关联性,让读者看到一个标题后就知道另一个标题也会是同样的形式。

公司画册设计

上图中:

A, 主标题:正文所有主标题的文字都是同一种字体、同一个尺寸及同一种颜色。

B, 副标题:设置成一种粗体,以便与较小的正文形成区别,避免读者混淆。

C,较大的段距:利用相似的颜色及较大距离的段距,让人很清晰地知道这里说的是另一种信息,看起来也很舒服。

留意一点:上图小图中,虽然红色元素较小,但其“视觉份量”与大它很多的黑色圆点基本是一样的。

利用形状形成相似:

相似的形状可以将元素对象联系在一起,相似度越高,关联性就越强。

保持相同:在下图这张介绍城市绿化植物的设计中,圆圈就象一块磁石,在视觉上告诉读者“看我这里”,同时与右侧较大的圆圈形成一种强烈的联结,这不仅仅是形状在发挥作用,其相同的线条及相同的图片同样强化了这种联结。

公司画册设计

形状越是相似,则联结性越强:

 

公司画册设计


实践出真知!二十个利用对比设计的方法

在设计中的对比度(英: Contrast)是指,黑与白,大与小等等之类的差异性。

然而在实际的对比中,你需要从全部的项目上去思考,这是设计的重要原则之一。对比是为了将设计中的重要元素进行分类整理,然后按照不同的重要阶层来传递给读者。设计的重点,不仅仅是为了传递出焦点(英: Focal Point),也要给用户带来视觉性的趣味。相同大小的形状,颜色按照布局并列的放在一起,可能会让你觉得无聊。但是,如果在这之中加入对比,设计立马就变得有趣起来了。 当然很多的设计概念是相同的,平衡对于对比来说也是非常重要的。如果对

查看详情


连续性在设计中的应用

格式塔心理学的连续法则说明了我们的眼睛会将多个对象连成一条路径

连续性是眼睛的一种本能反应,我们倾向于将观看的多个对象形成一条路径。这条路径,可以是想象出来的,也可以是文字含义所提示的。

北斗七星的勺子形象就是一个想象出来的路径

虽然上面的星星排列并无规律,但我们的眼睛会自动将上面的星星连成一条路径。

这条路就是文字本身的含义让我们连成一条路径

因为我们脑海里已经对“路”有了一个明确的概念,所以就算上述的图片中小路看起来是断断续续的,但我们的眼睛仍然是“看到”一条完整的

查看详情


相近性在设计中的应用

格式塔理论的相近性原则告诉我们,我们的大脑会将距离相近的各部分元素组成一个整体。

相近性原则:

当分离的各个元素接近的时候,他们便呈现一个整体的形象,就算这些元素看起来不一样。

相近掩盖差别:

利用相近性我们将不同的字母、形状及颜色元素组成一个标志。 尽管上述各个字母的形态并不一样,但是由于各个元素距离相近,我们在识别时仍会将其看作一个完整的词组。 尽管上述右边的标志是由不同形状及颜色的元素结合,但相近性原则使我们能够清晰识别出一个房子的轮廓。

组合相关元素:

将元素相合,能

查看详情