平面设计中的网格系统_一种基于网格系统的地图集版式设计方法

作 者 信 息

侯孟营1，黄丽娜1,2,3，任　福1,2,3，阮　晴1,2,3，伍　涵1，王嘉诺1

(1. 武汉大学　资源环境科学学院，湖北　武汉　430079；2. 武汉大学　地理信息系统教育部重点实验室，湖北　武汉　430079；3. 数字制图与国土信息应用工程自然资源部重点实验室，湖北　武汉　430079)

“

【摘要】通过对网格系统秩序体系的研究，确定了地图集版式设计中网格系统的引入流程，提出了网格系统在地图集版式设计中的应用流程。鉴于网格系统在小比例尺地图集版式设计应用中更具典型性，故以《21世纪海上丝绸之路沿线区域航海地图集》小比例尺地图集为研究对象，借助网格分割、网格重组、网格突破等设计手法，详细介绍了网格系统在小比例尺地图集版式中的具体应用过程。总结出网格系统在地图集版式设计中的使用原则，对其应用的强大优势进行了探讨，为现代地图集版式秩序化设计提供了方法，有效地节省了地图集编制的人力和物力。

【关键词】网格系统；版式设计；地图集；专题地图制图

【中图分类号】P283.1 【文献标识码】A 【文章编号】1672-1586(2020)05-0096-06

”

引文格式：侯孟营，黄丽娜，任　福，等. 一种基于网格系统的地图集版式设计方法[J].地理信息世界,2020,27(5):96-101.

正文

0　引　言

地图集本质上是一种科学与技术相结合的产品，版式设计是其形象风格的重要体现，是地图视觉美感设计的重要组成部分，发挥着美化地图、引导读者研读地图、传达地图信息的作用。网格系统是平面设计中版式设计的核心内容，在版式秩序性和规律性把控上取得较好的应用效果。

随着地图的广泛应用和人们对地图审美能力的提升，人们在使用地图集时已经不满足于其严肃的表现形式、单一的设计风格和较少的符号种类，取而代之的是对视觉美的追求。地图集版式设计既要考虑地图要素的图型，又要兼顾其他要素的风格；既要考虑单幅图幅的特性，又要强调图集整体的协调统一。目前，地图集的编制多采用团队合作的方式，人力较多，导致地图集的整体设计风格难以统一把控。在版面设计的过程中，丰富多样的专题信息、大数据量的专题内容也给版面设计带来困难。在地图集编制过程中，如何在有效地把控图集整体风格的同时，兼具专题图幅的版面个性化成为了地图设计人员值得探索的问题。

基于地图集版式设计中目前存在的问题，考虑到大、中、小比例尺地图集的版式设计差异，结合网格系统的使用特点，发现网格系统在小比例尺地图集版面设计中更具典型性，因此，本文以网格系统为工具，以具体小比例尺地图集为实例，研究如何将网格系统引入地图集系统中，确定一种基于网格系统的地图集版式设计方法，从而实现地图集版式设计的秩序化和流程化。本文在遵循地图集的完整性和科学性的基础上，通过网格系统来实现图集版面配置的规范性和秩序性，同时，利用网格系统衍生出来的自由排版风格实现图幅版面的个性化。

1 网格系统理论基础

1.1 网格系统的基本内涵

网格将二维平面或三维空间划分为更小的单元。网格系统是将网格置于平面或空间中，设计人员可以按客观功能的需求来设置各类文本、图表等。网格系统的设计是其规律性表达的基础，以版面宽幅为标准的网格设计方式是网格系统设计中常采用的方法，将版面的宽幅作为网格系统的参值，通过通栏的大小来进行恰当的变化。合理的网格系统充分保障了版式设计的秩序性和艺术性、信息传达的有效性和灵活性。

1.2 网格系统的理论与应用研究

网格系统的研究历史悠久，且相对比较成熟，在不同领域运用广泛，如图1所示。在书籍版面设计中，勒•柯布西耶最早采用黄金比例分割法为《模度》一书设计了44个网格设计模板，为书籍版面设计提供了一系列可选择的模板；在产品形态创新中引入网格系统，产品形态创新环节更具科学性、规律性和系统性，为产品设计流程中的环节提供较为新颖的设计手法；基于网格的特点，将网格应用于网页设计中，网页画面严谨、美观，产生的网页秩序性能够使访客产生理性、逻辑、信任的心理效应。

