对比构成 平面设计之对比构成

对比构成 平面设计之对比构成

世界上的一切都充满着对比,比如高和低、红和绿、胖和瘦、亮和暗等等。两个相对的因素是始终存在的,并且是矛盾存在的,没有对比就没有差异。

对比是构成设计中最重要的原理之一,有着较强的实用性。对比的形式法则被广泛应用于各类设计,特别是平面设计领域,从招贴、书籍、包装、样本到标志、网页等的图形、文字、编排、色彩,无一不涉及到对比的原理和形式。对比的形式有很多,最主要的体现在形象与形象之间的关系,以及形象与空间之间的关系和形象编排的方式。

对比构成的概念

对比构成指的是互为相反的东西,同时设置在一起所产生的现象,使彼此双方的特点更加鲜明而形成的一种构成形式。它是依据自身的大小、疏密、虚实、肌理等对比因素进行构成的。

对比是比较自由的一种构成形式,几乎所有的元素都可以作为对比的因素。它没有固定的骨骼线限制,也可以从基本形的任意方面入手对比。任何基本形与骨骼都可以发生对比。但要注意的是,在对比中找到它们之间的协调性:形与形之间要互相渗透,或基本形之间能够形成一定的渐变过程。无论具象形还是抽象形,只要处于相应的状况,都可以形成对比的因素,也就是任何相反或相异的形状都可以形成对比。

对比基本形的协调

1.保留一个相同或相似的因素。比如圆和三角形,两者形状完全不同,对比强烈,但是两者在色彩上保持一致,就有了共同点,对比中就有了协调。

对比构成 平面设计之对比构成

2.对比双方的某些要素要互相渗透,但又各自保持独立的特征,犹如太极的阴阳鱼。

对比构成 平面设计之对比构成

3.利用过度形,在对比双方中设置兼有双方特点的中间形态,使对比在视觉上得到过渡,也可以取得协调。例如黑色和白色的强烈对比,在黑白之间加一个灰色来协调,灰色的层次越多,对比就越柔和。

对比构成 平面设计之对比构成

对比构成的分类

对比构成的主要形式:形状对比、大小对比、位置对比、方向对比、肌理对比、色彩对比、空间对比、聚散对比、虚实对比。

1.形状对比

不同的形状必然产生一定的对比。比如方和圆。

对比构成 平面设计之对比构成

2.大小对比

大小对比也就是形状大小之间的对比,主要涉及了形象与形象之间的关系,这种对比关系比较容易表现出版面的主次关系。在设计中常常主要内容和比较突出的形象处理的大一些,次要形象小一些,以此衬托主要形象。有时为了取得突出效果,有意将大小悬殊拉开,用过大的形象来衬托小形象,使小形象成为视觉中心。大小对比还体现了远近,即近者为大,远者为小。

对比构成 平面设计之对比构成

3.位置对比

基本形在画面内排列时,空间不要太对称,应该注意上下左右空间的均衡,在不对称中秋平衡,从中可以得到许多疏密对比。

对比构成 平面设计之对比构成

4.方向对比

在基本形有方向的情况下,如大部分基本形的方向近似或相同,而少数基本形的方向不同或相异,就会产生方向上的对比。

对比构成 平面设计之对比构成

5.肌理对比

也就是质感对比,指不同的肌理感觉,如粗细、光滑、纹理的凹凸感不同所产生的对比。

对比构成 平面设计之对比构成

6.色彩对比

指色彩由于色相、明度、饱和度的不同而产生的对比。

对比构成 平面设计之对比构成

7.空间对比

虚拟与现实空间的对比就是图和底的空间对比:平面中的正负形、图和底、远和近及前后感所产生的对比。

对比构成 平面设计之对比构成

8.聚散对比

也称疏密对比,与空间对比有着密切的关联。既体现了空间与形象的关系,也包含了形象与形象之间的关系。密集的图形与松散的空间所形成的对比关系,是版面设计中必须处理的关系之一。

对比构成 平面设计之对比构成

密集是聚散对比的特殊表现形式,要处理和安排好密集的形象与疏松的空间之间的关系,应该注意以下几点:

1)形象聚集时要有主要的密集点和次要的密集点,及第三层次的密集。这有利于控制版面的主次和虚实,使其层层分明。

2)在主要密集点和次要密集点之间,应有过渡的形象,即要有一定的联系,使密集点之间不孤立,使形象互相之间有一定的呼应,形成虚与实、松与紧的对比关系。

3)要调整密集形象的动势,使其形成一定的节奏和韵律。

4)必须注意密集图形的整体统一性,同时又要使密集图形相互有穿插变化,调整好版面的平衡关系。

9.虚实对比

对比有利于突出画面的主物体,虚实是通过基本形与基本形之间的对比体现出来,没有绝对的虚实对比之分。

比如:基本形的模糊和清晰的对比、形体大小的对比、黑白灰的对比等。在使用过程中,要注意整体画面的重点,体现虚实基本形的相互映衬。

对比构成在设计作品中的应用

1.这时沙县小吃进军日本的海报,海报底色用了大面积的黑色,主体部分的炒米线放在了白色的盘子上,和底色形成了鲜明的对比,使得炒米线瞬间成为第一视觉中心点,突出了主题产品。同时产品的下半部分又加了白色的半透明,配以黑色的文字,名字在炒米线上一目了然。

对比构成 平面设计之对比构成

2.再看电商banner设计中常见的表现手法。如图,大面积的绿配上橙红的产品,强烈的颜色对比使印有72字样的衣服迅速吸引观众眼球。左边白色的字也和绿色的底形成鲜明的对比,文字识别性比较强,从而说明活动的主题。

对比构成 平面设计之对比构成

3.在UI设计中,对比设计的应用也是十分的普遍,比如用灰色的图标表示未选中,蓝色图标(或其他主题颜色)高亮并加以形态上的小变化来表示当前选中状态或者当前所在版块。另外,用灰色的线性图标表示未选中,彩色的剪影图标来表示选中也是非常常见的一种导航表现手法。

对比构成 平面设计之对比构成

做一个banner的广告

比如需求是:

对比构成 平面设计之对比构成

打开软件,导入星空的背景,把文案复制到PS里,将背景变暗,这样有利于突出白色的文字。下面画一个矩形,把字体稍微改一下,扩大字间距,居中对齐。

对比构成 平面设计之对比构成

再看第二点,同样扩大字间距,将两者居中对齐,把文字颜色稍微降低。

对比构成 平面设计之对比构成

接下来第三个,这时可以把字体变得稍微细一些,文字也小一号,和矩形居中对齐。然后再放英文字母。

对比构成 平面设计之对比构成

为了突出第一视觉点,可以把文字的颜色改一下为橙黄色。

对比构成 平面设计之对比构成

本文永久地址:https://www.haodeplus.com/article/532943.html

原文出处:对比构成 平面设计之对比构成

为了避免权属纠纷,特做如下说明:本站内容作品来自用户分享及互联网,仅供参考,无法核实真实出处,并不代表本网站赞同其观点和对其真实性负责,本网站仅提供信息存储空间服务,我们致力于保护作者版权,如果发现本站有涉嫌侵权的内容,欢迎发送邮件至haodeplus@qq.com 举报,并提供相关证据,一经查实,本站将立刻删除涉嫌侵权内容。网站中的商品信息均来自于互联网,如商品信息不同,可能是商品信息未及时更新,所有商品信息请以商家店铺内为准!

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注