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

245033d88565e444dd7a42b80ef8c569.png

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

d4d0d51295de70423f3f1a815ce122c0.png

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

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

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

ddff0166cc65787ce7bd3ce10245ff90.png

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

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

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

be6a738cb670a98d66e8f3990074ce96.png

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

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

很简单,一般分为两种:

5cc608b4bbe5fe838d72c150c2391e91.png

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

分布式地图

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

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

43f2be8c9ed7d9590d47479fa228e618.png

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

23201222d19c313d28b5be06c83dd5ba.png

当然,还比如像:

  • 集团分公司的分布地

  • 各区域产品销售数据

  • 全国各省市招生名额

  • 等等......

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

路线式地图

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

f3f352ace736ae0049b1eb78bdde0ab2.png

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

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

d020d92f3864eee4ac36124566c2b3c2.png

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

c0212cab8e41d4fb16c555a1c4a7c687.png

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

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

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

  案例一  

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

1957ba8c615e62be8e30be7c0560da13.png

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

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

我找了一张这样的地图:

8a4f4901250f859c3af0f6023ed8b721.png

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

11aa6bb4fe48b9f30a24f2ef84ef7c15.png

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

6d11e7145cb805d0500b346d709a9072.png

从而把地图处理成这样:

9596c5db729a4a8c6d7c7243e7fdc8d9.png

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

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

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

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

0526eb42c2e017c4139783d9f8fe69cf.png

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

7958ea7a6a62c26c4052eb4c58aed05c.png

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

d4d0d51295de70423f3f1a815ce122c0.png

  案例二  

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

43687803093b507bab99a75e2709f44d.png

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

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

188b3149cd4b897e13f541ca45ed73bc.png

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

62c8a4f7c0b9b876e3f6ca93dcc2f25d.png

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

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

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

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

58db88939ced154c3420980435e59609.png

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

a1f73e5bc239d5f6814049ceefbf0a83.png

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

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

37a1be4e16cf0cd63cc9cb74149f40db.png

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

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

466a8436b7e2bf8cecfc081f9f4496be.png

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

819cab127fca75052cccb3d111f99042.png

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

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

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

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

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


旁友圈PPT学习社群推荐

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

95f2b50061fef259e6e0df444ab12aec.png

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

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

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


再小的技能,

也值得被认真对待。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/356241.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

akka与neety_Akka STM –与STM Ref和Agent一起打乒乓球

akka与neety乒乓是一个经典示例,其中2个玩家(或线程)访问共享资源–乒乓表并在彼此之间传递Ball(状态变量)。 使用任何共享资源,除非我们同步访问,否则线程可能会遇到潜在的死锁情况。 PingPong…

怎样调用另一个html中的元素,html – 使用DIV作为另一个元素的背景

这里我用2个div做了一个例子:> .content,包含前端所需的一切> .background – 包含文本,图像和背景中的所有其他内容要将一个div包装在另一个div上(制作叠加层),你必须将它们放入相同的元素中,在本例中它是#wrapper div.放置位置:包装的相对宽度/高…

在running android lint期间发生了内部错误.,Eclipse出现quot;Running Android Lint has encountered a problemquot...

近期打开Eclipse的时候,总是发生这种一个错误:"Running Android Lint has encountered a problem"。截图例如以下:。可是Eclipse能够正常执行程序。不会造成其它影响。可是每次打开Eclipse时。总是看到这个警告,心情会非…

idea 导出war包_使用IDEA实现远程代码DEBUG调试教程详解

我们在使用 IDEA DEBUG调试代码的时候,常常见到控制台会输出一句这样的话:「Connected to the target VM, address: 127.0.0.1:62981, transport: socket」,所以即使代码不在本地运行,只要JVM打开调试模式,并且网络能够…

鸿蒙os2.0发布回放,华为HarmonyOS 2.0系统发布会内容大全 鸿蒙os6月2日直播回放地址入口...

华为鸿蒙os6月2日直播回放在哪里看?华为HarmonyOS 2系统发布会说了些啥?HarmonyOS 2系统在6月2日正式发布了,之前预约过的小伙伴现在就可以更新体验了,这次发布将会对安卓系统一个重大的革新,将会彻底颠覆之前的安卓系…

python中当地时间_R 与 Python 中与时间相关内容的梳理