图1　网格系统的应用

Fig.1 Application of grid system

网格系统在地图版式设计领域存在一定的应用，如在《中国世界遗产地图集》中根据地图和图片的大小灵活运用不同栏数的排列方式，如单页通栏、双栏排列，图面配置相对更为灵活；在《地图礼赞——献给内蒙古自治区成立七十周年》地图集中对地图和文字部分采用“五栏三块”的网格版面，构成了既理性又活泼的版面风格。不难发现，在以往地图集版式设计中，网格系统或应用于特定图幅，或应用于部分专题要素之间，没有形成系统性的应用方法，只是单一或随机地使用网格系统，对于网格系统的应用流程方面没有规范性的应用。

1.3 地图版式设计中网格系统的应用

网格系统在平面设计等领域中，通过严谨的数理概论计算出具有一定比例空间的若干单元格，并以规律分布的点、纵横交错的线、比例稳定的面为表现形式，形成了一定的秩序体系。通过对网格系统在不同领域应用的总结，对关键问题的提取分析，结合地图集图面配置设计中的问题和要点，提取适用于地图集版式设计的秩序体系，将网格系统秩序体系引入到地图集版式设计中，结合地图集中的组成要素，从而建立了网格系统在地图集版式设计中的引入流程，如图2所示。

图2　网格系统在地图集版式设计中的引入流程

Fig.2 Introduction process of grid system in atlas layout design

通过将网格系统引入地图集版式设计中，形成地图集的网格系统秩序体系，在此基础上整合地图集的网格系统秩序体系和地图集版式设计中的各个要素，确定地图集版式设计中应用网格系统的方法流程，如图3所示。本文借助合理的网格分割、灵活的网格组合和有规律的网格突破等设计手法，对地图集网格系统秩序体系进行设计，最终确定了网格单元的形成、视觉模块的划分和版面设计的优化3个主要模块。

图3　地图集版式设计中应用网格系统的设计流程

Fig.3 The design flflow of grid system applied in atlas layout design

2 网格系统在小比例尺地图集版面设计中的应用

本文以《21世纪海上丝绸之路沿线航海地图集》(以下简称《图集》)为例，详细阐述基于网格系统的地图集版式设计方法的应用流程。《图集》是一部综合反映我国21世纪海上丝绸之路政治、经济、文化、地理和航海等方面信息的小比例尺专题地图集，紧紧围绕主题将图集划分为海丝概览、沿岸风貌、资源环境、航运经贸、航海保障和重点航区六大图组，共有约140幅专题图幅。从总体上看，《图集》中图幅以地图要素、图表要素、图文要素为主，要素表达方式丰富；专题要素从不同尺度进行表达，并且采用温克尔投影、古德投影、米勒投影等多种投影方式，表现形式多样；在专题内容艺术呈现上，采用零钱法、六边形栅格化等新型的艺术表达方式，专题信息表达新颖。

2.1 网格单元的确定

通过对《图集》内容特点的总结和剖析，经过反复实验，本文确定了8×8的模块式网格系统，如图4所示，其中，网格大小为67 mm×46.875 mm，网格单元的上下间距为5 mm、左右间距为6 mm。在确定了图集的网格系统后，采用网格分割的设计手法进行网格单元的划分。根据专题信息的表现形式和占幅比例等信息，对网格系统进行秩序性的分割，最终形成多个具有专题特性的网格单元。划分后的网格单元与网格系统从形式上是“分—合”的关系，在内容上是“分—总”的关系。

图4 8×8网格系统

Fig.4 8×8 grid system

