![版式设计基础与实战:小白的进阶学习之路](https://wfqqreader-1252317822.image.myqcloud.com/cover/577/46424577/b_46424577.jpg)
1.5 版式设计中的点、线、面
笔者在《平面设计基础与实战——小白的进阶学习之路》一书中讲过点、线、面的相关知识,但在本书中更换了讲解方式,以便读者能够更好地理解点、线、面的知识并将其运用在版式设计中。
设计时,通常是按照“面——线——点”这样的顺序来进行的。“面”在版面中常以主体的形式出现,形成版面中主要的视觉元素;“线”在版面中常起到维持秩序、引导或分割的作用,细线可以增强版面的精致感;“点”在版面中常起到点缀的作用。这三者之间可以根据大小和形态的变化互相转化,下面列举一些案例来具体说明。
1.5.1 面、线、点的形式与转化
以下几组图都按照“面——线——点”的设计顺序进行呈现,并以表格的方式分析这3种要素出现的形式以及它们之间存在的转化关系。
![0](https://epubservercos.yuewen.com/8DE1B2/25643815209531906/epubprivate/OEBPS/Images/59115-00-022-01.jpg?sign=1738856954-NZenaK34tZdeq5lsFhBL6iWdvklR0IBW-0-6b14a7c0be7a32a09ed85828162cce2f)
面—线—点
![0](https://epubservercos.yuewen.com/8DE1B2/25643815209531906/epubprivate/OEBPS/Images/59115-00-022-02.jpg?sign=1738856954-uKARzrygdp0QK9Luzt8iF9G3LbJwGKuP-0-692edb67bc8ee451d5d9a16239e3372e)
![0](https://epubservercos.yuewen.com/8DE1B2/25643815209531906/epubprivate/OEBPS/Images/59115-00-023-01.jpg?sign=1738856954-SEBTwgc2QkT65A0GOpz5NqR2hhkrEy3S-0-490c0bf6a39a326e38982dd28b6ed42b)
面—线—点
![0](https://epubservercos.yuewen.com/8DE1B2/25643815209531906/epubprivate/OEBPS/Images/59115-00-023-02.jpg?sign=1738856954-85FsLv8CTPey1nR1HmsK2cTJrZPQsV5M-0-cff19f12421d827bd3505769c49badc0)
![0](https://epubservercos.yuewen.com/8DE1B2/25643815209531906/epubprivate/OEBPS/Images/59115-00-024-01.jpg?sign=1738856954-f9L6AVvNoVMIRpfW3akMMpTZe82k0PJP-0-4865cb9f55494d4bbb1ea5cc42f06971)
面—线—点
![0](https://epubservercos.yuewen.com/8DE1B2/25643815209531906/epubprivate/OEBPS/Images/59115-00-024-02.jpg?sign=1738856954-9aCrHSCSPvO3xyVdwOpx5lfyX4jAO7qj-0-f5f1b5a4be13cae73a4f38dc1f3378b3)
从上述3个例子中可以发现,一个看起来和谐、完整的版面都具备点、线、面这3种元素,并且点、线、面可以以不同的形式出现。点排列成行就变成了线,线排列成阵就变成了面,点放大就变成了面。
很多初学者知道点、线、面之间存在转化关系,但是不明白转化意味着什么。假如把第1个例子中点、线、面互相转化的部分改回去,如将左侧的字母从描边形式的线改回填色形式的面,将由点阵组成的面直接改成一个方形色块,那这两个改动相当于去掉了版面中很多的线和点,版面会因此而显得呆板和沉闷。
![0](https://epubservercos.yuewen.com/8DE1B2/25643815209531906/epubprivate/OEBPS/Images/59115-00-024-03.jpg?sign=1738856954-SPzwtGf9gQsm7PN7vWQR1AI2BIN2ymjw-0-1195336d9105cf8cc4ba8268a3513cab)
所以在实际排版中,合理地运用转化手段可以轻松地解决版面中点、线、面缺失的问题。
1.5.2 点、线、面缺失后的效果
前面讲解了点、线、面在画面中的作用,接下来通过案例列举版面中分别缺失点、线、面后的效果。
先来看兼具点、线、面的完整设计稿,可以看出版面富有节奏感,给人的感觉很舒适。
![0](https://epubservercos.yuewen.com/8DE1B2/25643815209531906/epubprivate/OEBPS/Images/59115-00-025-01.jpg?sign=1738856954-gBe44mhNovLDOkSar5xL1UPo6VqlYWLT-0-97a8d734e3bff071359cfd2d006bc351)
下图去掉了面元素,与完整设计稿对比会发现,当版面中仅有点和线元素时,版面会因失去重点而显得散乱,没有视线落点。所以当版面缺失面元素时,版面会显得散乱。
![0](https://epubservercos.yuewen.com/8DE1B2/25643815209531906/epubprivate/OEBPS/Images/59115-00-025-02.jpg?sign=1738856954-V21oPZWKUQAlbMPncoWDmOOZxJvsZ0mT-0-ee566bd2c97a07350395e0e7746ca405)
下图去掉了线元素,与完整设计稿对比会发现,当版面中仅有点和面元素时,版面会变得无序且缺乏精致感。面与面之间失去了线的引导,观者的视线移动就会很跳跃,且整个版面看起来都是圆圆的、钝钝的,有一些笨拙感。所以当版面缺失线元素时,版面会显得无序。
![0](https://epubservercos.yuewen.com/8DE1B2/25643815209531906/epubprivate/OEBPS/Images/59115-00-025-03.jpg?sign=1738856954-MLM2MdowIJoFN1PIvIIzWFzoaoCcAMgE-0-4f4d18d632587d843e4e3f93de8b4722)
下图去掉了点元素,与完整设计稿对比会发现,当版面中仅有线和面元素时,版面会变得呆板、不活泼,少了一些情绪上的表达。所以当版面缺失点元素时,版面会显得呆板。
![0](https://epubservercos.yuewen.com/8DE1B2/25643815209531906/epubprivate/OEBPS/Images/59115-00-025-04.jpg?sign=1738856954-vfpGbO0Lj5Mir6pmaTm7C3BovaF9B9Oj-0-4fced5492d5f2833c6e161cabe313763)
通过以上点、线、面知识的讲解可以发现,这不仅是一个非常基础的设计理论,也是使设计版面成立的基石。尤其是对非科班出身的设计师而言,掌握好点、线、面的知识是非常必要的。
观察作业
平时看到好的作品时注意观察版面中的点、线、面元素是如何安排和互相转化的,以便将它们灵活运用到自己的设计中。