在地图上 添加柱状_如何做出一份惊艳的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.放置位置:包装的相对宽度/高…

3.1HTML5样式的使用

1.标签&#xff1a;<style>&#xff1a;样式定义<link>&#xff1a;资源引用 2.属性rel"stylesheet"&#xff1a;外部样式表type"text/css"&#xff1a;引入文档的类型margin-left&#xff1a;边距 3.三种样式表插入方法 外部样式表&#xff1…

cobbler的dhcp服务_Cobbler服务器安装部署

网络安装大家一定不陌生&#xff0c;一般通过Pxedhcpnfstftp类似配置即可实现&#xff0c;但安装过程中还需手动干预&#xff0c;后来加入了kickstart可全自动同时安装数百台系统&#xff0c;方便运维管理&#xff01;但kickstart存在可配置性差&#xff0c;会打断本网段其它电…

JIT编译器,内联和转义分析

即时&#xff08;JIT&#xff09; 即时&#xff08;JIT&#xff09;编译器是Java虚拟机的大脑。 JVM中对JIT编译器的影响最大。 一会儿&#xff0c;让我们退后一步&#xff0c;看看已编译和未编译语言的示例。 诸如Go&#xff0c;C和C 之类的语言之所以称为编译语言&#xff…

多步注册页面html模板,PHP HTML多步骤页面_php_开发99编程知识库

我正在做一个项目&#xff0c;向数据库Mysql添加信息。 下面是我们使用会话创建 3表单并按步骤提供用户注册和用户&#xff0c;以及这里会话保存记录&#xff0c;如果我在步骤2 或者步骤 2中可以回滚和编辑某些内容。 这应该用会话完成。 如果我做了什么&#xff0c;我希望你帮…

云顶之弈机器人法爆_云顶之弈10.16b机器人阵容推荐 云顶之弈10.16b机器人娱乐阵容玩法攻略...

云顶之弈10.16b机器人阵容推荐&#xff0c;在云顶之弈10.16b版本中机器人没有什么改动&#xff0c;所以以机器人为核心的娱乐阵容依然可以玩&#xff0c;而且运气好的话吃鸡也不是不可以&#xff0c;下面小编为大家带来了云顶之弈10.16b机器人娱乐阵容玩法攻略&#xff0c;一起…

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

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

分页JQ+模糊查询

--页面 <!DOCTYPE html> <html> <head> <meta charset"utf-8"> <meta http-equiv"X-UA-Compatible" content"IEedge,chrome1"> <meta name"renderer" content"webkit|ie-stand"> <t…

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

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

lucene创建索引_Lucene概述第一部分:创建索引

lucene创建索引介绍 我最近一直在与开源搜索引擎Lucene合作 。 我不是专家&#xff0c;但是由于我只是浏览了一些相当稀疏的文档并将应用程序从Lucene的很旧的版本迁移到了最新版本的2.4&#xff0c;所以我在总体上很清楚。 Lucene的文档有点让人想像不到&#xff0c;因此我想趁…

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

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

02-SSH综合案例:需求分析(后台)

1.1.7 用户模块:(后台) 不用添加了&#xff0c;添加的话在前台就注册了。 查询所有用户&#xff1a; 修改用户信息&#xff1a; 删除用户信息&#xff1a; 1.1.8 一级分类:(后台) 主要都还是增删改查的操作 查询所有一级分类&#xff1a; *分页 添加一级分类&#xff1a; 修改…

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

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

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

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

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

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

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

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

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

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

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

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

从Spring起,Java EE 6必须具备哪些附加功能?

我是一名高级Java开发人员&#xff0c;必须研究应用程序架构师选择的技术。 我最多只能表达对特定技术的看法&#xff0c;不能做出/影响技术选择的决定。 因此&#xff0c;在我的正式项目中&#xff0c;我别无选择从Spring迁移到JavaEE6或从JavaEE6迁移到Spring。 我坚信&#…