网格分割是从整体的视角出发，对图幅的专题内容进行总结划分，根据划分后的形状可分为规则的分割和不规则的分割。规则的分割呈现出规则的大小不同的“方形”网格单元，适用于图文页版面、图幅主题内容之间关联性较小、表达内容模块化较强的图幅。例如《图集》的“海水营养元素”图幅，其内容主次关系鲜明，地图要素表达方式具有相似性，表达主题模块化，确定了4个模块的网格分布范围，如图5所示。由于专题图的比例尺和投影等影响，也存在不规则网格单元分割的情况。不规则的分割是将网格系统分割成不规则形状的网格单元，常见的有不规则的多边形、“L”型、“T”型等，对于具有特殊形状的投影图幅，主题内容之间关联性较强、表现形式多样化的图有很好的约束效果。例如《图集》的“矿物能源”图幅，其以专题地图为主，采用不规则的米勒投影和大小相差较大的比例尺，表达内容独立性较强，难以模块化分割，因此依据主次关系和表达方式进行网格分割，确定了不规则的网格单元，如图6所示。

图5　规则的网格单元划分

Fig.5 Regular grid cell division

图6　不规则的网格单元划分

Fig.6 Irregular grid cell division

2.2 视觉模块的划分

网格单元确定后，地图设计人员要以网格作为参考对象，在不破坏整体秩序的基础上，积极发挥设计人员的视觉经验，通过网格组合等操作，划分出视觉模块。网格组合是在网格分割形成独立的网格单元后，对每个网格单元内的网格进行详细分配，或对相邻网格单元之间的网格重组。在充分保证图集专题内容完整性的基础上，可以采用不同的设计手法进行网格组合，以形成新颖、活泼的版面风格。将不同数量的单元网格中的视觉元素进行组合，减少了视觉构成元素的数量，同时根据网格单元的特点和专题要素的表现形式，视觉模块的划分可以分为网格单元内部的分配和网格单元之间的重组两种方式。

2.2.1 网格单元内部分配

网格单元内部的分配主要针对网格单元的精细划分，形成更加具体的视觉模块。网格分配受专题要素的内容、表现形式以及色彩搭配等因素的影响，网格组合依据视觉要素类型进行设计。

地图要素与辅助要素相互搭配，形成内容充实的专题信息模块。在《图集》的“气候”图幅的主图气候类型图中，通过网格分割出6×6的网格单元，将气候类型地图和辅助要素进行调整配合，辅助要素采用对齐的设计手法，使文字标签和图例要素形成规律的排列方式，给读者带来秩序美感，如图7a所示。地图要素以分级统计表和晕渲的表示方式，搭配整齐排列的辅助要素，使得气候类型图兼具科学性和秩序美。

对于图表或图文要素，与地图要素的不可变性不同，其版面设置通常是以版面位置和视觉要素间的比例关系为参考，对辅助要素进行扩大或缩小等操作。在《图集》的“地表覆盖与海洋沉积”图幅的图文介绍中，通过网格分割后获得4×2的网格单元，采用平均分割的设计手法使内容以规律性的排列方式呈现。如图7b所示。同时，在每个小的网格单元之间，横图和竖图参差分布，给读者一种变换美，打破传统图文排列的死板。每个网格单元由一定数量的网格组成，为文字内容设置边框范围，很好地解决了文字排版过长或过短的问题。

在网格单元内部的分配处理时，还可以借助色彩搭配等视觉元素进行设计。在《图集》的“矿物能源”图幅中，网格分割形成了“L”型的网格单元将分配给5种矿物能源储量分布图，如图7c所示，考虑色彩搭配的合理性，将相同色感的储量图设计在相邻的小网格单元中，以形成“冷暖”对比。

图7　网格单元内部分配

Fig.7 Internal divisions of grid cells

2.2.2 网格单元间重组

网格分割常常是根据专题信息内容进行划分，划分后的网格单元会存在不能合理地承载专题内容的情况，如专题地图占幅过大而网格单元过小。针对这种情况可以采用相邻专题的网格单元之间进行网格重组，形成新的网格单元。网格重组在保证同类专题信息一致性的情况下，进行网格单元的重新划分。在《图集》的“气候”图幅的两个专题中，若严格按照网格分配的方式，会出现明显的分配误差，因此采取网格重组的方式将两个专题内容重新进行分配组合，使三幅专题图平均分配在2×7的网格单元中，较好地解决了图幅分配不均的问题，如图8a所示。

