![版式设计从入门到精通](https://wfqqreader-1252317822.image.myqcloud.com/cover/786/22654786/b_22654786.jpg)
1.3 版式设计的基本原理
版式设计中的各种构成元素可以作为彼此的参照物以及对比的依据,从而进行有效设置和调整。
1.3.1 根据内容进行版面的编排
在版式设计的时候,首先需要明确设计的主要内容,再根据主要内容来确定设计的风格和结构,不同内容的版式设计有着很大的差别。
![](https://epubservercos.yuewen.com/81DAD4/11229184804774006/epubprivate/OEBPS/Images/figure_0017_0001.jpg?sign=1739397215-GZQXP0NJrRzy8i95gxQHrRYWprzRikaP-0-31e807209545ed708724daec214061c7)
![](https://epubservercos.yuewen.com/81DAD4/11229184804774006/epubprivate/OEBPS/Images/figure_0017_0002.jpg?sign=1739397215-DjQ8hnRxQVbNBweMH7HCjZMkRejxf4ax-0-adf81bba44b260e881fe636bd21bde5d)
该画册版面使用色块对版面区域进行划分,通过图文相结合的方式来介绍版面内容,并且将右侧页面中的图片处理为不规则的效果,使得版面富于变化,更加生动、活泼。
![](https://epubservercos.yuewen.com/81DAD4/11229184804774006/epubprivate/OEBPS/Images/figure_0017_0003.jpg?sign=1739397215-DX6MCymX3hmGVY9jIfy5ACZ1Av0WDKfc-0-d4459fb0f3aa0ac16f886597409a1fc7)
![](https://epubservercos.yuewen.com/81DAD4/11229184804774006/epubprivate/OEBPS/Images/figure_0017_0004.jpg?sign=1739397215-0ldfLHwr6as34kSpQU6twxb7NbwuRKUd-0-05847b6333fa709f2b7d60f6331153dd)
该画册版面右侧页面使用满版的图片,形成饱满的视觉效果,而左侧页面采用常规的标题加图片加正文的形式,使得版面富有秩序感。
1.3.2 了解版面率
四周留白量对页面版式的安排有非常重要的作用。即使是同样的图文内容,也会因为不同的版面率而呈现出不同的效果。
![](https://epubservercos.yuewen.com/81DAD4/11229184804774006/epubprivate/OEBPS/Images/figure_0017_0005.jpg?sign=1739397215-tOTJFMIOVK0QBGf2FZGRJZG8RGLAg7Ge-0-dd3fef9b6c1532a4779bacfedb6dcd30)
![](https://epubservercos.yuewen.com/81DAD4/11229184804774006/epubprivate/OEBPS/Images/figure_0017_0006.jpg?sign=1739397215-isJIWIcBjaS0DdNYIJoptbabMjKZUWnT-0-59f9ab19da49d2b57615236093a09831)
该饰品宣传画册版面中只放置了退底的饰品图片以及饰品局部放大图片,页面中使用了大量留白,文字内容字号较小,突出了精致的产品,给人典雅、高级的感觉。
![](https://epubservercos.yuewen.com/81DAD4/11229184804774006/epubprivate/OEBPS/Images/figure_0018_0001.jpg?sign=1739397215-xhCOO4ZlBetVICZ1XhbzPCQqB2IybJJs-0-83129c89e5cd3ff14b852189e46dd383)
![](https://epubservercos.yuewen.com/81DAD4/11229184804774006/epubprivate/OEBPS/Images/figure_0018_0002.jpg?sign=1739397215-47XDJt27jQAtAHDtKER4JmNF0XO61m4l-0-3fe1e9c7fb2011378c111939f3c8c14c)
该服饰产品画册中,右侧页面运用满版人物素材图片,使版面显得饱满,左侧页面运用底色与右侧页面形成联系,少量的文字信息配合大面积的纯色空间,呈现出低调、有品位的感觉。
1.3.3 版式设计中的顺序
平面设计中的元素是有先后顺序的,合理的顺序安排能够引导读者看懂设计表达的主题,每个元素的大小、色彩、形状等都会影响整体的顺序。
![](https://epubservercos.yuewen.com/81DAD4/11229184804774006/epubprivate/OEBPS/Images/figure_0018_0003.jpg?sign=1739397215-Z2Rs3KvF0nkZAMIGc8ZeNccBGTijuwvV-0-2541f77f031f758d95f032d5d1b052fc)
![](https://epubservercos.yuewen.com/81DAD4/11229184804774006/epubprivate/OEBPS/Images/figure_0018_0004.jpg?sign=1739397215-bqFqP9P5yq3pJQuViPWelqAZOaUdFNA7-0-b996ce07c41e5b91f616879813cf3421)
该杂志版面中首先被读者注意到的是顶部大幅图片,接下视线移动到左下方的小图片上,然后再向右看到相应的正文内容,视觉顺序非常流畅。
![](https://epubservercos.yuewen.com/81DAD4/11229184804774006/epubprivate/OEBPS/Images/figure_0018_0005.jpg?sign=1739397215-8eJGJnccdZXqOJzC1NPVeEFDG63rgXga-0-5ee29ca284b812441f3d5924f214f5ae)
![](https://epubservercos.yuewen.com/81DAD4/11229184804774006/epubprivate/OEBPS/Images/figure_0018_0006.jpg?sign=1739397215-fa7i8Fjh8QNuTTBwb2KSQ7sKUzlYtFF7-0-81d867ce0d1f2d0cf38627a6e6706f6f)
在该海报版面中,鲜艳明亮的向日葵是最醒目的元素,接下来是向日葵“手”中的啤酒以及旁边的文字,最后是画面右上角的品牌标志。
技巧
通过上面列举的版式设计作品,我们不难发现,人们首先注意到并留下印象的元素往往具备以下特征:在整个版面中所占面积最大,或色彩最鲜明,或造型最独特。相同的元素用这些方法处理后,在视觉上可以产生完全不同的效果。因此,在进行版式设计时,利用这些方式来调整版面中各种元素的主次关系,是非常行之有效的。