![平面设计师之路:版式设计原理与实例指导](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=1739276343-PPcd9oSqpmK49r164eFeGuztd0APXqDX-0-bab057a48b26fb6ee33ffe7b1b7f3e66)
不同形状、大小的点
![0](https://epubservercos.yuewen.com/9D98F0/23719015509598406/epubprivate/OEBPS/Images/58823-00-011-02.jpg?sign=1739276343-Fw3slYLk2lXDoitd7bgcmg1ZWk5nvZIk-0-2ddfa9865cdea3f0f6f3c8d67c13c49a)
由外向内逐渐变大的点构成的面
![0](https://epubservercos.yuewen.com/9D98F0/23719015509598406/epubprivate/OEBPS/Images/58823-00-012-01.jpg?sign=1739276343-RAHafdA62i4Ouj2O4eahSN1BsdfSYfHl-0-5afb473cacad061f7536c24a082370e3)
由外向内逐渐变小的点构成的面
![0](https://epubservercos.yuewen.com/9D98F0/23719015509598406/epubprivate/OEBPS/Images/58823-00-012-02.jpg?sign=1739276343-6NiUmFJcwTBsaXCpUdRiCx68YBsq7vI2-0-6c080de888fd5404db33d31cd87afd08)
无规律的点构成的面
![0](https://epubservercos.yuewen.com/9D98F0/23719015509598406/epubprivate/OEBPS/Images/58823-00-012-03.jpg?sign=1739276343-k2bX17MOaWIl8PfZ4TBereL7ElqGTIcZ-0-bc31fc5ec8abc3478cc007bec957e719)
» 下图中五彩缤纷的点通过聚集和分散排列,形成一个面,给人更大的想象空间。
![0](https://epubservercos.yuewen.com/9D98F0/23719015509598406/epubprivate/OEBPS/Images/58823-00-013-01.jpg?sign=1739276343-T3uciR4EI4ifPKhjKFRciP8iL4sPqfzl-0-9e9e25f506b899da2b32c8aaf745ac7a)
» 下图中大小不一的点根据一定的规律进行排列,从大到小,直到消失,使版面产生虚实变化,更具空间感。
![0](https://epubservercos.yuewen.com/9D98F0/23719015509598406/epubprivate/OEBPS/Images/58823-00-013-02.jpg?sign=1739276343-3q74WHeUofw72FCaRIMDIoMBeE32JaF8-0-e91a82df190095443d41e3b22eac1199)
» 下图中文字以点的形式围绕同心圆排列,形成长短不一的曲线,整体形成了一个有意思的图形。
![0](https://epubservercos.yuewen.com/9D98F0/23719015509598406/epubprivate/OEBPS/Images/58823-00-013-03.jpg?sign=1739276343-wBkc6sSPVlzsXgbQga3q7ZXaN5kwX0ZJ-0-3a76d9361f1c83676ff698681feedaf3)
» 下图中错落有致的点整体呈倾斜对称结构,具有强烈的节奏感,打破了视觉中心点构图的单调性。
![0](https://epubservercos.yuewen.com/9D98F0/23719015509598406/epubprivate/OEBPS/Images/58823-00-013-04.jpg?sign=1739276343-zFyCkjCkML50FdCo8XVCEycRDQKI9H3Z-0-5721f034f7d6ce1943bc8b995e9f614f)
Tips
点是版式设计中最小的视觉单位,其位置具有灵活性和不确定性。合理运用各种形式的点,能够使版面呈现出新颖、独特的视觉效果。
◎ 线
线是指一个点任意移动所构成的图形。在版式设计中,线的呈现方式多种多样,有直线、曲线、虚线、实线等。
![0](https://epubservercos.yuewen.com/9D98F0/23719015509598406/epubprivate/OEBPS/Images/58823-00-014-01.jpg?sign=1739276343-dWaKv6kdrbLaKlWRG3MMfJJRyaNFEPXx-0-2eb873d9d34bca41449d1c33627a9680)
点运动形成线
![0](https://epubservercos.yuewen.com/9D98F0/23719015509598406/epubprivate/OEBPS/Images/58823-00-014-02.jpg?sign=1739276343-xwPq6Q8vYARhiUAWNnAb66CkrvDCwdBN-0-6d0be6ae432f04dc540aa0f280a418b6)
稳定、拓展的直线
![0](https://epubservercos.yuewen.com/9D98F0/23719015509598406/epubprivate/OEBPS/Images/58823-00-014-03.jpg?sign=1739276343-bFmuEhVtnDZNj5Grb2qztPGGX6LuFL9t-0-deb7efb42bd68334b4ef4663be1fd4fd)
运动的、有速度感的斜线
![0](https://epubservercos.yuewen.com/9D98F0/23719015509598406/epubprivate/OEBPS/Images/58823-00-014-04.jpg?sign=1739276343-b2Mj2et5m6jJiQb0iaENVa7tqnEB7yE0-0-43975b749f599c9fe0dc5901110b8f32)
自然、柔美的曲线
![0](https://epubservercos.yuewen.com/9D98F0/23719015509598406/epubprivate/OEBPS/Images/58823-00-014-05.jpg?sign=1739276343-dYY8MHnYQOIqT0SaCsnJd7SKIp1h25wC-0-586a79cd3c590e1289be5872924c1b7f)
具有指向性和空间感的折线
» 下图中粗细各异的线组成了不同的几何造型,充满力量感,带给读者无尽的遐想。
![0](https://epubservercos.yuewen.com/9D98F0/23719015509598406/epubprivate/OEBPS/Images/58823-00-014-06.jpg?sign=1739276343-alEhvsk7EPdAikS8yylw3DSPYH1JBjwz-0-531f66af850d224584fc9b099994f38d)
» 下图中的面条进行了夸张处理,并与叉子相结合,呈现出趣味十足的视觉效果。
![0](https://epubservercos.yuewen.com/9D98F0/23719015509598406/epubprivate/OEBPS/Images/58823-00-014-07.jpg?sign=1739276343-1JhcihLsdiCqU2Dm7UGblpeoEhR31goB-0-a6226bbca82965a2861de3f69c2f3d4f)
线具有视觉方向性,可起到引导、分割等作用。线能使各个元素之间产生一定的联系,并确定空间元素的主次关系。此外,线还可引导观者视线,使之沿线移动,进而使版面具有良好的阅读秩序。还可通过线明确版面设计区域,协调各元素,得到和谐统一的整体效果。
» 下图中将元素的某一部分进行加工,塑造成与之相关联的字母曲线,主题感强,充满创意。
![0](https://epubservercos.yuewen.com/9D98F0/23719015509598406/epubprivate/OEBPS/Images/58823-00-015-01.jpg?sign=1739276343-TvESgaWvxtGbyaCoPwRQeMYZTovgeN6M-0-0c31691bf31a19a9d075ad1604d65758)
» 下图中的几何折线明确对版面进行了分割,有效定位了阅读内容区域,且使版面更具动感。
![0](https://epubservercos.yuewen.com/9D98F0/23719015509598406/epubprivate/OEBPS/Images/58823-00-015-02.jpg?sign=1739276343-KshddSsfJs4aKrOViYD489T4D1qcjBFA-0-dc7ccce854c8806c45e761a834059eb5)
» 下图中飘逸的曲线使版面看起来更柔和,增强了阅读的舒适度。
![0](https://epubservercos.yuewen.com/9D98F0/23719015509598406/epubprivate/OEBPS/Images/58823-00-015-03.jpg?sign=1739276343-PwpDvoGf52Qv19UZK6iaK7LigvyvaRcq-0-759f2fe2c01c2284256b4ff64a56a717)
» 下图中充满动感的斜线增强了版面的动感。倾斜的线条有力地分割版面,这样更能引起读者的注意。
![0](https://epubservercos.yuewen.com/9D98F0/23719015509598406/epubprivate/OEBPS/Images/58823-00-015-04.jpg?sign=1739276343-EJhLKuGgIK6uD02INAJmqG2ZNMzwhFkF-0-31cf8a8fd4cbd41681d8982d2b51476e)
» 下图中几何线条的相互叠加让版面产生了层次感,打破了版面的规整性。
![0](https://epubservercos.yuewen.com/9D98F0/23719015509598406/epubprivate/OEBPS/Images/58823-00-016-01.jpg?sign=1739276343-OrUJlLxFuPt1cDE38x3616NQ1LvXH90U-0-9b4d294ddfd2efd6e524e28809daefa1)
» 下图中引导视线的斜线为版面增加了动感,视觉中心随之形成。
![0](https://epubservercos.yuewen.com/9D98F0/23719015509598406/epubprivate/OEBPS/Images/58823-00-016-02.jpg?sign=1739276343-QoPYvixVbMlgnDFRvWiJiFJxOUqicXPT-0-c949937b0b56bf0ebed97a7324322b55)
Tips
线的形状不同会呈现出不同的视觉效果。直线组合具有硬朗、张力十足的特点,曲线组合能带来像音乐一样的节奏感。
◎ 面
面是版式设计中的重要元素,是多个点的集合,也是多条线密集移动交织后的表现形态。面相较于点、线更显眼,由面构成的图形更具视觉冲击力。在版式设计中,面不仅能作为稳定版面信息的背景,还能作为表现主要信息的视觉主体。
» 聚集的点可以构成面,如下图所示。
![0](https://epubservercos.yuewen.com/9D98F0/23719015509598406/epubprivate/OEBPS/Images/58823-00-016-03.jpg?sign=1739276343-88LsSHTywpHdTgVjHO0fuxFv6rGAnrYd-0-e1824ef3af25d130c785bf51ce966748)
» 下面这几张图展示的是不同几何形状的面。
![0](https://epubservercos.yuewen.com/9D98F0/23719015509598406/epubprivate/OEBPS/Images/58823-00-017-01.jpg?sign=1739276343-1dgpMskZ8LiSfjqIZfVuZ5LhfbPwzlB8-0-d18262cb20c6be7338f4dff9d66734dc)
»在下面两张图中,几何形状的面占据版面的大部分,与文字构成的面相结合,形成一种多变的版面效果。
![0](https://epubservercos.yuewen.com/9D98F0/23719015509598406/epubprivate/OEBPS/Images/58823-00-017-02.jpg?sign=1739276343-bQJPEy6x6SjdaoasO2NUV3yTdZF4970W-0-123ca81b0db67f61b4ae462c1c4beb6a)
» 下图中多种色彩的面拼接成错落有致的面,并在版面中占据重要位置,成为视觉主体。
![0](https://epubservercos.yuewen.com/9D98F0/23719015509598406/epubprivate/OEBPS/Images/58823-00-017-03.jpg?sign=1739276343-UrOul0GDIDrjbLGueDbEMlQrILM71lBh-0-fb545932614922ff6e4d3f97d9b93924)
» 下面两张图由分隔的图片和大面积的色块构成,分别构成了前景面和背景面。
![0](https://epubservercos.yuewen.com/9D98F0/23719015509598406/epubprivate/OEBPS/Images/58823-00-018-01.jpg?sign=1739276343-k5dnDCLyHto2tk5apEQ1o9XJjaSHjfDg-0-d87fc3f006c09aff21c96ac83352ac3a)
面在版面上占据主要位置,具有一定的空间感。版面中的一个色块、一片留白、一段文字,甚至一个字都可以理解为一个面。
» 下面两张图中倾斜分割的面使版面产生了更多变化,赋予版面独特的性格,并给人动感、立体感和想象的空间。
![0](https://epubservercos.yuewen.com/9D98F0/23719015509598406/epubprivate/OEBPS/Images/58823-00-018-02.jpg?sign=1739276343-nzMHoRx48FVCztjz6TODfsgY8ucVYzxX-0-be978a488f370f793f1c27ea6eb53737)
Tips
面的形状以几何形状较为常见,几何形状的“面”形态规律、应用方便,如矩形、圆形等,并且在版面上排列有序,极具整体感,可以带给读者平稳的视觉感受。