导图社区 《海报设计原理与实例解析》第五章版式——海报的画面布局
《海报设计原理与实例解析》第五章版式——海报的画面布局的思维导图,版式作为画面的构图布局,可以有效地引导观者对海报信息进行感知与阅读。它由图形、文字和色彩三大视觉元素构成,是海报的重要组成元素。
编辑于2023-07-25 18:42:15 河北省《海报设计原理与实例解析》第五章版式——海报的画面布局
1.版式的基础知识
版式作为画面的构图布局,可以有效地引导观者对海报信息进行感知与阅读。它由图形、文字和色彩三大视觉元素构成,是海报的重要组成元素。 版式即版面的构成、编排形式,将海报用到的视觉元素有条理、有目的地排列组合在一起,是一种理性编排与情感内涵相结合的视觉表现形式。在下图中,左侧是海报要传达的信息,这种直观的罗列虽然不失为一种有效的信息传达方式,但是缺乏视觉美感,不足以吸引观者的眼球。把这些信息有逻辑地梳理并编排在画面之中便有了右侧海报的效果,这就是版式的作用。  要了解海报的版式,首先需要对版式有基本的认知与了解,如下图所示。  版面:画面的大小,是图文信息及留白区域的总和。版面作为海报信息的载体,承载的信息量多少取决于版心的大小。 版心:在一个版面中,上方留白的区域为天头,下方留白的区域为地脚,除去天头、地脚、左边距及右边距统称为边距,剩下的区域为版心,也就是版面中较核心的部分。 边距通常有等距与不等距两种形式。等距指天头、地脚、左边距和右边距相等,不等距则指天头、地脚。左边距和右边距不相等,如下图所示。等距的画面规整稳定,不等距的画面灵活有趣。  边距会影响视觉重心的位置,如下图所示。当左边距大于右边距时,视觉重心会偏右;当右边距大于左边距时,视觉重心会偏左。当天头大于地脚时,视觉重心会偏下;当地脚大于天头时,视觉重心会偏上。  下面这组海报与上面的版式一一对应,不同的边距会让观者产生不同的视觉感受。  版面率:版心所占版面的比例,也就是版面的利用率。版心的面积越大,留白区域越少,版面率越高,版心的面积越小,留白区域越多,版面率越低,如下图所示。  版面率对画面的视觉效果有很大影响。版面率越高,画面的视觉表现力和视觉冲击力越强,版面率越低,画面越有格调与意境。在下面的海报中,左侧海报的版面率较高,右侧海报的版面率较低,可以看到高版面率的海报更具冲击力,低版面率的海报较舒适通透。在实际设计海报的过程中,可根据海报的主题风格来决定版面率。  留白率:留白区域所占版面的比例。在下图中,灰色部分均为留白区域。左图中的留白区域较少,留白率低;右图中的留白区域较多,留白率高。  海报的留白率低,画面的信息丰富,版面有表现力;海报的留白率高,画面的信息少,整体精致典雅,给观者留有想象空间。在下面的海报中,左侧海报的留白率低,以文字信息为主,画面丰富饱满;右侧海报的留白率高,整体简约舒适,大量的留白可以引导观者对海报的主题进行思考。  海报的主题也会影响留白率的高低,如下图所示。如果海报的实用性较强,需要优先考虑信息的有效传达,通常其图文信息所占版面的比例就会较大,留白率就会较低;如果海报倾向于表达内涵,或突出强调某一部分,画面的图文信息量通常就会较少,留白率就会较高,侧重于引导观者进行思考。  在下面的海报中,左侧招聘海报偏向实用性,需要重点表现文字信息,因此留白率较低;右侧海报偏向于内涵与情感的表达,为了彰显画面主体、传递品牌理念,留出大量空白,使主体图形成为视觉焦点,引导受众接收“无糖可口可乐更健康”这一主题。 
2.网格系统
2.1什么是网格系统
网格系统也称为栅格系统,通过水平和垂直的参考线,将版面分割为若干个方格,从而搭建具有秩序感的页面框架。在版面中,网格作为编排信息的骨架,能够使视觉元素条理清晰、主次分明,使整个画面舒适易读、并然有序。网格在海报设计中的主要作用是为版面划定边界、维持画面的秩序。 网格由边距、栏、单元格和栏间距构成,如下图所示。  边距:版面四周留白的区域。 栏:版面中用线条或空白区域等分割的部分。根据需要将版面分割成若干个部分后,每个独立的部分为一栏。栏宽影响文字信息的编排。 单元格:版面中水平、垂直的直线相互交叉形成的区域。 栏间距:栏与栏之间的距离。 网格根据表现形式可分为对称式网格和非对称式网格,两者的区别在于版面中分栏的位置及栏宽的大小。对称式网格又可细分为单栏网格、双栏网格、三栏网格、四栏网格、单元网格等。 单栏网格:也称为通栏网格,是基本、常规的网格形式,如下图所示。使用单栏网格的版面较单一枯燥。秩序感及美感都较弱,观者在这种版式下阅读,容易产生视觉疲劳。  双栏网格:将版心分为两个独立的部分,以实现视觉平衡,如下图所示。双栏网格将视线从中间分开,降低了观者阅读较长文字的枯燥感,相比于单栏网格,其信息层级更分明。  三栏网格:将版心划分为3个独立的部分,使版面趋于层次化、板块化,如下图所示。  四栏网格:可理解为双栏的演变和扩展。将版心划分为均等的4栏,如下图所示。由于版心被划分为4份,因此栏宽会变小,不适合连续阅读。  在了解和掌握单栏网格、双栏网格、三栏网格和四栏网格后,可灵活使用更多的分栏方式。 单元网格:将版心分割成大小均等的方格,具有很强的灵活性,可跨栏编排,如下图所示。  非对称式网格的分栏原理与对称式网格相同,两者的主要区别在于栏宽的大小。非对称式网格的栏宽大小可以按照黄金分割比例进行确定,也可以自行设定,如下图所示。 
2.2构建网格系统
了解了网格系统的基础知识后,下面学习如何构建网格系统。网格系统可以根据具体的海报内容及图文比例进行构建,同一个版心可划分为不同数量的方格。 第1步需要确定版心的大小及四周的边距,版心的大小可以根据海报的尺寸与内容而定,至于边距,可大可小,可以等距也可以不等距,如下图所示。大边距的画面舒适透气,小边距的画面严谨沉稳。下图的左侧为等距版面,对于不等距边距,除了可以自行设定,还可以采用理性逻辑式设定,以某一边距为参照,按照相应的倍数进行边距大小的调整。例如,设定左边距为a、右边距为2a、天头为a、地脚为2a,即整体按1:2:1:2的比例设定,效果如下图右侧的版面所示。  在确定版心及边距后,进行第2步(设定分栏),如下图所示。栏目数根据具体的需求设定,2栏、3栏和5栏均可,这里以3栏为例。如果版心宽度为210mm,那么每栏的宽为65.33mm,栏间距为7mm左右。栏间距可根据画面尺寸而定。以A4纸的尺寸为例,栏间距可在5mm~8mm,如果觉得分栏过密或者过疏,可适当调整栏间距。  在设定好分栏后,进行第3步(划分单元格)。单元格的数量通常是栏目的整倍数,9个、12个、18个和24个单元格均可。下图从左到右依次为9格网格系统、12格网格系统和18格网格系统。单元格的数量越多,编排的灵活性越强。  单元格的垂直间距并不一定要与栏间距相等。它既可以是栏宽的整倍数,又可以根据信息自行设定,如下图所示。同一种网格系统可以实现多种排版布局。 
2.3网格系统在版式中的应用
在实际设计海报的过程中,如何在网格系统的帮助下更快捷地解决版式问题,让版面更具逻辑性和艺术美感?这需要掌握网格系统的应用方法。当搭建好网格系统以后,接下来便要将视觉元素置于网格之中进行编排。以下面这组文字为例。  不同的网格系统有着不一样的版式,即使是同一个网格系统,其版式也有多种。使用网格系统的精妙之处就在于确保视觉元素始终处在同一水平或垂直线上,使版面统一整齐。 这里以有4个单元格的网格系统为例,首先确定画面的版心、边距,然后分栏并划分单元格,蓝色部分为单元格,如下图所示。文字被排列在每个独立的单元格内,栏间距在版面中起着分隔不同信息的作用,通常不会进行填充,跨栏排列则另当别论。  当然,上面海报的版式并不唯一,借助网格系统可以实现多种版式的设计。下面的海报借助网格系统实现了版式的多样化设计,属于跨栏编排,画面灵活而富有变化。  如果将网格系统细分,排版原理不变,由于单元格数量增加,放置信息的区域有更多的变化,因此其编排更加灵活丰富。以拥有32个单元格的网格系统为例,确定版心及边距,如下图所示。  将信息置于单元格之中,版面会更加细化,如下图所示。  提示 在借助网格系统进行版式的编排时,若栏间距和单元格间距较小,切忌将信息完全按照单元格的大小百分百地填充。否则整个版面会十分凌乱,显得拥挤。 使用网格系统的目的在于尽可能使版面的秩序美感达到最大,结合具体的主题需求,科学合理地运用网格系统,对视觉元素进行合理的编排。
3.构图形式
3.1常规性构图
常规性构图多以网格系统为依据,整体较严谨准确,如中心构图、对称构图和四角齐平构图等。中心构图强调以画面中心为准,对称构图侧重于画面每部分的均衡,两者都通过较精确的数值或规范的网格来实现,版面的编排具有条理化、规范化等特点。常规性构图形式条理清晰,鲜明直观,使海报的主题更易传达。常规性构图包括以下7种形式。
中心构图
中心构图是海报设计中较常见的构图形式,将画面中的主体图形放置在版面的中轴线上,其他内容以中轴线为准进行编排,如下图所示。这一构图形式使视觉焦点明确,能呈现出清晰简洁的视觉效果。  中心构图简单直观,易于理解与实现。下面的海报是典型的中心构图,所有元素的编排均以版面的中轴线为准,信息的层级及阅读顺序清晰。首先是“陶瓷艺术”,即海报的标题,其次是画面的图形(这一部分既是对主题的直观诠释,也是画面的重要构成元素),最后是详细的信息,引导观者自上而下进行阅读。 
对称构图
对称构图也是海报设计中较常见的构图形式,将版面一分为二,如下图所示。版式的对称指的是视觉效果的平衡,如元素的大小、色彩的冷暖等,而非直接对图形元素进行对称的划分,常见的形式是左右对称构图和上下对称构图。对称构图在逻辑上清晰直观,在视觉上可以给人平衡稳定的感受,具有较强的视觉美感。  对称构图和中心构图这两种构图形式既相似又有区别。中心构图可以包含在对称构图内,两者在视觉上都较为稳定,具有美感。中心构图侧重于信息在画面中的位置及排列顺序,对称构图侧重于“对称”二字,强调整体画面的平衡及对称的形式美感。 在下面的海报中,左侧海报虽然也有对称的美感,但仍然属于中心构图,阅读顺序为从上至下;右侧海报中左右两侧的信息量相近,属于对称构图,形式上具有较强的平衡感。 
四角齐平
四角齐平构图是在海报的版面中,上、下、左、右4个角的区域均有内容,以实现整个版面稳定平衡的视觉效果的构图形式,如下图所示。四角齐平构图在视觉上给人稳定、平衡之感。  四角齐平构图适用于标题文字较少的海报,将标题文字均匀排列在画面4个角的位置,起着强调主题的作用。在下面的海报中,画面4个角信息的层级、内容、比例均是相同的,因为信息在画面中均衡分布,视线自然集中于这4个角,观者第一眼便能看到“跳蚤市场”“锅碗瓢盆”,接着能看到海报的其他信息。这种构图形式能让受众快速接收到海报的主题。  需要注意的是,四角齐平构图并不仅仅是画面4个角落放置的信息完全均等,更侧重于视觉的平衡关系。 如果过度追求完全相等的效果,反而会使整个版面显得刻意死板。
满版填充构图
满版填充构图是将图像与文字等视觉元素填满整个版面的构图形式,如下图所示。这一构图形式极具表现力。  下面这组海报充分体现了满版填充构图的特点——视觉效果丰富,具有强烈的艺术感和表现力。满版填充构图形式多见于学术海报与展览海报中。 通过上述内容可以发现,中心构图、对称构图和四角齐平构图均有特定的编排特点。而满版填充构图较特殊,在编排上并无固定形式,侧重于整个画面的视觉效果,以丰富的视觉元素吸引观者的注意力。正是这种无固定形式的编排特点,才使得满版填充构图在信息传达上较隐晦、含蓄。 
对角构图
对角构图是将视觉元素沿画面对角线放置的构图形式,如下图所示。相较于中心构图,对角构图能产生不稳定感,使视线由垂直直线变成斜线。这种构图形式可以营造出画面的纵深感,更具视觉冲击力,同时对观者视线的引导有着重要作用。  常见的对角构图形式有图文相对构图、文字相对构图。图文相对构图是指将文字信息放置在版面一角.而图像则放置在它所在的对角线的另一端。文字相对构图是指将主要文字信息放置在版面一角,而辅助性或装饰性文字信息则放置在它所在的对角线的另一端。 在下面的海报中,左侧海报是图文相对构图形式,视觉效果干净舒适,但画面的层次感稍弱;右侧海报是文字相对构图形式,其文字编排对信息层次的划分更有效。  提示 由于通常的阅读顺序是从左至右,因此在运用对角构图时,信息的编排可以先考虑从左上角至右下角这一走向,这样更符合阅读习惯。
依角构图
依角构图是将视觉元素沿相邻位置等放置的构图形式,能够引导观者的视线,使其按照信息的编排逻辑进行阅读。在下图中,根据画面元素的走向,阅读顺序为:A-B-C-D-E。因此,A部分作为首先被阅读的部分,应该放置重要信息。  在使用依角构图时,视觉元素的编排由相邻角度、位置而定,视线会根据这条轨迹移动。在下面的海报中,通常优先被看到的是A部分,其次是B部分,最后是C部分,这是由版面的构图决定的。因此,在使用依角构图时,需要梳理海报的信息,确保信息层级、阅读顺序的合理性。  PS:依角构图主要侧重于“依”“角”二字,将文字信息编排在画面的边角位置,并不仅仅指从某一角到另一角的编排形式.相邻位置的编排同样可以包含在这一构图中。
包围环绕构图
包围环绕构图是将视觉元素沿版面的四周进行编排的构图形式,如下图所示。这一构图适用于信息较多的海报,具有较强的视觉表现力。  使用包围环绕构图的海报的版面率较高、留白率较低,海报内容丰富饱满、富有张力,如下图所示。围环绕构图与满版填充构图有相似的特点,都是通过丰富的视觉元素营造强烈的视觉效果。两者的区别于满版填充构图没有固定的编排形式,而包围环绕构图有其特定的编排规则。  包围环绕构图不仅具有强烈的表现力,还能够引导观者的视线。
3.2非常规性构图
非常规性构图追求新奇独特的排列形式,是一种感性的、由主观情感主导的版面编排形式,整体较灵动活跃,如散点构图、曲线构图等。非常规性构图通常变化丰富,其海报的内容构成关系不易被掌握。非常规性构图分为以下4种形式。
散点构图
散点构图是将视觉元素分散排列的构图形式,强调自由性与随机性。在下图中,视觉焦点随着点的位置而移动,或自上而下,或从左至右。这种构图形式的特点在于“散”,将视觉元素分散地编排在版面中,散而不乱,体现出自由性。散点构图由于摒弃了严谨理性的版式,因此给人通透轻松的视觉感受。  散点构图的难点在于统筹画面中点的关系,当点过多时,画面会显得凌乱。具体可以从以下两个角度进行优化调整。 第1个角度是差异化。当点过多时,可以改变其部分特征(包括色彩、造型和大小等),以达到特异的效果。例如,当看见一群穿着一样的人时,难以将视线集中于其中一个人身上,但如果其中一个人的着装有所不同,就很容易被注意到。所以,差异化可以解决散乱、无主次关系的问题。 下面这两幅海报均为散点构图,哪一幅的视觉效果更好?  左侧海报因为每个点的形状、大小和色彩相近,没有明显的视觉焦点,画面显得混乱、散漫。而右侧海报放大了其中两个点,与其他点形成了对比,既强调了海报主题,又显得主次分明。因此,无论是层次关系还是视觉美感,都是右侧海报占优。 第2个角度是理性化。分散的点大多是随机排列的,因此感性色彩较突出。然而版面过于随性、主观,就会缺乏逻辑,难以形成视觉焦点,同时也会导致画面松散。因此,对此类版面进行理性调节,可实现散而不乱的视觉效果。在下面的海报中,左侧海报的版面以感性的主观意识进行编排,缺乏逻辑,整个画面显得松散凌乱;右侧海报的版面则在原有的构图基础上,进行规整的信息编排,使画面乱中有序。  在运用散点构图时,需注意行间距与字间距的大小关系,以免造成阅读顺序的错乱。下面这两幅海报的构成要素一致,且都属于散点构图。左侧海报上方标题文字的行间距小于字间距,会导致阅读顺序混乱;右侧海报的标题文字虽然排列分散,但由于字间距小于行间距,因此不会影响阅读顺序,同时还形成了疏密对比。 
曲线构图
曲线构图是将视觉元素整体呈曲线排列的构图形式,如下图所示。曲线构图虽然不太鲜明直观,但是更具美感及韵律感,能产生优美、柔和的视觉效果,也能起到引导观者视线的作用。  曲线同直线一样,是由一点到另一点形成的运动轨迹,视觉导向性很强,可以引导观者按特定顺序阅读海报。下面这幅海报的画面编排在无形中引导着观者的阅读顺序,整体走向呈反“S”形。  下面这幅海报的构图为“倒C形”曲线构图,也可以理解为三角曲线构图。阅读习惯会让观者的视线首先落在A区域,即海报的大标题,其次是B区域,最后是C区域,即副标题。得益于曲线的引导作用,这种阅读顺序符合海报的信息逻辑。当阅读顺序为A-C-B时,仍然符合海报的信息逻辑。因为A区域、C区域具有垂直关系,当画面右上角没有信息时,观者的视线会转移到左下方,这也是三角曲线的引导作用。 
放射构图
放射构图是以主体图形为核心,其他视觉元素向四周扩散的构图形式,如下图所示。这种构图形式有强烈的视觉冲击力,主次分明,能够使观者的视线集中在主体图形上。  放射构图接近向心式构图,向心式构图是画面四周的视觉元素向主体图形聚集的构图形式。这两种构图形式的区别:由四周向中心聚拢,属于向心式构图;由中心向四周扩散,属于放射构图。如果需要突出主体,形成视觉焦点,弱化其他元素,可使用向心式构图;如果在突出主体的同时需要兼顾其他视觉元素的展示,可使用放射构图。 在下面的海报中,左侧海报属于向心式构图,而右侧海报属于放射构图,均是围绕一个点排列的,具有较强的视觉冲击力和刺激性。放射构图以主体图形为主,扩散的视觉元素起着丰富画面的作用。 
路径构图
路径构图是根据任意形状的曲线进行构图的形式,可分为开放路径构图和封闭路径构图。路径构图让文字变得更加灵活有趣,相比于其他构图形式,在编排上更具灵活性,如下图所示。  下面这组海报均为路径构图。第1幅海报属于封闭路径构图,第2幅和第3幅海报属于开放路径构图。不论是开放路径构图,还是封闭路径构图,整体都给人轻松、灵活的感受。路径构图在非常规性构图中感性色彩较强烈,是一种侧重于主观情感引导的构图形式。  路径构图由于灵活性较强,因此不能完全用网格系统来进行版面设计,否则难度较大。新手还是尽量先从常规性构图着手设计。了解并掌握常规性构图,对版面的编排、视觉元素的处理及画面效果的呈现都大有益处。 构图形式不存在好与坏,每种构图形式都有不同的特点,且在元素表现方式和主观情感上存在差异。设计师需要掌握的是不同构图形式的特点,从而将其准确地用于版面设计之中。
4.版式编排原理
版式编排原理在同一海报画面中,既可以单独使用,又可以结合使用。每个编排原理的侧重点都有所不同。在下图中,对称与对齐是秩序感、规整性的体现,对比和留白是为了主次关系的强调,画面重点的突出,方向用于视线走向和阅读顺序的引导,分割及贴近用于版面层次的划分,节奏与韵律则用于视觉美感的呈现与表达。在设计海报时,可根据具体的海报主题、内容及面向的受众等,灵活巧妙地运用版式的地理 
4.1对称
对称是常见的编排原理。视觉元素的对称,可以让人感受到平衡的美感。对称的形式由以垂直中轴线为准的左右对称、以水平中轴线为准的上下对称和以对称面为中心的镜像翻转对称等。对称在版面中的作用体现在画面的秩序性、稳定性及视觉美感上。 在下面的海报中,左侧海报的版面信息以垂直中轴线为准进行分布,属于左右对称;中间海报的版面信息以水平中轴线为准进行分布,属于上下对称;右侧海报的版面信息以镜像的形式进行分布,属于镜像翻转对称。其中,左右对称和上下对称使用较多。  在版式设计中,信息的编排不要求绝对对称,因为信息的差异,编排内容的长短、疏密和大小等均会产生差异。如果过度追求视觉元素的绝对对称,版面会显得过于刻板生硬。即使画面中存在不对称的视觉元素,也不会影响整体的视觉感受。 下面这组海报分别对应左右对称、上下对称、镜像翻转对称,可以看到其中的信息并不完全一致,但同样属于对称。如果为了追求绝对对称而过度改变文字的间距和大小,有时反而会影响阅读与视觉表现效果。  当版面中90%的部分对称时,即使有10%的部分不对称,他依然属于对称。 对称是增强形式美感的一种手段,如果为了追求版面的完全对称,而将视觉元素重复排列,虽然版面的形式具备美感,但不实用且没必要。
4.2对齐
对齐是将版面中的视觉元素按照某种规律进行排列,将画面呈现出协调、整齐的状态,在下图中,左图的版面不够整齐,整体显得凌乱,缺乏秩序感。右图的版面是经过对齐的,看起来规整美观,且易于阅读。  在下面的海报中,由于左侧海报未对视觉元素进行对齐,因此显得凌乱无序,由此海报对水元素进行了对齐,画面整体呈现出规整的秩序感。  常见的对齐方式有以下几种。 左对齐是较常用的对齐方式,直观简洁,符合从左至右的阅读习惯。右对齐也是较常用的对齐方式,相对于左对齐,其阅读性稍弱。顶对齐是以顶部为基准的对齐方式,常见于日式海报,由于其阅读顺序是从右至左,阅读的舒适度稍低。  底对齐既可以竖向对齐,也可以横向对齐。竖向对齐因为其从下至上的阅读顺序与人的阅读习惯相性,阅读性较差,很少在内文信息中使用,偶尔应用在标题中。居中对齐的实用性仅次于左对齐,以版面的中结为基准对齐,使于信息的传达,而且从上至下的阅读顺序符合人的阅读习惯,给人以正式感。轴线对齐是以某一对齐元素的左(右)轴线为基准的对齐形式。  对齐在商业海报、文化海报及学术海报中都有使用(文字信息较少的海报除外),是保证画面秩序感与阅读舒适性的重要手段。在同一海报中,可以有多种对齐方式,但同一层级的内容不建议采用多种对齐方式。 在下面的海报中,左侧海报虽然使用了左对齐与顶对齐两种对齐方式,但版面仍有秩序;右侧海报由于在同一层级的信息中使用了多种对齐方式,因此整个版面显得凌乱松散。 
4.3对比
对比既是一种视觉表现手法,也是一种版式编排原理。在版式设计中,对比多用于表现差异,常用于相同或相似的视觉元素中,通过大小、明暗、粗细和疏密等差异,凸显版面的主次关系,强调某一部分内容。 将海报标越放大,可以起到突出主题的作用;将英文小标题放在主标题之下,可以形成大小对比。时间是仅次于标题的第2层级信息,同样需要重点突出,以线条的形式进行编排,既可避免喧宾夺主,又能形成对比。最后是详细信息(地点、主办方等),过于细小而密集的文字难以突出重点,阅读难度较大,可以通过文字的粗细对比强调重点信息,如下图所示。  适当对比可使版面精致有序,过度对比或者缺乏对比会影响海报内容的表现与传达。过度对比可以理解为画面中的对比元素小的太小、大的太大,缺乏对比可以理解为画面中无对比元素。 在下面的海报中,左侧海报属于过度对比,其中标题过大,内文过小,整体的对比悬殊,只能让人了解到海报的主题,无法了解具体的信息;右侧海报的信息虽然清晰,但是缺乏对比,各个层级的信息过于均等,画面主次不明。此外,过于密集的信息编排也不利于阅读。  要做到适当对比,可根据信息进行层级梳理,突出重点内容,弱化次要内容,避免喧宾夺主。经过信息层级梳理及视觉效果优化,大、中、小的对比使得主题更加突出,层次更加分明,清晰直观地传达了海报的主题,如下图所示。 对比可遵循“有大有小”原则,若画面中标题较大,可以尝试用小的视觉元素形成对比;若大小对比过于突元,可以尝试用中等大小的视觉元素进行过渡。 
4.4留白
留白是画面中除视觉元素外的空间,恰当的留白能使画面虚实有度,在有限的空间内引发观者无限的遐想。尤其是在有限且复杂的版面中,没有留白会影响信息的传达。在许多优秀的海报中,都可以看到留白的应用。留白在版面编排中的作用主要为以下两点。
衬托
在强调主体或某一视觉元素时,常常会用到留白。适当的留白能够更好地烘托海报的主题,突出画面的重点信息,以无形衬有形。举个例子,在一张白纸上画出一个图形,这个图形便是画面的主体,并且非常显眼,这正是由周围有大量的留白所致。 在下面的海报中,左侧海报因为有大量的留白,当观者第一眼看到海报时,视线会聚集在画面中心的积木上。干净简洁的版面使主体得以突出,“干净简洁”是留白产生的效果。留白在整个版面中起着衬托主体的作用,使人们将图形与品牌的产品、理念联系起来。右侧海报的视觉焦点为红色的图形,除了其色彩足够突出,四周的留白对主体的凸显起到了不可忽视的作用。当画面中主体的细节足够丰富时,背景的留白便与主体形成鲜明的对比,从而清晰直观地突出海报的重点。  既然是衬托,那么被衬托的主体也非常重要。如果主体平平无奇、缺乏创意,留白反而会使画面缺少内涵,显得平淡。下面这组海报中的留白运用得恰到好处,画面的主体图形已经具备很强的创意性,因此使用了大量的留白,用以传达海报的主题。如果将背景色换成其他色彩或增添更多视觉元素,均会影响海报主体图形的表现及品牌内涵的传达。  利用留白强调画面主体,从而传达品牌的风格调性和理念内涵的例子在商业海报中屡见不鲜。在下面的海报中,右侧海报的画面简洁而富有内涵。提取产品的轮廓造型,将产品及说明文字融入其中,使其成为画面的主体与视觉焦点。在大量的留白中,主体的造型格外显眼,能直观地传达产品的信息及品牌典雅沉静、轻奢简洁的调性。 
协调
信息过于烦琐会使整个版面显得压抑沉重,影响海报主题的表现与传达。留白可以调整繁杂的版面,保证信息的有效传达,产生舒适、易读的视觉效果。 在下面的海报中,虽然字体占据了版面大部分的空间,但是整体却不会给人压迫感,因为留白赋予了整个画面舒适、透气之感。  一些海报会通过饱满的版面来营造视觉冲击力,旨在短时间内吸引观者的注意力。而留白则是为了调整过于丰富的版面,平衡整个画面。但是,并不能以版面是否存在留白作为评判海报好坏的标准。通常来说.留白的面积少,是在追求画面的丰富性与视觉冲击力;留白的面积多,是在追求画面的舒适性和通透感。 在下面的海报中,左侧海报视觉效果丰富饱满,富有表现力,留白较少,整体错落有致、充满活力;右侧海报中的图形与文字信息同样丰富,在具有表现力的同时还能给人舒适感,这是大量留白的效果。当图形与文字信息足够丰富时,留白会缓和画面冲击力,起到平衡画面的作用。左侧海报更具视觉冲击力,右侧海报更具舒适感,两者侧重点不同,各有千秋。  PS:留白并不是指画面中白色的部分,而是视觉元素之外的空间。通常来说,留白的面积越大,海报越趋向于内涵型、思考型,给入一种韵味感;留白的面积越小,海报越趋向于实用型、内容型,具有丰富性。
4.5方向
方向即引导,它可以引导观者阅读的顺序,是一种必不可少的编排原理。阅读顺序通常是从左至右,从上至下,如下图所示,当文字横向排列时,一般是从左向右逐层阅读。  当文字竖向排列时,一般是从右向左按列依次阅读,如下图所示。竖向文字的编排常见于日式海报中,能传递一种古典感和文化感。  横向文字的编排在海报中应用较广泛,更适合大众的阅读习惯,通用性更强。因此在设计海报的过程中,需要着重考虑阅读方向和阅读习惯,避免造成观者对文字信息理解混乱。 方向的引导作用并非一成不变的,除了受阅读习惯的影响,还受编排方式、大小和形状的影响。因此,设计师需要做到举一反三,不可生搬硬套。 在下面的海报中,从版面的编排来看,阅读方向是从右至左,阅读顺序为:A-B-C。虽然B区域的面积小于C区域,但是A区域的标题是竖向排列的,所以视线会偏向于B区域。可以看出,阅读方向不仅取决于文字内容的排列方式,还取决于版面中的信息层级及大小。  方向重要的是引导作用,而非方向本身。这种引导并不是借助实际的箭头,而是蕴含在版式中的、无形的引导线。为了追求新奇感而违背阅读习惯或逻辑会导致海报的阅读性变差。每幅海报均有其视觉引导的方向,如果海报中缺少方向的引导,那么受众对海报信息的接收与理解就会受到阻碍。下面这幅海报并没有标注具体的阅读方向,但是阅读顺序却很清晰,即A-B-C-D。 
4.6分割
分割不仅指版面的分割与划分,还涉及版面信息层级、内容的划分,既可以使用相同的视觉元素产生关联,又可以使两个毫无关联的视觉元素得以区分。
版面的分割
 版面分割产生的效果直观明显,每个分割出来的区域均为一个独立的板块,每个独立的板块又共同组成海报的整体。下面这组海报与其上方的版式—一对应。当分割应用于海报中时,画面有强烈的构成感,每个独立的板块中都有相应的信息,从而降低了阅读难度。  PS:版面的分割并不代表信息完全按照板块进行编排,即不可认为分割版面就是分割信息。板块与板块之间可存在相应联系,跨越式编排能够增强画面的灵活性。 在一分为二的分割方式中,上下分割比左右分割的使用率更高。 对于版面的分割,并无固定的分割比例,均等分割或者按照黄金比例分割均可。其重点在于分割后版式的编排,分割比例属于设计美感的加分项。常用的分割比例有1:1、1:2、1:3和1:1.618等,如下图所示。  版面分割的灵活性较强,除了上述常用的分割比例,版面也可根据信息或视觉效果需要自行分割。分割可采取“先分大,后分小”的原则,首先分割出大的板块,然后从中分割出小的板块,每个板块都可作为一个独立板块进行分割。在下图中,按照黄金比例将版面划分为A、B两个板块。将A板块继续分割,便有了A1、A2。将A1继续分割,便有了A3、A4,以此类推。  
