我们大多数人的认知中,一幅好看的地图一定与制作人的审美挂钩。

实际上当你开始玩地图,掌握了一些支配大脑的技术以及一些心理学(这些可与审美无关),制作的地图怎么都不会差劲。

今天的10个技巧,让你了解人类的大脑是如何习惯性观察地图的。

目录

一、地图结构

二、 字体

三 、 标注位置及方向

四、符号和颜色

五、 颜色类别

六、元素平衡

七、比例尺

八、 空间参考

九、图层叠加

十、常规禁用的符号


一、地图结构

  • 地图结构由标题、地图和一些辅助解释元素组成的线性元素序列。不管你是否承认,你的大脑实际上以线性和分层的方式观察地图的。

  • 寻找这三个简单的元素的最佳组合并不简单,应当尽量避免将他们聚集在一起,并且为了视觉平衡,你应当注意排列,不让视觉产生跳跃(如下图的3和4都会让你感觉跳跃),这样会有不适感,如下图所示,是否第一幅图让你视觉上感觉更舒服。记住只有先整体舒适,细部的追求才能加分。所以这样的排列非常重要。

  • 如果你对某个元素特别感兴趣,应当将其放在整个地图框架中心的正上方(如下图)。大脑喜欢查看居中的上部区域。就如同你看着地平线时,你记得的是日落,当你开车时,你会看路面以上的东西。记住,大脑的注意力不在中心,而是在更高的点。

  • 此外,大脑习惯于“从左到右”和“从上到下”看。这意味着地图元素的重要性应该尽可能遵循在左上角的三角形内,次要元素位于右下区域。

二、 字体

  • 字体不一定要漂亮,太漂亮容易吸引眼球喧宾夺主,应当遵循:简单易读、排列层次有序、颜色与背景值有反差。

  • 使用易读字体的最佳参考是避免使用任何带有装饰元素的字体系列,尤其是在小文本中,太详细的字体会阻碍文本标注的清晰阅读,特别是当它们处于低分辨率的数字环境中时,越简单越易读。

  • 我们应该只对大的或重要的元素使用装饰字体,例如相关标题等。

  • 还有个我们大脑的本能是仅通过可视化一组字母的上半部分就能够识别单词。相反,很难从下半部分的区域识别相同的单词。其实就跟第一部分我们讲的大脑更愿意关注中心偏上的部分。

  • 下半部分是不是很难读,我们不需要识别,就是很难受。

  • 以同样的方式,排列上半部分,看着就很续服。

  • 如果文本颜色与地图上的其他元素(例如卫星图像或专题地图)混淆,可以尝试使用光晕蒙版在背景和文本标签之间产生对比。

三 、 标注位置及方向

  • 如果字体类型很重要,那么标注的方向和形状也很重要。虽然大多数元素都是朝着正北的水平标记,但河流等一些元素需要按照路径的曲折进行标记。

  • 同样,一些文本需要垂直显示时,从下往上阅读和向内展示文本会更容易

    让人接受。

四、符号和颜色

符号和颜色的重要性是不言而喻的,制图时候的符号化是最直观的地图表达,应当尝试遵循一些基本准则:

  • 运用地图心理学:应当了解许多颜色在情感方面的作用。比如红色负、绿色正、蓝色水、棕色山等。

  • 尝试使用互补色(即位于调色板的两端)

  • 某些颜色的运用会产生令人不悦的视觉效果,比如下图,你可以以此来排除一些不恰当的颜色组合。

五、 颜色类别

在表示地图时,颜色类别的黄金法则是“少即是多”。例如五个,与过大的数量相比相比,会更容易理解(地图的特殊需要除外)。

  • 一方面,观察者将无法在心理上保留过多的类,另一方面,使用的类别数量越多,渐变中存在的色差就越少。这将很难将值与颜色清楚地关联起来,尤其是在基于颜色渐变的范围内。

  • 记住使用奇数类别数量大脑会更容易通过符号系统识别,如果觉着麻烦,5个颜色数量就是最佳选择。

六、元素平衡

每张地图都必须以平衡方式分布所有元素,以避免在观察时产生不平衡或空洞的感觉。比如下图

避免元素大小悬殊和间隔不够对称。

七、比例尺

  • 如果地图以不同的尺寸打印,数字比例尺不可取。因此,如果您的地图要在不同尺寸的纸张上复制,您可以使用图形比例尺。

同样也应该避免不规则的比例尺。

八、 空间参考

的确,我们很少会把空间参考放入地图中,更多的是用坐标网格来充实地图。实际上,你的确需要空间参考时,加入是完全没问题的。

通过侧面或地图下部区域的谨慎标注来指示制图的空间参考;它也指示了你是一个专业的制图人员。

九、图层叠加

图层的基本原则是点、线、面和底图是从上到下的关系。注意如果某一层要素特别重要,可以越过此规则。因为图层有压盖的概念,当然你也可以利用GIS软件的压盖规则来避免这一点。

十、常规禁用的符号

  • 图钉用来指示位置是非常糟糕的体验,注意尽量不要使用它。占场子。

  • 渐变色不要用彩虹色,就是不要用太多的颜色组合。

  • 过于复杂的装饰元素:细节太多就和文字一样,大道至简。

