制作地图的布局、元素和设计介绍

简介: 制作地图的布局、元素和设计介绍

绘制一幅令人满意的地图也有可能像遵循一些简单的指导方针一样容易。在本文中,我们将回到基础的地图制作介绍:探索常见的地图元素,即易于阅读地图布局的最佳实践,以及地图设计的基础知识。无需成为专业制图师或拥有地理信息系统 (GIS) 学位即可创建精美的地图。借助在线制图平台和正确的指南,任何人都可以创建引人注目的制图显示。

什么是地图?

地图的定义可能比想象的要复杂。地图经常描绘一个位置以及该区域内元素之间的关系,然而,纵观历史,地图也描绘了神话、宗教信仰,甚至关于未来的理论。地图的定义可以归结为一个统一的主题,即地图是地方的象征性表示。它们不是现实的完美复制品,与古代地图相比,保真度显著提高,现代制图比以往任何时候都要更加准确。虽然大多数人可能会识别一些地图,但没有多少人可以命名每个特定的地图元素。

地图元素

大多数地图包含相同的共同元素:主体、图例、标题、比例和方向指示符、插图和源注释。并非所有地图都是合适的,但如果地图的出现频率足够高,那值得一读。

主图体

听起来确实如此,这就是地图本身。所有其他元素都提供了旨在澄清和 支持主要地图主体的补充信息。

图例

图例解释了地图上使用的任何符号。一个有效的图例应该包括一个符号样本 和该符号所表示内容的简短描述。

标题

地图标题反映了地图的主题。一个好的标题应该包括地理名称、图层名称和指标名称。

插图

插图是一张较小的地图,位于主地图的侧面或角落。插图通常以较大的比例显示主地图的特定区域,能够提供更多细节或增加对感兴趣区域的强调。

比例尺

比例尺通常是一个比率,将单个地图距离单位与现实世界中的相应距离联系起来,该比率通常表示为分数。

方向指示器

地图的方向是地图上显示的方向与现实中的指南针方向之间的关系。例如,谷歌地图总是将北方指向屏幕顶部。

来源注释

来源注释向查看者显示地图上显示的信息来自何处。它的目的与参考书目的相同。

创作者图形

该元素旨在告诉查看者谁创建了地图。对于个人来说,源图形可以只是一个带有他们名字的下标,它通常是一个标志。

布局地图的 5 个步骤

正如以上所提到的,制作地图并不一定很复杂,以下是创建有效地图布局的五个步骤:

1. 定义

地图应该是问题答案的直观表示,所以首先需要定义问题,是否希望传递一般参考信息,或者有什么想探索的特定主题?一旦知道最终目标是什么,那么就可以收集数据并决定地图的外观。

2.选择地图类型

地图不是万能的,不同的地图类型更适合显示不同类型的信息,因此考虑要回答的问题和想讲述的故事,这些注意事项应告知您选择的地图类型。通常有两大类地图:参考地图和专题地图。

参考地图:侧重于位置,描绘自然和/或人造特征。

显示巴塞罗那街道的参考地图

示例

● 一般参考

● 地形

● 导航

● 地籍

专题地图:表明空间关系,侧重于特定主题或主题。

海拔变化专题图

示例

● 类别图

● Choropleth 图 - 点密度图

3.考虑地图元素

上面介绍的地图元素在制图学中很常见,但请记住,并非所有地图都需要包含所有元素。

4.建立视觉层次

视觉层次结构听起来很花哨,但实际上非常简单,将最重要的元素放在顶部,最不重要的元素放在底部。通常,这意味着在顶部包括地图主体、标题和图例。上下文也很重要,因此地图可以不同的方式来进行展示。

5.决定设计元素

设计是开始获得乐趣的地方。从颜色、字体、轮廓、边框和笔划宽度,这就是创造力发挥了作用。我们将在下面进一步探讨良好地图设计的基础知识。

地图设计基础

颜色

说到颜色,颜色意味着补充地图的意图,即增加另一个层次的清晰度。太多的颜色或意外的颜色选择可能会让人不知所措并感到困惑。例如,将蓝色用于森林,将红色用于海洋是令人困惑的。相比之下,用蓝色表示海洋(或任何水体),用绿色表示森林则更加清晰。蓝色代表水,绿色代表树木是常见的颜色联想。在这些广为人知的关联上,略带创造轻松的观看体验,并最终创造了更有效的地图。

轮廓、边框和笔划宽度

添加轮廓、边框或调整笔划宽度时,请确保它符合地图的上下文。任何额外的设计元素都需要强调细节或增加清晰度。通过添加轮廓或增加笔划宽度来创建强调效果,不过这需要确保强调的是正确元素。例如,如果您的地图描绘是首都,但也包括其他主要城市,则首都应以粗体显示。边框是另一种吸引眼球并增加清晰度的方法。如可向插入贴图添加一个边框,以明确它是一个单独的组件。

字体

关于字体,建议限制在两种标准以内。使用粗体或普通字体,而不是斜体或草书。地图标题应大于文本的其余部分,可以尝试将其以粗体显示。字幕和标签应采用可读的正常字体,但不要太大。

在线地图制作入门

在地图制作方面,清晰度是关键。地图制作基础知识是其入门的奠基石,一旦了解了基础知识,就可以探索在线地图制作,任何人都可以轻松创建自定义地图。

目录
相关文章
|
3月前
|
并行计算 算法 异构计算
antv/g6之图布局及切换布局
antv/g6之图布局及切换布局
155 0
|
5月前
|
数据可视化 大数据
【透明版九宫格背景图片】仅依靠background的几个属性组合搭配出酷炫的透明背景卡片效果→适用于大数据可视化、数据大屏展示页面
【透明版九宫格背景图片】仅依靠background的几个属性组合搭配出酷炫的透明背景卡片效果→适用于大数据可视化、数据大屏展示页面
【透明版九宫格背景图片】仅依靠background的几个属性组合搭配出酷炫的透明背景卡片效果→适用于大数据可视化、数据大屏展示页面
|
6月前
《QT从基础到进阶·六》布局及布局中的小部件排列
《QT从基础到进阶·六》布局及布局中的小部件排列
75 0
|
10月前
|
定位技术
echarts. registerMap选项specialAreas将地图中的部分区域缩放到合适的位置,可以使得整个地图的显示更加好看
echarts. registerMap选项specialAreas将地图中的部分区域缩放到合适的位置,可以使得整个地图的显示更加好看
70 0
|
10月前
|
定位技术
Echarts实战案例代码(39):地理坐标整体地图背景色渐变效果和字体随地图缩放的解决方案
Echarts实战案例代码(39):地理坐标整体地图背景色渐变效果和字体随地图缩放的解决方案
183 0
|
10月前
|
JSON 定位技术 数据格式
Echarts地图版块移动位置的解决方案
Echarts地图版块移动位置的解决方案
161 0
|
前端开发 数据可视化
基于canvas的粒子酷炫效果,可用作可视化大屏的背景展示,即拿即用......
基于canvas的粒子酷炫效果,可用作可视化大屏的背景展示,即拿即用......
93 0
|
前端开发
前端学习案例3-三栏布局1 原
前端学习案例3-三栏布局1 原
49 0
前端学习案例3-三栏布局1 原
|
iOS开发
iOS开发 - 柱状图动态展现动画
iOS开发 - 柱状图动态展现动画
128 0
iOS开发 - 柱状图动态展现动画
网页如何利用栅格化做自适应布局
建立你的网格系统和布局 网格系统真的很重要。 这些技巧都是为了让你做事更简单,并减少你设计时做决定的次数。
网页如何利用栅格化做自适应布局