![平面设计师之路:版式设计原理与实例指导](https://wfqqreader-1252317822.image.myqcloud.com/cover/980/44506980/b_44506980.jpg)
1.1.1 版式设计的构成元素
构成版式设计的元素有点、线、面。点又分为方点和圆点,线又分为直线和曲线,面又分为规则形和不规则形。无论版式设计是否简洁,所有版面上需要传递给读者的信息都会被形象地归结为点、线、面。这些信息以点、线、面的形式向读者展示其精神或理念,给读者留下印象。
◎ 点
点的视觉效果取决于其他元素的比例大小。点不是一个固定的形状,所有微小的形状、文字等都可以用点来概括,都可以视为点。
点在版式设计中时刻存在着,并具有协调版面的作用。不同大小、不同数量的点能够使版面灵活多变,让版式设计精彩纷呈。
![0](https://epubservercos.yuewen.com/9D98F0/23719015509598406/epubprivate/OEBPS/Images/58823-00-011-01.jpg?sign=1739296793-tCRrvESOhvXDxLi6L9Du0rWknbVAHWkn-0-7f7e1074e3c6b38cae116f9415ff115d)
不同形状、大小的点
![0](https://epubservercos.yuewen.com/9D98F0/23719015509598406/epubprivate/OEBPS/Images/58823-00-011-02.jpg?sign=1739296793-VHwlAD9s0FT6iUTf3MkFmXqcpAcX1Pjs-0-ef59560c474ab5118487497358206eff)
由外向内逐渐变大的点构成的面
![0](https://epubservercos.yuewen.com/9D98F0/23719015509598406/epubprivate/OEBPS/Images/58823-00-012-01.jpg?sign=1739296793-BuygI5R32fSbk5OK7VUO7ASkRWWfsRn5-0-ef8695a27b401292abe445092f62c402)
由外向内逐渐变小的点构成的面
![0](https://epubservercos.yuewen.com/9D98F0/23719015509598406/epubprivate/OEBPS/Images/58823-00-012-02.jpg?sign=1739296793-CCo5NzbBZfFK77xenfwy1ecc9rL38hPj-0-904ce4aff091737b4521bc2fdbfd5a4b)
无规律的点构成的面
![0](https://epubservercos.yuewen.com/9D98F0/23719015509598406/epubprivate/OEBPS/Images/58823-00-012-03.jpg?sign=1739296793-GNe7BCOOVU2Ahh8vFzWv1kNL1HwpGNB0-0-11b5ce8a2e8138e2bf1c6d1c82ba27f2)
» 下图中五彩缤纷的点通过聚集和分散排列,形成一个面,给人更大的想象空间。
![0](https://epubservercos.yuewen.com/9D98F0/23719015509598406/epubprivate/OEBPS/Images/58823-00-013-01.jpg?sign=1739296793-phcq890MKduV9CeQcmRigXVY5VSaVy8j-0-60eb9cb699e244b512218a6121689177)
» 下图中大小不一的点根据一定的规律进行排列,从大到小,直到消失,使版面产生虚实变化,更具空间感。
![0](https://epubservercos.yuewen.com/9D98F0/23719015509598406/epubprivate/OEBPS/Images/58823-00-013-02.jpg?sign=1739296793-qnE8pIYgz6fOPoeDCnTnsaX8U1YH5b58-0-bab35a196c781369626f6185074656a3)
» 下图中文字以点的形式围绕同心圆排列,形成长短不一的曲线,整体形成了一个有意思的图形。
![0](https://epubservercos.yuewen.com/9D98F0/23719015509598406/epubprivate/OEBPS/Images/58823-00-013-03.jpg?sign=1739296793-KADVhenEk3KTHlCcFgCqsQPFreTvvMMy-0-6a69abddc36d32c5d724014391e0a2a7)
» 下图中错落有致的点整体呈倾斜对称结构,具有强烈的节奏感,打破了视觉中心点构图的单调性。
![0](https://epubservercos.yuewen.com/9D98F0/23719015509598406/epubprivate/OEBPS/Images/58823-00-013-04.jpg?sign=1739296793-RMJhT9ADSHYJBojSnPVAMlLOu0pbUShJ-0-e0ba3a48f5c5eeef6326864066f9f464)
Tips
点是版式设计中最小的视觉单位,其位置具有灵活性和不确定性。合理运用各种形式的点,能够使版面呈现出新颖、独特的视觉效果。
◎ 线
线是指一个点任意移动所构成的图形。在版式设计中,线的呈现方式多种多样,有直线、曲线、虚线、实线等。
![0](https://epubservercos.yuewen.com/9D98F0/23719015509598406/epubprivate/OEBPS/Images/58823-00-014-01.jpg?sign=1739296793-nX6WLTQDuCiwgw3D09cKhOzfC5an4fKR-0-b1b03d0e4aa3c2abdd293b54e28365d8)
点运动形成线
![0](https://epubservercos.yuewen.com/9D98F0/23719015509598406/epubprivate/OEBPS/Images/58823-00-014-02.jpg?sign=1739296793-H5lk7zJ2Vho90RhK6BI5ZjTlVi1rimrA-0-4ea0d24c561db54b08cc48900154e3b7)
稳定、拓展的直线
![0](https://epubservercos.yuewen.com/9D98F0/23719015509598406/epubprivate/OEBPS/Images/58823-00-014-03.jpg?sign=1739296793-iWmGuSGJGQK2bkLviBR999OIdecAukeB-0-5aeb2ff9f1d473b1b60aa7131e182c53)
运动的、有速度感的斜线
![0](https://epubservercos.yuewen.com/9D98F0/23719015509598406/epubprivate/OEBPS/Images/58823-00-014-04.jpg?sign=1739296793-Me9FGLy3zBgoE4ya2VZpKsyLEyrVRECu-0-1b7c28b80942a618d1a07f1e92f8e0fb)
自然、柔美的曲线
![0](https://epubservercos.yuewen.com/9D98F0/23719015509598406/epubprivate/OEBPS/Images/58823-00-014-05.jpg?sign=1739296793-AbopsgZITsNjZKIgE5QEGTPzpadf2FvH-0-9f38aabee109630c6ee9473b13d563e4)
具有指向性和空间感的折线
» 下图中粗细各异的线组成了不同的几何造型,充满力量感,带给读者无尽的遐想。
![0](https://epubservercos.yuewen.com/9D98F0/23719015509598406/epubprivate/OEBPS/Images/58823-00-014-06.jpg?sign=1739296793-wprjXux443aqaC8XeWFrR9A95ipCh3TH-0-a2c254cdaf1a5bf6d77fb5e4a95764c8)
» 下图中的面条进行了夸张处理,并与叉子相结合,呈现出趣味十足的视觉效果。
![0](https://epubservercos.yuewen.com/9D98F0/23719015509598406/epubprivate/OEBPS/Images/58823-00-014-07.jpg?sign=1739296793-wYSbfPtUXrVLIi70mnaf5YcpzxpHo5fh-0-f1c52f957c4aeea07716ed0296b1b40e)
线具有视觉方向性,可起到引导、分割等作用。线能使各个元素之间产生一定的联系,并确定空间元素的主次关系。此外,线还可引导观者视线,使之沿线移动,进而使版面具有良好的阅读秩序。还可通过线明确版面设计区域,协调各元素,得到和谐统一的整体效果。
» 下图中将元素的某一部分进行加工,塑造成与之相关联的字母曲线,主题感强,充满创意。
![0](https://epubservercos.yuewen.com/9D98F0/23719015509598406/epubprivate/OEBPS/Images/58823-00-015-01.jpg?sign=1739296793-Ym47FQoxaKQgsgBJBiQsQMOYg9eXGPXF-0-0a703f8a69ede075f23c6080b7f7c0f9)
» 下图中的几何折线明确对版面进行了分割,有效定位了阅读内容区域,且使版面更具动感。
![0](https://epubservercos.yuewen.com/9D98F0/23719015509598406/epubprivate/OEBPS/Images/58823-00-015-02.jpg?sign=1739296793-yja6drGVr1ZW8Q3oUxvEKQTr84nmXgs0-0-1283627d895b4e3fc50728b4883326e0)
» 下图中飘逸的曲线使版面看起来更柔和,增强了阅读的舒适度。
![0](https://epubservercos.yuewen.com/9D98F0/23719015509598406/epubprivate/OEBPS/Images/58823-00-015-03.jpg?sign=1739296793-z3qjRo3YkL3o5xi3FP9Tt3dEfcYk0HDD-0-ac423e16da7903c6428d2bbd02299fe9)
» 下图中充满动感的斜线增强了版面的动感。倾斜的线条有力地分割版面,这样更能引起读者的注意。
![0](https://epubservercos.yuewen.com/9D98F0/23719015509598406/epubprivate/OEBPS/Images/58823-00-015-04.jpg?sign=1739296793-6Va7PCgvS2qzk7mcZhvjQUVmKveHqyYu-0-96c9220b40abff5366bd42e2b7c7538b)
» 下图中几何线条的相互叠加让版面产生了层次感,打破了版面的规整性。
![0](https://epubservercos.yuewen.com/9D98F0/23719015509598406/epubprivate/OEBPS/Images/58823-00-016-01.jpg?sign=1739296793-JUEyykjDwsiMQ85JPkMS9AmSEghCjNG5-0-5f68f6a873d908ca5d309f9384d30cb0)
» 下图中引导视线的斜线为版面增加了动感,视觉中心随之形成。
![0](https://epubservercos.yuewen.com/9D98F0/23719015509598406/epubprivate/OEBPS/Images/58823-00-016-02.jpg?sign=1739296793-Imjc0zRGNUvgLA7orV801IQaEDJmoOgx-0-0906f55d441bae04116a184354fe0de6)
Tips
线的形状不同会呈现出不同的视觉效果。直线组合具有硬朗、张力十足的特点,曲线组合能带来像音乐一样的节奏感。
◎ 面
面是版式设计中的重要元素,是多个点的集合,也是多条线密集移动交织后的表现形态。面相较于点、线更显眼,由面构成的图形更具视觉冲击力。在版式设计中,面不仅能作为稳定版面信息的背景,还能作为表现主要信息的视觉主体。
» 聚集的点可以构成面,如下图所示。
![0](https://epubservercos.yuewen.com/9D98F0/23719015509598406/epubprivate/OEBPS/Images/58823-00-016-03.jpg?sign=1739296793-BHvSpZ08FwmqSKiwhTeJIbR4YosefliL-0-159999c1dc9c39734308fbac4bac16c8)
» 下面这几张图展示的是不同几何形状的面。
![0](https://epubservercos.yuewen.com/9D98F0/23719015509598406/epubprivate/OEBPS/Images/58823-00-017-01.jpg?sign=1739296793-EXLANMXyoantyFYg95R3vhZxaKOsfNsV-0-d33d3eef69d130d24396e3cece5d13e4)
»在下面两张图中,几何形状的面占据版面的大部分,与文字构成的面相结合,形成一种多变的版面效果。
![0](https://epubservercos.yuewen.com/9D98F0/23719015509598406/epubprivate/OEBPS/Images/58823-00-017-02.jpg?sign=1739296793-LmbUF5EreNGXW7OsOuTZywkp0wD1eb7i-0-d14b89b0191b666ba114cc6ef063d5ae)
» 下图中多种色彩的面拼接成错落有致的面,并在版面中占据重要位置,成为视觉主体。
![0](https://epubservercos.yuewen.com/9D98F0/23719015509598406/epubprivate/OEBPS/Images/58823-00-017-03.jpg?sign=1739296793-nRYs5nUcI3PNnPDgCbWJGMOn3XMs2AtI-0-0c04fb96ca275de75781d9c5fa03f1f8)
» 下面两张图由分隔的图片和大面积的色块构成,分别构成了前景面和背景面。
![0](https://epubservercos.yuewen.com/9D98F0/23719015509598406/epubprivate/OEBPS/Images/58823-00-018-01.jpg?sign=1739296793-1eRCR9Yz7IMwMCya7Z5obo4VMPcIB5x8-0-69aa09c11217c6c72fd1dc0c7f8097a0)
面在版面上占据主要位置,具有一定的空间感。版面中的一个色块、一片留白、一段文字,甚至一个字都可以理解为一个面。
» 下面两张图中倾斜分割的面使版面产生了更多变化,赋予版面独特的性格,并给人动感、立体感和想象的空间。
![0](https://epubservercos.yuewen.com/9D98F0/23719015509598406/epubprivate/OEBPS/Images/58823-00-018-02.jpg?sign=1739296793-rK5BN7E6BSGADZoxvoqquYlefcSRpXbB-0-c59083ef36cfb8db195c187f3fe81a2a)
Tips
面的形状以几何形状较为常见,几何形状的“面”形态规律、应用方便,如矩形、圆形等,并且在版面上排列有序,极具整体感,可以带给读者平稳的视觉感受。