在地图集的版面设计中经常出现因地图投影不同而产生不同形状的地图，形状的差异导致图幅分配不均，形式上出现不协调的现象。针对这类现象可以采用网格重组的方法，对不同形态的地图之间进行重分配操作，可以达到协调舒适的视觉效果。在《图集》的“地质”图幅中，主图的投影导致其形状多样化，若按照标准的网格分割后的网格单元进行排版，使得主图与其他专题内容之间间隔过大，视觉效果较差。因此对各个专题位置进行调整，将不同的专题要素进行重新组合，以维持视觉平衡，如图8b所示。

图8　网格单元之间的重组

Fig.8 Recombination of grid cells

2.3 版面设计的优化

优化专题信息间的版面设计主要是从图幅整体出发，以整体的视角来观察专题信息之间的位置关系。需要设计人员在关掉网格系统之后，重新审视专题传达的信息和联系，在保持原有的秩序美和规律美的基础上，采用网格突破的设计方法，增加专题信息之间的关联性。图集在优化版面设计方面主要涉及：专题地图与辅助要素的位置关系、不同表现形式的专题之间的差异性等。在专题地图与辅助要素的位置关系的问题上，可以通过移动辅助要素或变换辅助要素的形式增强地图与辅助要素的整体感。在不同表示形式的专题之间的差异性问题上，可以通过增加框线或底色的方式体现不同的表达专题。

网格突破是对具体的专题内容进行版面设计，一概按照网格的框架会带来死板的视觉感受，因此有规律地进行网格突破有助于增强版面的灵活度，提高专题信息的表达效果。以《图集》的某一图幅为例，对于文字标签进行灵活处理，左边的两个标签采取居中对齐，右边的标签采取左对齐，多种多样的文字排列方式，使该信息表达更加丰富新颖，如图9所示。

图9　网格突破

Fig.9 Grid breakthrough

2.4 《图集》典型网格版式

通过网格分割确定网格单元、网格组合划分视觉模块、网格突破优化版面设计等3个主要流程，建立了《图集》完整的网格系统应用模式，形成了多种多样的网格版式，构建了《图集》的科学化秩序系统。《图集》的网格版式主要分为“海报型”版式、“均衡分布型”版式、“中心对称型”版式3种模式。“海报型”版式主要适用于《图集》中的文字内容页、专题要素呈规则图型分布的图幅版式设计，效果如图10所示。“均衡分布型”版式是《图集》应用最为广泛的版式，对于专题要素种类繁多、地图要素数量较多、表现形式不规则的图幅具有较好的视觉效果，效果如图11所示。“中心对称型”版式适用性也较强，多用于占幅较大、表现形式规则等图幅设计中，效果如图12所示。

图10　“海报型”版式 

Fig.10 "Poster" layout

图11　“均衡分布型”版式

Fig.11 "Balanced distribution" layout

图12　“中心对称型”版式 

Fig.12 "Center symmetrical" layout

3 讨　论

3.1 网格系统在地图集版面设计中的原则

网格系统具有科学理性、秩序井然的特点，而地图集具有集成化、系统化的特点，为将二者较好地融合在一起，需要遵循一定的设计原则。

1)以图集内容和结构为主，网格系统为辅

对于专题地图集而言，图集的内容和结构是决定地图集质量的关键要素，也是人们关注的重点，在使用网格系统进行版面设计时，应该严格注意地图集的主题和表达信息。过分追求网格的秩序性而忽视主题内容，很容易陷入到规则的条框中，使版式设计变得死板而失去其作用，因此，要利用网格系统辅助性地完成地图集版面风格的确定和结构的完善。

2)地图集版面设计的整体协调和个性化相结合

适当地利用网格系统的秩序性和规律感既可使图集的版面在整体上保持协调，又可设计出多元化的单幅的设计风格。但是在利用网格的过程中，既不能只追求个性化的版面设计创意，也不能固步自封，无法合理展现网格系统的特点，这样会使地图集版面设计走向极端。

3)全局审视，合理优化

地图集是一个有机联系、互相补充的地图系统，具有科学性、实用性和艺术性，不是各种地图的机械组合和简单拼凑，因此在网格系统设计后，要进行合理的版面优化。版面优化要以全局的视角重新审视版面编排，充分注重地图集的科学性，审视地图集各要素是否满足标准规范，在此前提下，将网格系统产生的版面艺术效果与地图集的科学性相结合，形成充实的信息表达、丰富的版面内容。

