2.2 常见版式类型
设计中的版式有很多种。不同的版式类型,传递的内容也不尽相同。常见的版式类型有骨骼式、满版式、分割式、中轴式、导引式、对角式、对称式、重心式、三角式、并置式、自由式和组合式12种。
骨骼式
这种版式是一种规范的、理性的分割方法。严格按照骨骼比例对图片和文字进行编排。骨骼式版式给人以严谨、理性、和谐的美。常见的排列方式有通栏、双栏、三栏和四栏等,一般以竖向分栏居多,如图2-3所示。
这种版式非常适合应用到网页设计中,充分混合图片和文本块的版式,既理性有条理,又活泼而具有弹性,如图2-4所示。
图 2-3
图 2-4
满版式
满版式构图是版面以图像充满整版,整个设计以图像为主,视觉传达直观而强烈。文字内容在版面的上下、左右或中部(边部和中心)的图像上,如图2-5所示。
满版式给人大方、舒展的感觉。是商品广告常用的形式,如图2-6所示。
图 2-5
图 2-6
分割式
分割式分为两种:上下分割式和左右分割式。上下分割式是将整个版面分成上下两部分,在上半部或下半部配置图片(可以是单幅或多幅),另一部分则配置文字,如图2-7所示。这种构图方式图片部分感性而有活力,而文字部分则理性而静止。
左右分割式将整个版面分割为左右两部分,分别配置文字和图片,如图2-8所示。左右两部分形成强弱对比时,造成视觉心理的不平衡。
图 2-7
图 2-8
由于视觉习惯的问题,左右分割式版式不如上下分割式的版式视觉流畅自然。要解决这种问题,可以将左右分割式的分割线虚化处理,或使用文字和图像左右重复穿插,版式效果可以变得自然和谐。
中轴式
中轴式版式是将图形水平方向或垂直方向排列,文字配置在上下或左右,水平排列的版面,给人以稳定、安静、平和和含蓄的美感,如图2-9所示。中轴式垂直排列的版面非常大气,极具画面感染力,给人强烈的动感。传递着坚定、可信的视觉感受。
图 2-9
导引式
导引式版式是指版面中的某些图片和文字,排列成曲线,产生韵律与节奏的感觉,如图2-10所示。引导读者的视线,帮助读者按照设计者安排的顺序依次阅读版面中的内容。或者通过导引指向版面中的核心内容,对其进行强调。
图 2-10
对角式
对角式版式是指将版式中的主要元素分别位于版面的左上角与右下角,或者右上角与左下角,如图2-11所示,主要视线处于右上角与左下角之间,造成版面强烈的动感,增加不稳定因素,引人注目。视觉冲击力较强,形成了在变化中相互呼应的视觉效果。
图 2-11
对称式
对称式的版式构图能给人满足的感觉,画面结构完美无缺,给人稳定、理性的感受,如图2-12所示。对称式构图又分为绝对对称和相对对称两种。一般多采用相对对称手法,以避免过于严谨。对称式构图一般以左右对称居多,如图2-13所示。
图 2-12
图 2-13
重心式
重心式构图版式将产生明确的视觉焦点,并使其更加突出。常见的有三种类型,第一种是直接以独立而轮廓分明的形象占据版面中心。第二种称为聚集式构图,指视觉元素向版面中心聚拢的运动,如图2-14所示。第三种称为分散式构图,犹如石子投入水中,产生一圈一圈向外扩散的弧线的运动,如图2-15所示。
图 2-14
图 2-15
聚集式构图能够强化版面的重要元素,同时具有向内的聚拢感和向外的发散感,能产生较强的视觉冲击力。分散式构图排列较为松散,元素与元素之间的空间较大,给人以规律感和轻松感。
三角式
在圆形、矩形、三角形等基本图形中,正三角形最具有安全稳定因素,如图2-16所示。因此三角式构图具有极强的稳定感。倒三角式则表现出不稳定感和动感,如图2-17所示。
图 2-16
图 2-17
并置式
并置式构图是将相同或不同的图片做大小相同而位置不同的重复排列操作,如图2-18所示。并置式构图的版面有比较、解说的意味,给予原本复杂喧闹的版面以秩序、安静、调和与节奏感。
图 2-18
自由式
自由式构图是指版面结构中没有任何规律,通过随意的编排构成,如图2-19所示。整个画面有活泼、轻快的感觉。需要注意的是,在随意编排页面元素的同时,也要注意整个页面的协调性。
图 2-19
组合式
组合式构图是指将一个版面中的图片裁切成尺寸不同的图片,并重新组合在一起,形成新的图片,这些图片可以不相同,如图2-20所示。也可以是同一张图片的局部,如图2-21所示。这样的构图趣味性很强,同时会很好地吸引浏览者的注意。
图 2-20
图 2-21