![平面设计全书(全彩)](https://wfqqreader-1252317822.image.myqcloud.com/cover/290/29126290/b_29126290.jpg)
3.1 版式设计原理
版式设计,也被称为版面编排。所谓编排,就是将特定的视觉信息要素(如标题、文稿、图形、标志、画面、色彩等),根据主题表达的需求,在特定的版面上进行的一种编辑和安排。编排,是制作和建立有序版面的理想方式,所以称之为版式设计。
3.1.1 了解版式设计
版式设计是平面设计中最具有代表性的一大分支,它不仅在二维的平面上发挥其作用,而且在三维和四维的空间中也能够体现出它的效果,例如包装设计中的各个特定的平面,展示空间中的各种识别标记的组合以及都市商业区中悬挂的标语、霓虹灯等,如图3-1所示。
![](https://epubservercos.yuewen.com/EC36C6/16264452704206206/epubprivate/OEBPS/Images/91_1.jpg?sign=1739348216-m1zEdbEb9jYjXUk8nUQAtA5ADQl3IZdx-0-c39803cded6ad9513f0ca7ca0aa9d2ac)
图3-1
在商业设计中,版式设计是一种建立在准确功能诉求与市场定位基础之上,以有效传播为导向的视觉传达艺术。它将营销策略转化为一种能与消费者建立起沟通的具体视觉表现,通过将图、文、色等基本设计元素进行富有形式感及个性化的编排组合,以激发人们的兴趣去感受事物,并说服人们去相信事物,如图3-2所示。
![](https://epubservercos.yuewen.com/EC36C6/16264452704206206/epubprivate/OEBPS/Images/91_2.jpg?sign=1739348216-TINR9kwzFhEuxysgVSenxCB10YGe4d5l-0-5b25fac99630775c376e5f37e22eca7e)
图3-2
现在版式设计的灵魂是版式传递的信息清晰与否,版式编排是否新颖和吸引人。在保证经济效益的同时,应该注重精神生活的质量,更应该强调个性发挥下的表现力。
作为现代设计艺术的版式设计为人们构建新的思想和文化观念提供了空间,成为人们理解社会的重要界面,它注重激发读者的激情,以轻松、自然、趣味和亲切的艺术效果,将画面深入读者内心情感中,如图3-3所示。
![](https://epubservercos.yuewen.com/EC36C6/16264452704206206/epubprivate/OEBPS/Images/91_3.jpg?sign=1739348216-Ng2CPTA3AfXJr8SXrvQoIBBCzR1pObVX-0-1797535cdac47d3ce6434d1197de135d)
图3-3
3.1.2 版式设计的特征
版式设计的特征同时也是版式设计必须达到的要求,否则便会失去版式设计的意义,现代版式设计的目的性决定了其必须考虑设计的内容与形式之间的关系,这种关系影响了版式设计的功能与审美。
◎直接性传播信息
版式设计要求将所需传播内容概括成简练的图形元素,通过对图形和文字等元素合理化地艺术处理,高效传达主题和内容并提升其在版面中的视觉地位。
传播与传递要表达的信息不仅是简单地对元素进行编排,而且要求设计师充分考虑设计作品的适用范围和信息传达的目的以及受众群体的接受程度等。如图3-4所示为使用图片和文字直接表达产品的平面广告。
![](https://epubservercos.yuewen.com/EC36C6/16264452704206206/epubprivate/OEBPS/Images/92_1.jpg?sign=1739348216-WHKhc7c7LiCL1cXJ37wYx9qyg4HQzawn-0-ff64907a241e05e1140d2c8927cc86d5)
图3-4
◎指示性强化记忆
当商品以及装饰元素联系在一起时,装饰元素要有特定的指示性即广告作用,以能够起到强化信息接收者记忆的作用,这是很重要的视觉传播方式,如图3-5所示。
![](https://epubservercos.yuewen.com/EC36C6/16264452704206206/epubprivate/OEBPS/Images/92_2.jpg?sign=1739348216-Vj3WS4yyQdravv0eUz6iivpH9tfNpKAm-0-6b75ead5738e0628956e44e11700f4ea)
图3-5
◎规律性构建秩序
版式设计是一项符合规律的艺术表现,在布局方面追求图形编排的完善、合理,有效地利用空间,规律地组织图形,产生秩序,布局合理并使各种元素之间相互依存、相互制约、融为一体,是版面设计重要的优秀特点,如图3-6所示。
![](https://epubservercos.yuewen.com/EC36C6/16264452704206206/epubprivate/OEBPS/Images/92_3.jpg?sign=1739348216-gGLduyT1JdVwumhsZa3RMsLt0K6nPyRX-0-0ea642b34c5e50d95d6aafc67037e34b)
图3-6
◎视觉上的艺术体现
版式设计实现功能性的同时塑造优美的视觉形象,实现二者的统一,根据美学原则和造型规律,通过清晰明快的设计手法,创造自由、活泼、形式优美的艺术语言,如图3-7所示。
![](https://epubservercos.yuewen.com/EC36C6/16264452704206206/epubprivate/OEBPS/Images/92_4.jpg?sign=1739348216-TSyoy1ajZMNnvHU2vZO0iDts4Z2TWzVO-0-9bf1fe8e873df59a589957968d2b5d36)
图3-7
3.1.3 版式设计的基本原理
版式设计中的各种构成元素可以作为彼此的参照物,以及对比的依据,从而能够进行有效的设置和调整。
◎根据内容进行版面的编排
在进行版式设计时,首先需要明确设计的主要内容,再根据主要内容来确定版式设计的风格和结构,不同内容的版式设计有着很大的差别。如图3-8所示,简洁大方的版式给人高端品质的印象,结构和布局的选择很适合产品风格和需要表达的内容信息。
![](https://epubservercos.yuewen.com/EC36C6/16264452704206206/epubprivate/OEBPS/Images/93_1.jpg?sign=1739348216-wx0QgsbV0R9ec6KK9wezAopOFVOj7bIr-0-30bf23c8b55c28e09082160309f9c38e)
图3-8
◎了解版面率
版面四周留白量对页面版式的安排有着非常重要的作用。即使是同样的图文内容,也会因为不同的版面率而呈现出不同的效果,如图3-9所示。
![](https://epubservercos.yuewen.com/EC36C6/16264452704206206/epubprivate/OEBPS/Images/93_2.jpg?sign=1739348216-UbLhhUIzqLuc6sjm9hQycmNbc2iZRkUE-0-6cf169cba3579faf7fe9f6b8747e65fa)
图3-9
◎根据主次安排顺序
元素的顺序应根据所要表达内容的主次进行安排,合理的顺序安排能够引导读者更容易看懂设计所需要表达的主题,每个元素的大小、色彩、形状等都会影响版式的整体顺序,如图3-10所示。
![](https://epubservercos.yuewen.com/EC36C6/16264452704206206/epubprivate/OEBPS/Images/93_3.jpg?sign=1739348216-Tnmkyyg0MUYYaVrWk296WQRIkSSTvAWM-0-1fda250c83707ba153c40370e8801a4f)
图3-10
▶ 友情提示
通过上述所列举的版式设计作品,不难发现,被人们首先注意到并留下印象的元素往往具备以下特征:在整个版面中所占面积最大,或者色彩最鲜明,或者造型最独特。相同的元素通过这些方法处理后,在视觉上可以产生完全不同的效果。因此,在进行版式设计时,利用这些方式来调整版面中各种元素的主次关系,是非常有效的。
3.1.4 版式设计的工作流程
遵循版式设计的工作流程,有助于设计出完美、完整的作品,使工作内容顺畅有序,可以有效提高工作效率。设计师应对设计工作流程有一个清晰全面的认知,并进行合理利用和安排。
◎了解项目内容
首先必须明确设计项目的主题,根据主题来选择合适的元素,并考虑使用什么样的表现方式来实现版式与色彩的完美搭配。只有明确了设计的项目,才能有准备且合理地进行版面的设计,如图3-11所示。
![](https://epubservercos.yuewen.com/EC36C6/16264452704206206/epubprivate/OEBPS/Images/94_1.jpg?sign=1739348216-A3QcPLuDEH87mW9jbBmYKMsv9jm8BgGR-0-d543e29f2b90aa909ce18e2b9d3d60ce)
图3-11
◎明确要传播的信息
版式设计的首要任务是向用户准确地传达所要传递的信息。在对文字、图形和色彩进行合理的搭配以追求版面美感的同时,对版面中信息的传递也需要准确、清晰。设计师首先需要明白版式设计的主要目的和需要传达的信息,再去考虑合适的编排形式,如图3-12所示。
![](https://epubservercos.yuewen.com/EC36C6/16264452704206206/epubprivate/OEBPS/Images/94_2.jpg?sign=1739348216-VBcP2ttq3VLzz9jFQtbiq7OkeaYbYwqi-0-df74e5ca1a7043311aecc51288a9631d)
图3-12
◎确定市场目标
版式设计的类型众多,有的中规中矩、严肃工整;有的动感活泼、变化丰富;也有的大量留白、意味深长……作为设计师,不能盲目地选择版式类型,需要根据读者群体的特点来做判断。
如果读者是年轻人,则适合时尚、活泼、个性化的版式;如果读者是儿童,则适合活泼、趣味的版式;如果读者是老年人,则选择常见的规整版式并且在版面中使用较大的字号会比较合适。因此,在进行版式设计之前,针对设计的读者群体进行分析定位是非常重要的,如图3-13所示。
![](https://epubservercos.yuewen.com/EC36C6/16264452704206206/epubprivate/OEBPS/Images/95_1.jpg?sign=1739348216-AxUiWqkmR7X5FSEzzGVFUUv6o3qeGpG6-0-1dedd642b20511dc29662db4500dda3e)
图3-13
◎明确设计宗旨
设计宗旨也就是当前设计的版面所需要表达什么意思,传递怎样的信息,最终达到怎样的宣传目的。这一点在整个设计过程中十分重要,如图3-14所示。
![](https://epubservercos.yuewen.com/EC36C6/16264452704206206/epubprivate/OEBPS/Images/95_2.jpg?sign=1739348216-bYfSeqOQFzHbcPKBHhcUriN9JLALd5BS-0-d5f3b2f6bb0634523cb42392dec8e759)
图3-14
食物能带给人们满足感和愉悦感,在该食品画册版式设计中,运用大幅的精美食物图片展示出食物的精致与诱人,再搭配简短的介绍文字,充分勾起人们的食欲。
◎明确设计要求
在商业设计中,进行版式设计需要了解设计的要求,以达到广告宣传的目的。有明确的设计宗旨、明确的主题,并通过文字与画面的结合,给读者留下深刻的印象,将画面的信息准确、快速地传递给受众群体,从而促进商品的销售,如图3-15和图3-16所示。
![](https://epubservercos.yuewen.com/EC36C6/16264452704206206/epubprivate/OEBPS/Images/95_3.jpg?sign=1739348216-g0AlSR581lx0LiIcG7yeAeuta1PdetdH-0-f204a1de02f9414672cff226b96e13df)
图3-15
体现人物的性格特征、角色主次和引人注目的秘密感是电影海报的要求,运用矩形对人物进行限制,使用内部强调的标注方式给人留下深刻的印象。
![](https://epubservercos.yuewen.com/EC36C6/16264452704206206/epubprivate/OEBPS/Images/95_4.jpg?sign=1739348216-KVtp54javsvjizeyZfZirwAJUGOQKGi2-0-d399752d586bbf9b4a82ae68b5f1e9bc)
图3-16
直观展示产品,能够体现优质的细节,画面的风格与产品本身给人的印象高度契合,非常符合要求和期待。
◎掌握设计流程
在开始版式设计之前,需要对项目的设计背景进行调查研究,并收集资料、了解背景信息,熟悉背景的主要特征,根据收集的资料进行分析,确定设计方案,然后根据方案来安排设计内容,如表3-1所示。
表3-1
![](https://epubservercos.yuewen.com/EC36C6/16264452704206206/epubprivate/OEBPS/Images/96_1.jpg?sign=1739348216-pbYJjxqKP5WqccwdRXW8dgdl1v6X1RQx-0-70e701dae7cdef347198cfa8046cfd96)
做出一个设计方案所需要经历的过程叫作设计流程,这是设计的关键。想到哪里做到哪里的方式很可能使设计出现很多漏洞和问题,应该按照合理的设计流程来进行操作,如图3-17所示。
![](https://epubservercos.yuewen.com/EC36C6/16264452704206206/epubprivate/OEBPS/Images/96_2.jpg?sign=1739348216-4Us7EJ5LlyWTale8dZyBVeLVWLq6ZRzl-0-c3b01a50c32128e5e404ad9e286faddf)
图3-17