学术指南(第10期) |科技论著中插图的图内布局设计示例

图内布局设计指在设计插图时通过调整其各组成部分、要素的内容与幅面及其间排列顺序等而进行的布局设计。为使插图布局合理均衡,有稳定的视觉效果,要对插图的各个组成部分进行合理布局,可采取并排、叠排、交叉排、三角形排等多种形式,既要考虑文章段落、插图形态、幅面大小,又要考虑排版要求、美观协调、节约版面等因素。对布局不合理或存在较大空白的插图,在不影响插图内容表达的情况下,要进行适当调整,使其布局、大小合适。

01 图1为布局调整前的某一原图

此图在布局上存在的不足主要有:矩形框和其他框内的空白相对较多,且框内文字的排列、转行不规范;连接各框的流程箭头线有长有短,而且有的明显偏长,非常不协调;流程线1、2和箭头线3与其他要素所围空白偏多;图中文字的字号偏小(针对正文为五号字);菱形框内的语句后面用了问号(此语句的疑问语气明确,其后的问号通常可以省略),而且有文字压线的现象。

针对不足对此图作布局调整:将框内文字改为一行排,使框的大小与其内文字的幅面协调、一致;缩短长的箭头线,使所有同类箭头线的长度尽可能一致;缩小流程线1、2和箭头线3与其他要素所围空白;增大字号。调整后如图2所示,表达效果明显提高。

为进一步降低整个图的高度,以缩小图的幅面,还可通过对若干矩形框的内容合并而对图2的布局重新调整为如图3所示。

继续简化,还可通过简化矩形框内文字而对图3布局重新调整为如图4所示。

在图形布局设计中,还可通过将并(竖)式布局改为串(横)式布局而调整(必要时还可用其他调整方式),如可将图2或图4的布局重新调整为如图5所示。

02 图6为布局调整前的某一原图

此图在布局上存在的不足主要包括:矩形框的排列较为松散,不紧凑,欠整齐;图内各要素间不必要的空白较多,图的幅面整体偏大(特别是偏宽);矩形框内的文字排列不整齐,转行不规范,有的表达还不够准确、简洁。当正文双栏排版时,此图在一栏内排不下,但将其通栏排版又会浪费版面,而且还会与周围的文字不大协调。还存在将冒号当作比例号以及不必要地使用英文词语的问题。针对以上不足,对此图的布局重新调整为如图7所示。重新布局后的表达效果明显好于原图:不仅紧凑,而且在一栏内能排得下,既美观,又节约版面。

总结

插图的设计要富于变化,版面上要美观协调,达到多样的统一;幅面要适中,线条密集时幅面可大些,稀疏时幅面可小些,尽量给人以舒适的感觉。插图中线条的粗细要搭配,如线形图的坐标轴线和标值线用细线表示,而主图的线条用粗线,以产生层次感和美感。

本文转载自微信公众号:“梁博士讲堂” 

编辑推荐:图书馆学科服务部