兼顾整体协调和主题表达的地图集整饰设计
2021-08-24黄丽娜刘欣瑞刘嵩雯
程 颉,黄丽娜*,任 福,刘欣瑞,刘嵩雯
(1.武汉大学资源与环境科学学院,湖北 武汉 430079)
整饰是制作专题地图集必不可少的步骤之一。专题地图集是根据某种特定的用途或目的,按照统一的编制技术规范,一定的组织原则,将若干幅地图有机整合在一起[1]。地图集整饰包括地图、图例、图表、图文等可视化元素,需要从整体到局部、从主题到细节统一协调,优化设计可视化元素、色彩搭配和布局[2]。 优秀的地图集整饰能引人入胜,提高信息密度,清晰层次关系,准确获取信息,既具有实用性又具有艺术性。
近年来不少学者围绕地图(集)整饰展开研究。国内有学者研发了地图整饰自动化平台[2-4],提高了制图效率,但只适用于矩形地图图廓,其辅助要素分布在地图右侧;李晓珊[6]从符号、色彩和图面配置3个方面归纳了专题地图整饰的方法[5];魏嘉设计了仅有一个主图的地图配置模板,实现了图面自动配置;孙斐然[7]从多角度提出了专题地图集信息整合策略,优化图集设计,突破传统、力求创新。国外的研究重点是网络地图设计,Jenny等[8]针对地图要素最佳尺寸和距离、字体、排版和颜色等进行指导;Brewer等[9-10]设计了一个为专题地图选择颜色方案的网络工具;Degbelo等[9-10]提出了依赖数据类型和视觉变量的映射提供专题地图可视化建议的半自动方法[11]。
专题地图集是若干图幅的集合体,具有极强的综合性。既要反映不同专题内容的多样性,又要充分体现整体统一性;既要反映同一专题内要素或现象的分布差异性,又要充分体现各要素间的内在联系和逻辑性。纵观现有研究,整饰大多针对单一纸质或电子图幅,虽然在一定程度上对地图集整饰有参考价值,但相较而言,地图集整饰更为繁琐复杂,需从宏观把控,协调图集的设计风格,单图幅整饰并不能满足这一需求,地图集的整饰研究也未系统性地阐明这一点。基于此,本文结合研究团队开展的《21世纪海上丝绸之路沿线区域航海地图集》(以下简称《海丝图集》)的编研工作,从符号要素、色彩搭配、图面设计三个方面探讨如何设计兼顾整体协调和主题表达的专题地图集整饰。
1 专题地图集整饰的理论基础
专题地图集的整饰注重整体协调、层次有致、视觉平衡。整体协调主要体现在反映同一区域不同主题或变化时建立同一投影、保持底图要素一致,统一的视觉风格,图集通过统一的地图符号呼应等[12]。通过对整体图面的结构、色彩、密度等的设计来达到最佳效果,有利于减少由于图集内容或知识的专业性而带来的距离感。
1.1 符号元素
地图符号是地图集整饰的重要元素,它通过抽象和概括来表示地理信息。Bertin[13]首次提出视觉变量,其包括形状、尺寸、色彩、亮度、纹理、位置和方向,通过这些变量的变化来体现地理要素的差异与联系。
设计以突出主题为出发点,不仅要形象易读,直观反映事物的本质特征,还要具备艺术性,提高感染力和读者阅读兴趣[14],利用符号的隐喻来优化设计也是技巧之一。制图者需要根据事物之间的联系,利用读者的共同认知,把隐喻的符号变得浅显易懂。合理设计符号系统,通过对符号的颜色、粗细、大小等形式的设计来表达主次、等级、升降等关系[5]。对于地图集的通用符号系统如图例,根据已有的行业制定规范或标准,总揽全局后设计统一样式,有利于统一图集内容[14]。
1.2 色彩搭配
色彩可以传递情感,不同的颜色能带来不同的色觉心理,影响人们的情绪[15]。色彩搭配既要做到用色鲜明、层次明晰,又要注意整体协调性。通过色彩的强烈对比形成视觉冲击,力求给读者留下深刻印象。
色彩的隐喻性是指色彩蕴含的象征意或延伸意,把握色彩的隐喻更能深化主题。设色时应先建立主题与色彩的联系[7],明确每张图幅的主色调,再决定配色,用色相来区分不同性质的主题,各图组设计不同的外框色或背景色,最后通过调整明度和饱和度,确保图幅和图集用色风格统一。值得注意的是,为了让图面色彩更加和谐优美,图片色彩也应与图幅主色调保持一致。
地图集符号颇多,同类型符号明暗、冷暖等设色风格也应保持一致,保持图面均衡、有条理。地图集中的要素分类分级可通过色彩渐变或色相差异来体现,突出其质或量的变化[14]。
1.3 图面配置
专题地图集主题涵盖广泛,表现内容和形式丰富多样,图面配置是其呈现的第一印象。根据各图组表达内容设计各自通用版式,合理布局,既要全面又要有些侧重,体现一般和特殊相结合的原则,增加节奏感。
以图文或图表为主体的图组可参考杂志设计的创意思维;以地图为主体的图组往往根据图面大小和内容确定构图分割比,划分相应整饰单元,灵活摆放各要素位置,做到多样统一、对称均衡。读者视线一般从幅面左上方进入,从右下角离开,且视觉中心也处于偏上方的位置[6],因而地图占主体的、主图应放置在图面左上方。
通用版式只是提供构图参考,不必生搬硬套,应根据实际情况局部微调,活套活用。图面配置首先要有逻辑性,保证单元内部、单元与单元之间逻辑清晰;其次讲究视觉平衡,避免文字堆叠导致局部过密过疏、过重过轻;此外子专题内部尽量保持表现内容和表达形式的统一性。
2 《海丝图集》整饰设计实践
2.1 《海丝图集》概况
“21世纪海上丝绸之路”(以下简称“海上丝路”)旨在深入沿线国家和地区的合作,建立命运和利益共同体。海运发展是实现“海上丝绸之路”战略的重要载体和保障。欲发展海上丝路,必先发展航运[16]。因此《21世纪海上丝绸之路沿线区域航海地图集》(以下简称《海丝图集》)应运而生。
《海丝图集》服务国家“一带一路”倡议需求,不仅是描述海上丝绸之路沿线区域的辅助手册,还是宣传弘扬海上丝绸之路文化的有力工具,体现当下时代特征,意义深刻。该图集包括了海丝概览、沿岸风貌、航运经贸、资源环境、航海保障和重点航区6个图组 。
本图集服务于航海系列产品,所以在设计上重点突出港航元素。符号设计贴合主题,具有系统性、象征性和表现力,结构简洁明了,突出最本质特征,既清晰易读,又不失生动鲜明;既能突显差别,又能保持联系。色彩的隐喻呼应主题,色彩的对比突出主次,色彩的渐变显示变化,提高色彩表现力。充分调动地图、图表、图文等多种可视化方式,混合编排,相得益彰,纷呈而不乱,同时突破传统统计图的表现形式,尝试瀑布图、旭日图等多种创新形式。
2.2 版式设计
本图集图幅尺寸为594×420,内图尺寸为570×360,采用8开幅面,左右对称更具平衡感的版式(如图1)。左上角是图幅名称,左下一列是图组的中英文名,右上角是本图集全称,背景融入了抽象的丝绸符号 (如 图1右)。《海丝图集》以21世纪海上丝绸之路为主题,突出反映沿线区域政治、经济、文化、自然环境等概况。选取历史上最具代表性的货物——丝绸,作为贯穿全图集的主题元素,既能充分凸显图集内涵,也能代表经济文化等方面的互通互联,形象表示“海上丝路”走向;采用船舵、海浪、帆等元素呼应“海上”建设。
图1 版式设计
2.3 符号设计
对于各专题要素,在了解表达重点的基础上,提取有代表性事物和特征,设计生动形象的符号,辅以鲜明色彩,以便更好地增添美感和表达主题。
以本图集的航海保障图组为例,《助航标志》主要表示百年灯塔的分布及相关信息,则选取易于联想的灯塔(如图2);《口岸服务》主要介绍沿线国家和港口城市海关机构的分布等,则用形象的船锚定位表示港口海关,联系方式用约定俗成的电话、传真机和信件生动表示。
图2 助航标志
符号除了具有审美价值,还可以传达专题指标类别、数量等特征。本图集多用尺寸这一视觉变量区分指标的数量特征,能明晰地量算或观察数值,同时用颜色区分指标的质量特征。如用环形或圆形体现总指标中各分指标占比;用柱形或小柱块叠加说明数量特征(如图3、4)。
图3 海盗活动情况
图4 应缴会费
《航运要塞》主要表示沿线区域的航运信息,其专题符号由船舶和海浪构成,设计不同尺寸表示航运要塞水深、宽度和长度(如图5),体现了科学性和艺术性的结合。
图5 航运要塞
2.4 色彩搭配设计
《海丝图集》以图组为单元设计5种不同的颜色,分别是粉色、绿色、蓝色、棕色、黄色。海图配色呼应国家海洋战略,近海选用浅蓝,远海选用深蓝,由浅到深表示海洋深度变化。每幅专题图都有对应的主色调,与植被、环保有关的专题选用绿色为主色调,如《环境绩效》。与大气、冰川、海洋有关的专题选用蓝紫色系为主色调,如《海洋表面温度与盐度》。要素设色时首先确定主次关系,主要素设色鲜艳,次要素设色浅淡,整体冷暖色结合,通过色彩对比,形成视觉层次感,让视觉重心落在主图上。分层设色时设置合适的色级差,便于读者判读。同时注意到红色象征警觉和危险,涉及到指标的配色,在充分考虑指标高低对应积极含义还是消极含义后慎重用色。
质底法常用于地质图、地表覆盖图、气候类型图等。平行单元设色时,既体现不同区域差异,又注意用色平衡,不造成某一个或几个区域过分突出[5]。如《气候》主图(图6)设色清新淡雅,视觉平衡感极佳。
图6 《气候》示意图
叠加地貌晕渲底图,增加视觉层次感是本图集的亮点之一,为降低其他要素的干扰,需要适当降低晕渲底图的颜色,但若过度降低晕渲底图的明度,则会使主图周围略显空旷,变得寡淡。
采用等值线法表达专题信息,线状符号面积小,视觉冲击亦小,所以线状符号选用较鲜艳的颜色,与消色底图形成对比,突出专题信息。
2.5 图面设计
2.5.1 图面配置
本图集的图面配置按照专题内容主要分为图文结合、专题图和图表结合、专题图、图表和图文结合 3种形式。配置前进行专题信息的分类和相关性分析,根据专题内容的关联性和差异性融入划分后的整饰单元中,协调图表的大小,以及调整图表和专题图的关系,最终构成专题图的图面配置。尽量不打破专题信息之间的相关关系。纯图文的图幅参考平面设计中的图文配置,将图片和文字以长幅、宽幅等不同的形式排版,形成图面的艺术美和灵活美。
2.5.2 布局优化
图面配置展现了图集的版式美,要素繁多复杂,需从局部或细节出发,对其进行布局优化:
1)地图:相同制图区域不同主题的附图采用统一投影小比例尺,并尽量并列或者并排置入整饰单元,视觉效果整齐美观(如下图9b单元二)。
2)图名和比例尺:不同比例尺、不同投影的地图设计不同的字体和字号的图名,但图名大小不能超过图幅名大小。字号和图名与比例尺垂直间距依地图大小做出合适调整。两者尽量放置在图面上偏中的位置,避开左上角的图幅名和右上角的图集名。
3)图例:一般放置在地图的左下或右下或正下方。对于平行类别较多的图例(如图7),充分利用地图周围零散空间,有序地组合排列;对于分级类别较多的图例,灵活调整色块排列方向(横向或纵向,如图8b单元二和图9b单元三)。
图7 平行类别图例
图8 《海洋表面温度与盐度》优化前后示意图对比
图9 《磁场》优化前后示意图对比
4)文字:避免文字过多造成视觉重心的偏移,且文字不得跨越中缝线。本图集文字有文字标签和文本框两种类型,两者字间距、行间距、段间距参数一致,每种类型的标题和正文设置不同的字体和字大,字大不超过4.0 mm为佳。采用对比的方法突出文字层次感。
5)图表:图表是对主题的补充说明,对图表名、坐标轴、说明文字等设置统一规范。反映同一主题或现象变化的统计图表应采用同种表现形式(如图8b单元二),增加统一美和对称美。
6)地图注记:地图注记多而细[17],分布广泛,依据地图的表达主题和图面大小适当保留关联注记,删除或淡化其他注记,避免喧宾夺主。
优化后的《海洋表面温度与盐度》(如图8b)采用同一样式图表表示两极平均海冰范围。两极地图改用圆形分幅,错位放置,增强图面活力,同时把图例分别横放在地图右下角和左下角,整体上既保持了对称性又保持了统一性。
优化后的《磁场》(如图9b)灵活又统一,主图周围添加蓝白修饰边框,更增艺术感。附图采用同一投影,横向摆放的图例结构紧凑,灵活地运用对称性,局部调整视觉中心。
通过上述两组专题图优化前后的对比可以看出,优化后的专题图美观协调,不管是内容的表现形式,还是布局排版,都变得更加规整紧凑。
3 结 语
地图集整饰是一项繁琐而细致的工作。本文结合《海丝图集》编制工作,总结归纳出兼顾整体协调和主题表达的地图集的整饰方法和技巧。该图集内容丰富,图面设计灵活美观,主题突出,协调统一,色彩轻快柔和,兼具艺术性和科学性。
图集整饰具有制图者的主观性,如何让图集更深入地面向大众,不受内容专业性的制约,按照用户的读图思维方式和习惯来设计编排是下一步的研究 方向。