版式设计基础与实战:小白的进阶学习之路
上QQ阅读APP看书,第一时间看更新

1.5 版式设计中的点、线、面

笔者在《平面设计基础与实战——小白的进阶学习之路》一书中讲过点、线、面的相关知识,但在本书中更换了讲解方式,以便读者能够更好地理解点、线、面的知识并将其运用在版式设计中。

设计时,通常是按照“面——线——点”这样的顺序来进行的。“面”在版面中常以主体的形式出现,形成版面中主要的视觉元素;“线”在版面中常起到维持秩序、引导或分割的作用,细线可以增强版面的精致感;“点”在版面中常起到点缀的作用。这三者之间可以根据大小和形态的变化互相转化,下面列举一些案例来具体说明。

1.5.1 面、线、点的形式与转化

以下几组图都按照“面——线——点”的设计顺序进行呈现,并以表格的方式分析这3种要素出现的形式以及它们之间存在的转化关系。

0

面—线—点

0
0

面—线—点

0
0

面—线—点

0

从上述3个例子中可以发现,一个看起来和谐、完整的版面都具备点、线、面这3种元素,并且点、线、面可以以不同的形式出现。点排列成行就变成了线,线排列成阵就变成了面,点放大就变成了面。

很多初学者知道点、线、面之间存在转化关系,但是不明白转化意味着什么。假如把第1个例子中点、线、面互相转化的部分改回去,如将左侧的字母从描边形式的线改回填色形式的面,将由点阵组成的面直接改成一个方形色块,那这两个改动相当于去掉了版面中很多的线和点,版面会因此而显得呆板和沉闷。

0

所以在实际排版中,合理地运用转化手段可以轻松地解决版面中点、线、面缺失的问题。

1.5.2 点、线、面缺失后的效果

前面讲解了点、线、面在画面中的作用,接下来通过案例列举版面中分别缺失点、线、面后的效果。

先来看兼具点、线、面的完整设计稿,可以看出版面富有节奏感,给人的感觉很舒适。

0

下图去掉了面元素,与完整设计稿对比会发现,当版面中仅有点和线元素时,版面会因失去重点而显得散乱,没有视线落点。所以当版面缺失面元素时,版面会显得散乱。

0

下图去掉了线元素,与完整设计稿对比会发现,当版面中仅有点和面元素时,版面会变得无序且缺乏精致感。面与面之间失去了线的引导,观者的视线移动就会很跳跃,且整个版面看起来都是圆圆的、钝钝的,有一些笨拙感。所以当版面缺失线元素时,版面会显得无序。

0

下图去掉了点元素,与完整设计稿对比会发现,当版面中仅有线和面元素时,版面会变得呆板、不活泼,少了一些情绪上的表达。所以当版面缺失点元素时,版面会显得呆板。

0

通过以上点、线、面知识的讲解可以发现,这不仅是一个非常基础的设计理论,也是使设计版面成立的基石。尤其是对非科班出身的设计师而言,掌握好点、线、面的知识是非常必要的。

观察作业

平时看到好的作品时注意观察版面中的点、线、面元素是如何安排和互相转化的,以便将它们灵活运用到自己的设计中。