这篇文章,咱们就从一个读者私信给我的案例来说,就是这张PPT:

他当时问我的问题是,怎么把这个表格优化的更美观?

坦白讲,这是一个无解的问题,为什么这么说呢?

咱们简单对这个图表分析,就能知道,它其实表达了两个维度的信息:

而如果一味地对表格形式进行优化,它也不能准确地呈现出内容想要表达的视觉含义,因为它缺少可视化。

但是,如果我们使用地图和柱状图来呈现的话,则可以很好地解决『地域』和『数据』可视化的问题。

那么,为什么很多人想不到这一点呢?我的理解是,『缺少触发』。

什么意思呢?什么叫触发呢?简单来说就是,提到A类内容,大脑中能否想到B类呈现形式。

比如咱们就拿地图页的设计来说,关于地图页的设计,它都有哪些触发呢?

很简单,一般分为两种:

都是什么意思呢?我简单来说一下。

分布式地图

这是PPT设计中,最常见的一种地图形式,简单来说,只要在PPT内容中,提到与地理位置分布相关的信息,那么就可以考虑采用这种设计。

比如像公益活动捐赠地区分布:

或者是像某区域内餐厅的分布:

当然,还比如像:

  • 集团分公司的分布地

  • 各区域产品销售数据

  • 全国各省市招生名额

  • 等等......

但凡见到这类的字眼,就可以想到使用『分布式地图』进行呈现。

路线式地图

这种地图的形式呢,一般是为了在地图上呈现一段路线,相信咱们每个人都用导航软件,那么,这就是最典型的路径地图。

在一些介绍运动项目,或者旅游项目,气象状况的 PPT 中,经常会见到这一类的地图。

比如说我之前做过的一页 PPT ,是来介绍气象的,这个属于路线+分布型的地图设计:

再比如像这个页面,也是典型的路线型地图:

所以,当我们在PPT中看到类似于路线等字眼时,可以考虑这种形式。

理解了吗?这就跟我们提到『数据之间的占比关系时,想要使用面积图』是一样的道理。

好了,接下来呢,咱们通过两个案例,来具体地训练一下。

案例一

咱们就拿开头的那个案例来说:

很显然,我们知道,这是一个分布式的地域数据,所以,可以考虑使用分布式地图。

第一步,我们需要做的,就是来找一张能包含这些地理位置的世界地图。

我找了一张这样的地图:

但是它是有问题的,因为亚洲区域过于偏上,这样就会导致页面上下失衡:

所以,我们可以把地图向下移动。而对于未被遮挡的白色区域,我们可以使用一层『渐变蒙板』来遮盖:

从而把地图处理成这样:

这时候,地理位置已经可视化呈现了。

下一步,是让数据信息可视化。

对于单个的数字而言,很明显,使用『柱状图』呈现会比较合适。

在这里,咱们可以使用立体柱状图进行呈现,这样,数据的呈现形式会更加直观:

最后,咱们把处理好的柱状图,放在相应的坐标点上,就可以了:

来对比下原稿,是不是好很多呢?

案例二

刚才是一个比较简单的案例,咱们来看一个稍微复杂的,就是它,信息量很大:

对于很多读者来讲,我相信,看到这样的案例,脑子里肯定会想,该怎么对这些内容进行排版,对吗?

但其实不用,为什么呢?咱们来分析一下这页的内容:

当我们理解这一页内容之后,会发现,其实他在说两个方面的内容:

进一步概括下来就是,『我们在不同国家有很多的创新人才』,对吗?

所以,还记得我前面说的吗?我们可以使用分布式地图来呈现。

第一步,我们依旧是找一张世界地图。

这里分享一个在线地图生成工具,叫做 pixelmap.amcharts.com ,可以生成不同形态的地图。

我们把相应的国家标注出来:

第二步,我们来处理地图上要体现的信息。

前面已经说了,页面上的内容,就是在说两个方面,所以,咱们可以将其体现得更加明显一点:

最后,我们来完成地图和内容的布局。

为了能够留出一块空白的区域来写字,我们可以把地图向右移动:

这样,把文字内容放在左侧,并与标题对齐,就可以了:

以上呢,就是两个很典型的地图页案例,我想分享的是,我们一定要通过文字内容,形成『触发』。

因为,只有这样,你才能准确地呈现出内容的视觉含义。

好了,希望能够对大家有所启发。

本文内容为 旁门左道PPT 原创出品

如果对你有所帮助,欢迎在文章底部点击「在看」


旁友圈PPT学习社群推荐

已超17000位读者,现在加入,可以免费获取PPT视频学习课程,以及超5000页涵盖各个类型的PPT设计灵感手册......

更多关于的文章,推荐阅读

4个方法,教你轻松做出高大上的PPT地图页设计!

没想到高德地图还能这么用,简直是PPT图表神器!


再小的技能,

也值得被认真对待。