制作一幅好地图的10个技巧相关推荐

  1. xmind 拖拽_XMind制作流程图慢?掌握这10 个技巧,让你的绘图得心应手!

    原标题:XMind制作流程图慢?掌握这10 个技巧,让你的绘图得心应手! XMind是一款非常实用的商业思维导图软件,应用全球最先进的Eclipse RCP软件架构,全力打造易用,高效的可视化思维软件 ...

  2. [转载] python+selenium定时爬取丁香园的新冠病毒每天的数据,并制作出类似的地图(部署到云服务器)

    参考链接: Python vars() python+selenium定时爬取丁香园的新冠病毒每天的数据,并制作出类似的地图(部署到云服务器) 声明:仅供技术交流,请勿用于非法用途,如有其它非法用途造 ...

  3. python+selenium定时爬取丁香园的新冠病毒每天的数据,并制作出类似的地图(部署到云服务器)

    python+selenium定时爬取丁香园的新冠病毒每天的数据,并制作出类似的地图(部署到云服务器) 声明:仅供技术交流,请勿用于非法用途,如有其它非法用途造成损失,和本博客无关 目录 python ...

  4. ArcGIS:如何简单地制作一幅专题地图?

    目录 01 加载原始数据 02 简单看一下属性表 03 对地块的人口密度用颜色进行分级显示 04 切换到布局视图 05 输出的大小,方向等设置 06 布局视图下的要素编辑 07 插入标题 08 对标题 ...

  5. 【云图】如何制作附近实体店的地图?-微信微博支付宝

    摘要: 附近连锁店地图与全国连锁店地图,最大的区别就是: 1.附近连锁店地图需要先定位,然后搜索附近的店铺. 2.全国连锁店地图,是先选择城市,然后检索某城市内的全部门店信息. 本文就详细讲解了如何制 ...

  6. 超图桌面版制作一幅简单专题图示例

    打开桌面版本8c,打开自带示例数据源 重庆: 根据数据集 main_road_0 制作一幅地图:此数据集是重庆市主要公路的一部分:制作地图见此: https://blog.csdn.net/bcbob ...

  7. 用python制作简单的可视化地图

    用python制作简单的可视化地图,代码如下: from pyecharts.charts import Bar # 导入pyecharts工具包,调用Bar工具bar1 = Bar() bar1.a ...

  8. 制作一幅扑克牌系列三---动起来

    制作一幅扑克牌系列三---动起来 加入了扑克牌拖动js功能,更像空当接龙小游戏了.顺便感谢一下草履虫,这段代码是从他哪儿抄来的,哈哈! <script type="text/javas ...

  9. NASA从太空发射激光,制作地球森林高度地图

    投递人 曾经的梦 发布于 2012-02-21 20:26 评论(0) 有397人阅读原文链接  [收藏]« » Link: http://news.cnblogs.com/n/132146/ NAS ...

最新文章

  1. 某大厂女程序员哀叹:还不到三十岁,父母竟让自己和一个离异有娃的男人相亲!
  2. 统计学习方法 第一章 学习笔记
  3. three.js 几何体-组合网格_3dmax利用优化和多边形倒角制作饰品组合1
  4. Scala类中的+方法
  5. java程序中my.ini_帮忙写个JAVA 读写ini配置文件小程序!!!!!
  6. 企业微信H5_消息推送接收消息回调配置、内网穿透到本地
  7. Bootstrap 禁用的按钮
  8. 2018年python工作好找吗-2018年最火的5大Python开源项目,总有适合你的!
  9. html + css + js 实现一个打字小游戏(建议收藏)
  10. p2p通信原理及实现
  11. python怎么切片_python之切片操作
  12. 宝塔linux 加载zend,Linux CentOS 安装 Zend Guard Loader 组件
  13. html5星空效果图,HTML5 canvas炫酷星空背景特效
  14. 阿布扎比有一个“智慧港口”
  15. C语言编程>第二十二周 ③ 下列给定的程序中,函数fun的功能是根据整型形参n,计算如下公式的值:
  16. java如何调用接口股票的?
  17. 阿里云边缘云计算的技术和实践
  18. uni-app使用 (从下载到项目启动 流程 踩坑)
  19. MDT2008部署杂谈2——简介
  20. Java 面向对象 1 《 new 一个女朋友》

热门文章

  1. android 隐藏文本,Android使用facebook隐藏库加密plaint文本
  2. 计算机管理 位置不可用,Win10系统文件打不开提示位置不可用拒绝访问如何解决...
  3. SAP_FICO常用事务代码
  4. Esp32 TCA9555 基于Arduino基于 microByte
  5. windows10新版java环境配置2022年4月21H1版本
  6. 没有 XXX 的手册页条目问题解决
  7. ios 行间距和段落间距_如何在Microsoft Word中控制行间距和段落间距
  8. Retrofit 大体框架
  9. win10根据通知栏图标找对应程序
  10. [Redis实战]单文件夹启动多实例,redis哨兵+主从复制完整demo样例[windows环境]