相似的形状、颜色等其他特性在平面设计中的应用

所属分类: 平面设计 / 平面其它 阅读数: 1601
收藏 0 赞 0 分享

视觉领域中,我们的眼睛很容易就会发现那些相同的元素,并“自动”地将它们联结在一起,尽管这些相似元素的距离远近不一。

相似的形状、颜色或其它特性让我们将它们看成是一个组合:

用颜色形成相似:

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

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

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

文字的相似性:

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

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

上图中:

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

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

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

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

利用形状形成相似:

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

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

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

相关阅读:

平面设计中相近性的应用技巧

连续法法则 连续性在平面设计中的应用

更多精彩内容其他人还在看

干货:安卓Chrome浏览器再设计思路总结

这篇教程是向脚本之家的朋友总结安卓Chrome浏览器再设计思路,教程真的很不错,很值得设计朋友学习,推荐过来,有需要的朋友可以参考本文,希望能对大家有所帮助
收藏 0 赞 0 分享

盘点你所不知道的现代艺术的事

今天小编为大家带来你所不知道的现代艺术的事,这篇文章真的很不错,对于艺术朋友来说,可以过来了解一下
收藏 0 赞 0 分享

干货:电商详情页设计的设计思路和技巧介绍

这篇文章为大家介绍电商详情页设计的设计思路和技巧,教程真的很不错,很实用,对于设计师来说很值得学习,推荐过来,有需要的朋友可以过来参考一下哦
收藏 0 赞 0 分享

背景VS主体:如何使用背景更突出主体

下面小编为大家介绍如何使用背景更突出主体方法,教程真的很不错,对于设计的朋友可以过来了解一下,好了,下面我们来学习吧
收藏 0 赞 0 分享

案例:茶叶包装该怎么做

茶叶包装该怎么做?对于很多设计师来说,应该都很头疼吧,所以今天小编就为大家用案例来说明一下,希望能对大家有所帮助
收藏 0 赞 0 分享

在网页中怎样做到简约?浅谈网页设计中的简约之美

在网页中怎样做到简约?对于很多网页设计的朋友来说,他们都很想知道,所以今天小编就和大家一起来谈谈网页设计中的简约之美,一起来看看吧
收藏 0 赞 0 分享

快速学习方法:如何将碎片化的知识应用到工作中?

如何将碎片化的知识应用到工作中?相信这是很多学设计的朋友都困惑的一个问题吧,所以今天小编就为大家分享快速学习方法之教你如何洗心,一起来看看吧
收藏 0 赞 0 分享

超实用:提升UI设计工作效率小技巧分享

这篇教程是向脚本之家分享提升UI设计工作效率小技巧,教程很实用,对于工作效率不高的朋友可以参考本文哦,希望能对大家有所帮助
收藏 0 赞 0 分享

字体设计:书法字体设计的三个终极技巧介绍

这篇教程是向脚本之家的朋友介绍书法字体设计的三个终极技巧,教程真的很不错,很实用,对于正在学习字体设计的朋友很有帮助,快快来看看吧
收藏 0 赞 0 分享

视觉篇:教你如何做好扁平化视觉设计

这篇教程是向大家介绍如何做好扁平化视觉设计,对于学设计的朋友可能对扁平化设计并不是很熟悉,所以今天就为大家分享这篇教程,有兴趣的朋友快快来看看吧
收藏 0 赞 0 分享
查看更多