恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
用这个数据可视化好帮手,教你秒画三维地图
0.0°
2022-03-10 原创文章 教程 举报 5751 41 38 4

多年前的我花了整整半天时间艰难的绘制地图,现在我制作了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

更新:2022-03-10

收藏

41人已收藏

  • 76

    作品

  • 646

    粉丝

  • 33

    关注

  • 腾讯CDC解散,是不是大厂设计也失去话语权了?
  • 寻一位UI合伙人
  • 我,7天,开发了一款免费的词云工具
  • 灰大设计团队近期作品

    猜你喜欢

      2022-03-10 原创文章 教程 举报 5751 41 38 4

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

      0.0°

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

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2022年03月10日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      38
      41
      4

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录