3.2 网格系统在地图集版面设计中的优势

1)控制图集总体编制节奏，形成图集的秩序美

在专题地图制作过程中，经常存在需要大量制作要素布局框架(即要素类型及其位置布局)相同、而地理要素内容和辅助要素内容不同的多幅专题图件的情形。网格系统可以在一定程度上帮助设计人员从整体上把控地图集图幅的主要内容和图幅设计方式，对于相似的专题，设定相似风格的版式，保持相同的版面基调。与未使用网格系统的地图集版面设计成果相比，在网格系统的辅助下，地图集整体上保持一致的编制节奏，统一协调的编排手法，使杂乱无章的图幅版面变得秩序化，形成了图集的秩序性和规律性。

2)呈现局部视觉层次韵律，形成图集的自由美

网格系统通过网格组合和网格突破对地图集的专题要素进行版面设计，结合丰富多样的设计手法和灵活的组合方式，设计出多种多样的艺术效果(如“海报型”版式)，增强了地图集的活力，展现了丰富的版面变化。网格系统在实际地图集版面设计中产生了具有严肃、规则、清晰、生动等版面艺术风格，通过视觉美感和图集内容上的逻辑统一形成了具有视觉层次和组织严密的结构体。充满节奏感、版面清晰的地图集作品对于地图集信息的表达和传递都起到了推动作用，灵活的版面调度使图集变得有张有弛。 

4 结束语

本文针对现代地图集版式设计中存在的问题以及网格系统在平面设计中的强大作用，提出了将网格系统应用于地图集版式设计中的方法。以《21世纪海上丝绸之路沿线区域航海地图集》为实例，通过将网格系统秩序体系的引入，探讨了网格系统在小比例尺地图集版式设计中的具体应用流程，提出了一种基于网格系统的地图集版式设计方法流程，总结了网格系统在地图集版式中的应用原则和优势。通过本文的研究，为现代地图集版式设计提供了新颖的方法，为图集规范化和秩序化提供了新思路。本文研究也存在不足，只采用了一本图集作为实验对象，样本数量有限，图集类型单一。后续可对网格系统在地图集版式设计自动化方面进行进一步研究，增加样本数量，得到普适化、自动化的应用流程。

作者简介：侯孟营(1996-)，女，河北承德人，地图学与地理信息系统专业硕士研究生，主要研究方向为专题地图制图。

E-mail:hmycugb@163.com

通讯作者：黄丽娜(1982-)，女，广西柳州人，副教授，博士，主要从事专题地图制图和可视化等研究工作。

E-mail:linahuang@whu.edu.cn

本期回顾

文化遗产数字化与虚拟修复

· 典型矿物颜料混合像元几何单形体端元提取算法研究

· 基于众源数据的广武月亮门虚拟修复

· 大型石窟遗产海量点云快速可视化

理论研究

· 改进的基于累加投影图匹配的点云配准算法

· 北京市城市形态与热岛强度关系的日夜对比研究

· 基于多源数据的特大城市空间结构识别及空间形态研究

· 北京市城区城市居住环境条件评价及其空间格局特征

· 基于福州市交通违法数据的时空关联规则挖掘研究

· 耦合功能连接性的TOD发展模式“节点—场所”测度模型构建

· 基于卷积神经网络的遥感影像地表覆盖分类

· 聊城市就医可达性研究

· 基于多源数据的惠州商品住宅房价分布及影响因素研究

创新应用

· 面向移动位置数据的移动性指标计算工具：设计实现与实践应用

· 基于犯罪大数据的城市基层警务设施评价与选址研究

邮箱变更声明

·《地理信息世界》邮箱变更声明

网站开通公告

·关于开通《地理信息世界》网站的公告

诚聘特约审稿专家

·诚聘|《地理信息世界》诚聘特约审稿专家

专题组稿

·约稿函|《地理信息世界》关于开辟“博士综述论坛”专栏的约稿函

·《地理信息世界》“地理信息科学一流本科专业建设” 专题征稿启事