约万字长文预警,如果你没时间,就不用看了,这就是一个梳理的文章,方便我后来找资料。因为工作的关系,近期需要梳理一些 Python 的知识(可能有小伙伴知道了,LI-6800 搞了个大动作,支持 Python 编程…

JavaOne 2015:为JDK 9做准备– blog @ CodeFX

JavaOne 2015看到了Project Jigsaw团队关于Java 9中的模块化的一系列讨论 。它们都是非常有趣的,并且充满了宝贵的信息,我敦促每个Java开发人员都注意它们。 除此之外,我想给社区一种搜索和引用它们的方法,因此我在这里总结一下&…

华为oj----iNOC产品部-杨辉三角的变形 .

此题提供三种方法,第一种,一开始就能想到的,设置一个足够大的数组存储生成的杨辉三角,然后进行判断就行,此方法参见:华为oj iNOC产品部-杨辉三角的变形 另一种方法是采用递归: 三角形的每行的个数为2*n-1,n…

java 短路判断_java中和的区别(|和|同理)

在java的基础面试题中肯定有这个问题:&和&&的区别?这个问题很好回答,核心思想就是一个不短路一个短路的问题。首先说下&,1、它可以表示二进制中的位运算分析:二元操作符,操作两个二进制数据…

不属于计算机完成科学特点的是,2020年9月网络教育统考计算机应用基础模拟题试卷4...

2020年9月网络教育统考计算机应用基础模拟题试卷4一、单选题1.______是第四代计算机的典型代表。A.微型机B.超小型机C.巨型机D.大中型机答案:A2.个人计算机又称PC机,这种计算机属于______。A.微型计算机B.小型计算机C.超级计算机D.巨型计算机答案&#x…

苹果13系统锁屏延迟_iPhone 11 锁屏出现延迟是怎么回事?

正常情况下,按下 iPhone 电源键,屏幕会立即息灭,有不少用户反馈按下锁屏键后,会有片刻的延迟才能关屏,虽然延迟并不是很长,但会给人造成“卡顿”的假象。很多人把原因归结为 iOS 13 系统,其实并…

html中img引入git动画,用Github五万颗星的css动画库, 为网页增添趣味性

css动画可以做到什么程度?Github上有一个非常优秀的动画项目, 足足有5万颗星!在线效果展示:animate整个项目只有一个css文件, 使用方法也非常简单, 只要给相应的元素添加class属性即可通过悬浮产生动画的小DemoAnimate的动画展示body, html{margin: 0;padding: 0;}#title{marg…

JQuery------鼠标双击时,不选中div里面的文字

如图&#xff1a;(去掉选中文字的蓝色背景色) 代码: //方法一:<div class"test" onselectstart"return false" >文字</div> //方法二: .test{-moz-user-select:none;-webkit-user-select: none; -ms-user-select: none; } 转载于:h…

限制ul显示高度_HP Envy 34寸超宽曲屏 显示器评测

先上结论&#xff1a;这是我目前不换显卡的前提下&#xff0c;能买到最好的显示器。估计在今后很长时间&#xff0c;它也算是一个相当好的显示器。如果你对显示器要求比较高&#xff0c;那么买这个显示器应该没错。显示器的指标如下&#xff1a;对角线34寸。基本就和27的16&…

linux wenj 立即生效_【新书连载】测试工程师核心开发技术(3)—远程登录Linux系统...

1.3.3 在线帮助命令下面对常用的在线帮助命令进行介绍。1&#xff0e;man命令man命令的作用是查看联机手册&#xff0c;命令格式如下。man [选项] 命令名称man后面的参数的含义如表1-1所示。表1-1 man后面的参数的含义输入man数字命令/函数即可以查到相关的命令和函数。若man…

利用Python进行简单的图像识别(验证码)

这是一个最简单的图像识别&#xff0c;将图片加载后直接利用Python的一个识别引擎进行识别将图片中的数字通过 pytesseract.image_to_string(image)识别后将结果存入到本地的txt文件中1 #-*-encoding:utf-8-*-2 import pytesseract3 from PIL import Image4 5 class GetImageDa…

北京人文计算机学院,北京人文大学计算机信息工程学院举行元旦晚会

2011年12月28日晚上8时许&#xff0c;北京人文大学第一阶梯教室座无虚席&#xff0c;计算机信息工程学院“2011年元旦晚会”在这里隆重举行。计算机信息工程学院副院长林月珍、喻新和&#xff0c;团委书记李四辈老师&#xff0c;学生处副处长肖淑芬老师&#xff0c;学生处副处长…

teamcity_TeamCity工件:HTTP,Ant,Gradle和Maven

teamcity您可以通过几种方式检索TeamCity工件&#xff1f; 我说有很多选择 &#xff01; 如果您使用的是Java构建工具&#xff0c;那么可以使用简单的HTTP请求&#xff0c;Ant Ivy&#xff0c;Gradle和Maven下载和使用TeamCity构建配置产生的二进制文件。 怎么样&#xff1f; …

arcgis双标准纬线等角圆锥投影_世界地图是怎么制作出来的,各投影算法的来历...

今天小编带大家了解一下下&#xff0c;目前通用的世界地图是怎样作出来的。一、通用的世界地图版本——“墨卡托投影”16世纪早期&#xff0c;正值大航海时代&#xff0c;航海家们发现很难将他们的航线画在图上&#xff0c;如何将球面上的一部分绘制在平面上&#xff0c;用直线…

计算机的iscsi配置,PC端的iSCSI参数设置方法

PC端的iSCSI参数设置方法上面介绍完NAS端的设置&#xff0c;接下来再来给大家介绍一下PC端的iSCSI设置&#xff0c;主要是实现在PC端上连接使用NAS上的iSCSI存储空间&#xff0c;这里我们以Windows 7 SP1系统为例(Windows8上的设置基本与之类似)。1.首先打开控制面板&#xff0…