在地图上 添加柱状_如何做出一份惊艳的PPT地图页?这2个字,你一定要知道!...相关推荐

  1. android高德marker添加点击,高德地图上添加marker,给每一个marker添加点击事件。...

    高德地图上添加marker,给每一个marker添加点击事件. 高德地图上添加marker,给每一个marker添加点击事件.javascript var watch = [] $.ajax({ ty ...

  2. android定位附近店铺,高德地图怎么添加店铺位置_高德地图定位怎么设置添加自己家店铺位置_攻略...

    高德地图是国内最知名的地图导航软件,基本上每个人的手机上都有这款软件.如今想要方便出行都可以通过高得地图查询位置就可以了,给我们的生活带来了很多的便利.在高德地图上也可以很方便的查询各个地方的店铺,通 ...

  3. 使用Python调用百度地图的API在地图上添加标记

    写在前面 近期博主工作太忙,快一个月没更新博客.今天跑了大半天的腿,被一堆破事儿弄的无比憋屈,写篇博客调节一下心情. 博主的目的是在地图上做一些标记,然后保存为html网页文件,这样方便我的软件调用, ...

  4. GIS(一)——在js版搜索地图上添加Marker标记

    由于我们做的是有关于旅游方面的项目,所以涉及到了地图功能.我接到的其中一个任务就是,在地图上显示指定的几个景点,并在地图上加上标记. 我们项目用的是搜狗地图,使用的是js版本.大家有兴趣的话,可以参考 ...

  5. 在高德地图上添加折线

    一条直线有两个端点确定,所以想要在地图上添加一条可展示的直线或折线,需要明确点位的具体经纬度,只需要调用高德api即可完成 1.先获取精准的点位坐标 可以通过高德的点击事件获取点击位置的坐标,例如: ...

  6. 三维数字沙盘虚拟电子沙盘触摸互动第四十课 在地图上添加FrameworkElement

    三维电子沙盘数字沙盘大数据人工智能 第四十课 在地图上添加FrameworkElement 下面介绍怎样在地球上增加自己的FrameworkElement,因为FrameworkElement为WPF ...

  7. 04 在地图上添加主页、定位、鹰眼图和比例尺控件

    在上一篇文章中我们学习了如何创建一个简单的地图,那接下来,我们学习如何给创建好的地图上添加一些基本的空间,最终效果如下图所示: 由上图可以看出,我们在地图上添加了主页.定位.鹰眼图以及比例尺控件,下面 ...

  8. Echarts在map地图上添加散点图

    Echarts在map地图上添加散点图 一.需求: 我们使用map地图画出区域后,有时需要标注一些点,就需要用到散点图了,而在series属性中,只能有一个type参数,这时该怎么办呢? 二.实现 我 ...

  9. Pyecharts Geo在地图上添加坐标点

    Pyecharts Geo在地图上添加坐标点 添加坐标点 输入坐标点 将坐标点添加入系列并配置系列 加一点点小细节给图片美化一下 让坐标点不显示value 调整图例位置,向右靠拢 改变图例选中与非选中 ...

最新文章

  1. 详解LAMP源码编译安装
  2. linux kernel devel和kernel source的区别
  3. 现代化医学信息管理c语言,山西医科大学_院校信息库_阳光高考
  4. linux编译redis打包,linux下下载redis,并且编译
  5. apache camel_REST与Apache Camel
  6. TZOJ--1518: 星星点点 (二进制模拟)
  7. 美人秀色空绝世,我用PS-GAN试伊妆
  8. Spring Cloud 学习笔记(三) 之服务治理模块Spring Cloud 服务发现与消费
  9. linux中字体的安装以及Terminal字体重叠问题解决
  10. docker上安装多个mysql_docker:安装mysql多个
  11. [TimLinux] Python3 Coverity zeep/SOAP 库使用示例
  12. python飞机大战爆炸效果实现_Python飞机大战实战项目案例
  13. 史上最详细的 Windows 10 ApacheTomcat 安装 后续 环境配置 + 微解 (狗头保个命)
  14. 华为服务器在哪里看型号,服务器型号怎么看
  15. 第二节HDFS完全分布式集群搭建与配置及常见问题总结
  16. 施主,贫僧乃东土大唐而来,恳请在此借宿一晚……...
  17. 已解决SyntaxError: invalid syntax
  18. [Mysql] 创建和操纵数据表
  19. PCIE学习笔记(二)PCIe总线的拓扑结构,协议层,数据传输流程
  20. word2vec的代码注释

热门文章

  1. 【渝粤教育】21秋期末考试服务标准化10011k1
  2. 【渝粤题库】陕西师范大学500001 理论力学 作业(专升本)
  3. lora技术和zigbee技术那个好,两者有啥优势
  4. 数据挖掘原理与算法_技术分享|大数据挖掘算法之FPGrowth算法
  5. 如何用html5编写彩色同心圆,HTML5 canvas 同心圆动画
  6. NOIP模拟测试18「引子·可爱宝贝精灵·相互再归的鹅妈妈」
  7. CPU时间分片、多线程、并发和并行
  8. bms_output.put_line使用方法
  9. bzoj3277 串 (后缀数组+二分答案+ST表)
  10. python基本语法1.2--数的移位及与或抑或相关计算