信息的分割
分割可以用于划分版面,也可以用于划分版面中的信息。有效的分割可以区分出版面中的信息,使观者更清晰直观地读取和辨别画面内容。在下图中,当3组内容之间没有分割线时,会被认为是有关联的,具有并列关系;当3组内容之间加入分割线后,会被认为它们之间的关联性不大甚至没有。由此可见分割对版面信息划分、信息层级关系梳理、主题传达的重要性。  信息的分割并不一定要通过线条来体现,间距同样能起到分割作用。在下图中,左侧版面中的信息会被作为同一个信息组去阅读,这是因为版面缺乏分割。分割旨在划分没有关联的内容,如果没有做到有效的区分,信息就会产生混淆,增加阅读难度。右侧版面利用间距将整个信息组划分为4个板块,文字内容变得清晰易读。 
4.7贴近
贴近是划分信息层级,实现视觉逻辑化的有效方法。视觉会将画面中有关联的信息组织在一起,关联性越强的内容,在视觉上就会越亲密;关联性越弱甚至毫无关联性的内容,在视觉上就会越疏远。利用这一编排原理,可以有效地区分版面的信息层次。 在下图中,左侧版面的编排会造成视觉混淆,令观者不知道是将这些内容分开阅读还是视为一个整体阅读;右侧版面通过对画面中有关联性的信息进行组合,将信息排列得井然有序。因此在海报的信息编排中,如果段落与段落之间有标题,需要注意标题与上下段落的间距,标题与下一段落为一个整体,标题与上一段落的间距要大于标题与下一段落的间距,这样亲疏关系才能得以体现。  贴近与分割相反,主要针对的是版面中具有关联性的视觉元素,将相关联的视觉元素排列在一起会产生秩序感、整体性。如果将有关联性的视觉元素分开排列,不仅会使海报失去共通性与规律性,也不利于观者阅读。下面哪幅海报的视觉效果更好?右侧优于左侧。 
4.8节奏与韵律
节奏是指根据一定的规律,进行有条理的编排而形成的一种秩序。韵律建立在节奏的基础之上,将规律的节奏与情感因素结合而产生流动美。节奏是客观存在的,韵律则带有主观情感,两者都可增强版面的艺术感染力和视觉表现力。 人们在阅读图书时,通常会一行行地阅读,而不会从第1行跳到第3行阅读,这是节奏使然。而节奏是规整有序的,容易让人产生视觉疲劳。所以,需要在特定的节奏中加入韵律来增添变化。 错落有致的规律变化能使画面产生具有美感的韵律。在下图中,上面一排文字一大一小的穿插是一种具有节奏的编排,整体属于规律性排版;下面一排文字在节奏编排的基础上进行韵律的表达,如同跳动的音符,整体更具韵律感与视觉美感。 节奏分有变化的节奏和无变化的节奏。   对称、对齐和分割等编排原理严谨客观,理性色彩较强烈。节奏与韵律恰恰相反,其感性色彩较强烈,没有严谨规整的编排形式。节奏与韵律的认知会因个体审美、情感体验的不同而不同。 下面两幅海报的内容一致,但版面的编排有所差异。左侧海报的节奏较明显,但缺少些许韵律,整体属于规整性的节奏编排;右侧海报相较于左侧海报,韵律更加明显,虽然没有追求绝对的规整,但是使观者可以根据韵律感阅读海报。  节奏与韵律作为版式的编排原理与前面介绍的曲线构图有异曲同工之妙,曲线构图具有轻松灵动的视觉效果,而韵律同样是基于律动的视觉表达。  
5.海报诊断
5.1版面混乱,阅读困难

5.2不留余白,视觉拥挤

5.3盲目追求效果,不易识别