用这个数据可视化好帮手,教你秒画三维...

  • 经验类型教程
  • 经验属性原创文章
  • 经验版权署名-非商业性使用
6730 4 38 2022-03-10

多年前的我花了整整半天时间艰难的绘制地图,现在我制作了NB Map,你们的下午由我来守护~

大家好,我是灰色执照。


先说重点, 一款可以 自动绘制三维地图 的网页工具开发好了。你可以调整颜色、修改地图的厚度和角度、更换字体的样式。弄成你喜欢的样子后,就可以下载透明背景的PNG地图图片了!



我简单的介绍一下工具的部分功能:

01、可以生成各个角度的透明背景图片


拖拽鼠标,地图可以调整不同的角度。滑动滚轮,地图可以放大缩小


02、可以录制成视频,拖入AE,在周边加上图表,就变成可以演示的效果了。


03、可以调整地图的高度。



04、可以调整字体的大小,甚至可以让字体旋转过来


05、可以调整地图和地图边界线的颜色、透明度。


06、给地图每个板块输入相应的数值,地图还会以“柱状图”的形式显示。


在左侧可以设置每个地区的数值,比如每个省的GDP不同。

应用后,地图就像柱状图一样, 根据数值生成不同的高度。



如果你是数据可视化设计师,你可以只设计界面的四周,然后把设计稿上传为背景,这样 你就可以免去设计你的主视觉了:


NB Map的功能其实还有很多,由于篇幅有限,我这里就不一一介绍了,大家自己去体验一下吧。工具的入口如下:https://www.pslkzs.com/nav.php


打开灰大设计导航,里面第一个就是了。


我还特意录制了一个讲解很全的高清视频教程,已经放到B站了。https://www.bilibili.com/video/bv1RS4y167pW


几年前,我的工作从UI设计师转变成了设计数据可视化方向。工作中,我需要在界面的正中央绘制一个立体感觉的武汉市地图。那是我第一次接触数据可视化,没有任何经验。我清晰的记得 我用了整整一个下午,使用PS的钢笔工具勾画地图的每个边界。那一个下午,我累得眼睛都疼了。当时我的心里只有一个想法:类似的工作应该交给工具来批量完成!


多年以后,我虽然学会了编程,但是我的工作并不涉及三维方面的内容。所以也就没有太把这件事情放在心上。直到今年过年期间,趁着7天假期,自学了一下三维方面的一些编程知识(甚至还研究起了C4D)


通过1个月时间的努力,一款自动绘制三维地图的工具开发好了。代码部分的内容其实不多。更多的是整理400多个省市区的数据。处理这些数据非常的繁杂,很多时候都想过放弃,但是想起我曾经用钢笔勾画的那个下午,咬咬牙又坚持了下来。“ 我一个人累一下,却可以方便无数个人。不亏!


开发这款工具主要是想帮助那些真正有需要的人。有可能他们从事和设计无关的工作,没有接触过PS、C4D、Blender,他们只是想在ppt里面加入一个地图来示意一下,也可能他们是平面设计师,想在海报里面加入一个地图;还可能一个初入行的UI设计师想做一个更好看一点的可视化界面… 无论你是谁,都可以方便的使用这个工具来完成你的工作。


准确的说, 开发这款工具更多的是想帮助几年前刚跨入可视化行业的我自己~


你们的下午由我来守护。你们去喝茶、去聊天、去享受午后的阳光,让地图绘制的工作交给我开发的工具来完成吧。 工具是免费的,大家放心使用~


后续我将给这个地图 增加材质功能,如果你使用NB Map的过程中有什么其他需求,欢迎你向我提出。

最后, 感谢设计群里为NB Map提供地图背景的每个设计师
你们的名字,我不能一一叫出来,
你们的样子,我也记不住,
但是,
只要群里出现那些风骚的聊天记录,
我就知道,
这些货摸鱼的时间到了~


Powered by Froala Editor

全部评论:4

  • 暮余y

    2022-10-18 17:24

    一整个爱了!!!

  • 汉122

    2022-04-01 15:04

    牛逼

  • 月半青争

    2022-03-11 16:49

    大佬真的太棒了,做可是数据地图真的愁人!!! 感谢大佬!一整个爱住

  • 謾诚manczll

    2022-03-11 10:57

    哈哈哈哈哈笑死了这话真是振聋发聩。

更多作品

发表评论

取消

点击右上角
分享给朋友吧

分享到

取消

每人每天仅限5票,快给你心仪的作品鼓励的一票。

投票