平面设计中如何巧用点提高视觉张力?

UI / UI设计教程 / UI教程 /      

uimaker
UI设计师 / 江苏 南京

来源:ifeiwu   作者:飞屋睿UIdesign

关键词

什么是平面设计中的点?点在平面设计中有哪些作用,怎样构图才可以获得最大的视觉张力,今天飞屋睿UIdesign这篇好文是《平面构成》的读书笔记,不仅有全面系统的理论知识,还附上了实战uimaker.com/uimakerhtml/uistudy/">教程,帮你吃透“点”的运用,建议阅读。

构成是什么,不就是把我们的自然界里的视觉规律再通过文字整理归纳的知识么?所有设计的门类,几乎都离不开构成,所有视觉的表现也都体现了构成。它太隐蔽了,也太简单了,它是整个视觉世界的抽象,因此很多人就觉得应用上特别困难。要说推荐构成的书,我十分没有把握,但看了孙彤辉的《平面构成》,好像又豁然开朗。不如就这本书的思路,我们再来一起学一下这些基础吧。除了理论,最重要是我们从理论再回到实践,从抽象再回到日常。

一、并不是小小圆圆才叫点

点是造型的基础之一,是造型最小的单位。空间中出现了一点就能吸引眼球,再出现一点,这个焦点的注意力就均分了,如果这些点大小不一,则首先吸引焦点的是较大的那个点,再接着是较小的点,这样就形成了视觉的节奏。首先,你必须要简化日常所见的点,任何一个能引发视觉紧张,产生视觉张力的图形都有被称为“点”的可能,并不是小小圆圆才叫点。

平面设计中如何巧用点提高视觉张力?

上图的页面在覆盖层上表现很多水滴状的图像,隐隐透露出下方的图像信息,给人一种半遮面的未知之美。

平面设计中如何巧用点提高视觉张力?

这里的大小不一的点形成了一种视觉节奏,你的视觉会从一个点跳到另一个点,配色鲜明,构成一派欢快的氛围。

从上面两个例子可以看出,在造型的世界中,点是具有形象的,也是有大小的,并且点的大小是有限度的。超越限度就会失去点的性质而成为“面”。因此,点是根据周围环境而确定的,点与其所在空间的面积应该是一种从属关系,它本身具有一种细小单位的性质。

平面设计中如何巧用点提高视觉张力?

这个海报中,利用图形的合成,把人物也看作一个点,这个点由于是一个人物攀爬的状态,其实更能激发一种紧张向上的活力。

二、一个点就是一个小宇宙

点具有张力的作用,它具有一定的紧张性。点在版面中的位置不同、数量不同、大小不同,给人的张力感受也不同。

理论上,在不考虑其他视觉元素的作用下,一个点处于中间位置的时候,是非常稳定的,但略显得呆板。因此可以把点的位置往左上或右上移动,这样就形成一种上升的力量,带来了动感。

例如此处的图形安排,如果放于中间,看上去会特别稳定,当然也会比较无聊。

平面设计中如何巧用点提高视觉张力?

往上方移动,带出一种往上提升的力量。

平面设计中如何巧用点提高视觉张力?

下图中的图形浮动在流动的波浪线上方形成一种浮动其上的美,略靠中间的位置,由于极少其他元素的干扰,整体画面简洁、稳定。

平面设计中如何巧用点提高视觉张力?

三、点与点的火花

点与点之间,会形成一种视觉牵引,你的大脑会自动脑补出两点间的连线。以此类推,如果更多的点不仅形成了线,还连成了片,所以,用点这个单位就能创作更多的线和面。这时,点的装饰作用减弱了。

平面设计中如何巧用点提高视觉张力?

例如上面这个由蓝色的点来组成的数字“8”,形成的虚面效果非常活泼。

平面设计中如何巧用点提高视觉张力?

这里的点的连线部分已经用一种“未断欲断”的手法表现出来,而其他的部分则相比就显得更独立,有一种对比,在45度角的对称也有一种倾斜的活力。

四、点的构图运用

圆点波尔卡抽象图案

在运用点作为主角构图的案例中,最常见的就是利用点的集合关系进行构图,日本草间弥生的作品是最具有代表性的。圆点本身的造型柔美、可爱,利用大大小小的圆点安排空间深度的关系,有机组合就能形成有趣的图案。下图是草间弥生的南瓜图。

平面设计中如何巧用点提高视觉张力?

由于圆点本身的抽象性,这个图也同样姿态万千,未必是一个南瓜。这份创作理念自然是大师的手笔,我们能从中学到的是她运用圆点的创作技巧。她把南瓜分成了对称的瓣状,每一瓣安排了圆点来形成一种立体关系,让你感受到南瓜表面的起伏。

 收藏