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

用户头像
武汉/学生/4年前/9034浏览
用这个数据可视化好帮手,教你秒画三维地图

多年前的我花了整整半天时间艰难的绘制地图,现在我制作了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提供地图背景的每个设计师。
你们的名字,我不能一一叫出来,
你们的样子,我也记不住,
但是,
只要群里出现那些风骚的聊天记录,
我就知道,
这些货摸鱼的时间到了~



143
阅读原文
|
举报
|
322
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
【新年UI图标】银行卡icon
【新年UI图标】相机icon
户外旅行飞机情侣假日出行
【新年UI图标】活动icon
智能家居中心 简约 UI设计组件库
UI通用设计素材1
Security Camera UI kit
【新年UI图标】旅行icon
【新年UI图标】美食icon
新能源APP应用UIKit
盲盒APP UI设计
高级表盘系列UI源文件
【新年UI图标】积分icon
【新年UI图标】礼物/活动icon
APP/小程序商业项目UI模板|99个高保真UI+79个原型
UI应用平面图标
森系3D渐变流体抽象矢量UI背景图
钱包ui模板
新拟态风格 UI设计组件库
3D渐变流体抽象矢量UI背景图
高级感金属拟物 UI设计组件库
UI界面 组件
科技医疗透明柜UI界面设计
你可能喜欢
相关收藏夹
大家都在看
登录注册