分享

平面设计之空间构成

 九月秋龙 2018-09-04


自然界中所有东西的存在都需要空间,不管是高耸入云额山峰还是小小的尘埃,它们都有一定的体积,只是所占据的空间大小不同而已。物体所占据空间的位置以及与其他物体上下左右前后的空间关系,是物体在视觉空间的表现形态。


在平面构成中,空间只是一种假象,它是平面内图形体系的形成,给人视觉上造成不同的空间变化。这仅仅是一种视觉上的错觉,本质还是平面的。



空间构成的概念


空间构成指的是在二次元的平面上,依靠视觉观察所产生的错觉而产生一种具有立体感的三维空间效果。任何形体,它的空间形成必须具有相对立的形体作为参考,也就是参照物。依据这一视觉原理和经验,将平面形态要素按其大小、渐变、明暗、透视、重叠等因素进行构成设计,就可以在平面中产生具有纵深感的三维立体空间。



空间构成的常用方法


1.重叠排列


两个物体重叠的排列,会产生前后的空间感,也就是空间深度感。


space1.png


2.大小变化


依据透视近大远小的原理,相同的物体在前后不同的位置会产生视觉的大小变化。根据这种视觉现象,在平面中就会产生大的形体在前面、小的形体在后面的空间关系。如果加强虚实的变化,这种空间感则会更强烈。比如左图没有虚实的变化,仅仅是大小的变化,有一定的空间感。而右边除了虚实变化,在明度上也略有调整,空间感比左图更加强烈。


space2.png


3.倾斜变化


由于基本形的倾斜或排列变化,在人的视觉中会产生一种立体空间的错觉,所以旋转也会给人一种立体空间的深度感。


space3.png


4.扭曲变化


由于弯曲本身就有起伏变化,所平面形象的弯曲会产生强烈的视觉幻象,从而形成空间立体感。


space4.png


5.投影效果


投影本身就是空间感的一种反应,所以投影的效果也能使平面的形体产生三维立体空间的感觉。


space5.png


6.面的连接


在平面中,面的连接也可以形成体,而体本身具有空间立体感,所以面的连接可以产生视觉上的空间感。


space6.png


7.面的交错


两个平面相互交叉,就会在二维的平面上产生三维的空间立体感,视觉上的前后关系也由此产生。


space7.png


8.疏密渐变


点或线的疏密渐变可以产生空间感,这也是利用了透视上的近大远小现象。同样的间隔,在视觉上会随着距离的增加而变小,所以间隔越小,越密集,感觉越远;间隔越大,越疏松,感觉越近。铁轨的枕木就是一个很好的例子。


space8.png


9.平行线的方向改变


改变平行线其中一段的方向,会产生两个面的连接效果,由此产生立体空间的感觉。


space9.png


10.色彩变化


颜色冷暖对比,冷色相对靠后,暖色相对靠前。利用色彩冷暖的变化也可以产生一定的空间感。比如这个梯形,下半部颜色偏黄即偏暖,上半部稍微偏冷感觉偏蓝,这样就产生了下半部靠前、上半部靠后。


space90.png


11.肌理变化


和疏密变化的原理类似,利用了透视上的近大远小现象。粗糙的表面感觉离观察者近,模糊的表面离观察者远。因此,肌理的变化可以产生远近的空间感。


space91.png


12.虚实


根据近实远虚的透视原理,清晰的形体感觉离观察者近,模糊的形体离观察者远。


space92.png



空间构成的特点


在平面构成中的空间构成其实是相对于人的视觉而言,它的本质还是二维平面的。它具有平面性和幻觉性、矛盾性。


1.平面性


不管绘制的图形是二维的还是三维的,都存在于二维的平面空间,只有长度和宽度,本质上始终是平面的。


2.幻觉性


在二维空间里体现形体的长宽高三维空间感觉,都是错觉和幻觉。形体的立体感都是基于人的认知通过想像得到的,本质上的厚度或深度是不存在的。


3.矛盾性


由于二维空间的平面性,使得真实空间不能真实存在的事情能够在平面上表现出来。也就是在平面设计中,利用一点透视或多点透视的方法故意违背透视原理,有意制造出同视觉空间毫不想干的矛盾图形,这种独特的空间形式偶尔能够产生意想不到的矛盾性的视觉效果。



空间构成的分类


1.平面空间


平面空间也就是二维空间,通过平面形象来表达。形象和画面平行,没有厚度,没有前后之分,在平面上并列形象的大小比例变化不影响空间的深度。平面上的图和底或正负形就是二维空间图形。


space93.png


2.幻觉空间


利用在平面上产生三维空间的方法,可以在平面中产生空间幻觉。


space94.png


3.暧昧空间


现实中的任何形体都是占有肯定的、明确的空间位置。但是在空间构成中,可以将形体的空间位置进行错觉处理,由此产生的幻觉间就是暧昧不清、模棱两可的,使人产生空间扭曲交错的错觉。


有时把呈现暧昧空间的图形叫做交错式幻想图,这种图有几个共同点:


1)图形能够呈现三维立体感;


2)图形由两部分组成,而且要组成一个整体;


3)两部分是矛盾的,但两部分的凹凸正好相反。


space95.png


4.矛盾空间


每个局部符合视觉经验的空间效果,仅仅在平面上创造了特殊空间关系。这种空间打破了正常的自然规律,在空间关系上创造出奇特的、不合理的错视效果。


矛盾空间的表现方式:


1)视觉分离+共用面,组成一个形体。以两个视点为例,就是从两个视点分别绘制两个图形,然后把两个图形用一个面连接起来。两个图形虽然不是一个视点,但也并不存在矛盾,只有当一个共用面将这两个图形连接起来组成一个形体的时候,就制造出了矛盾。


space96.png


2)视点分离+矛盾连接,组成一个形体。同样用两个视点为例,从不同的视点分别绘制两个或两组图形,然后把两个或两组图形的边缘或显示不可能的地方连接起来,使它们形成一个整体。


space97.png


3)视点分离+另外的形体,组合在一起。同样用两个视点为案例,从两个视点分别绘制两个图形,然后用另一个形体,把这两个形体组合在一起。虽然没有形成一个整体,但是两个形体有机的组合在一起,矛盾就马上呈现出来。


space98.png



软件演示


比如要做一个具有立体感的三维字。先在画布上写上两个字,文字颜色可设置为白色,文字粗一点,字号适当放大,调整字间距。文字图层,点击右键,转为形状,然后放大,将每个锚点尽量对齐到像素网格,这样可以把形状图层做的尽量清晰化。


space99.png


选中所有的锚点,复制图层,可以命名为“厚度”,调整一下图层顺序、位置。适当的把厚度的颜色设置稍微偏蓝,让它使得和底纹以及白色的表面形成鲜明的对比。然后将两个锚点一一对应,只需要在有缺的部分补上就可以。下面可以适当做一些效果,把这个层再复制一下,调整图层顺序,建立剪切模板,添加投影,可以和底色相同,调整不同明度,在下部会产生一个淡淡反光的效果,点击“确定”。


space990.png


对于这个层再添加一个投影,投影的混合模式改为线性加深,这样一个简单的立体字就做完了。


space991.png



【本文由麦子学院独家原创,转载请注明出处并保留原文链接】

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多