如何便捷绘制上海地铁图？

地铁图的首要目标是方便大家查找路线和目的地，因此直观便捷更重要。过度的、花里胡哨的地图设计反而会适得其反。

有个个人网站上传的地铁图（传送门在下方）就非常直观，而且背景加上了地理图，大家一眼就能看出某地铁站靠近哪个区域。

中国轨道交通 | China Urbanrails | RAILFAN, REALFUNurbanrail.china-emu.cn

这是上海地铁线路实际走向图▼

截图自上述网站

下面这张是上海地铁线路示意图▼

截图自上述网站

两张图一对比就很明显了。前者复杂难懂，后者直观清晰。实现从前者到后者的转换，这就是优雅。

那么，怎样才能绘制出这种“优雅”的地铁示意图呢？

别急，在绘制之前，你首先得准备好3种材料：

城市的地铁/轨道规划信息（一般可以去官方网站上的规划信息，或者一些本地生活号去找，也可以参考我前面提到的网站）
趁手的绘图工具（专业的设计软件如PS、AI、sketch，或者综合绘图软件如Visio、亿图图示）
设计草图（可以是手绘草图，有想法的小伙伴可以加入自己的个人风格）

有了这三种材料，我们就可以开始绘制了（以亿图图示为例）：

之所以选择亿图图示，是因为相比PS、AI、sketch这类软件，亿图图示的学习成本更低（内置了地铁线路图模板以及相关符号素材），新手也能快速绘制。

1）根据城市的地铁规划信息绘制出一张草图，主要是确定路线的设计方式以及站点的大致安排；

2）打开亿图图示，依次选择“新建>地图>地铁线路图>+”，新建一张空白画布；

2）画布创建完成后，软件左侧的符号库会自动调出绘制地铁线路图的相关符号，包括地铁转角、站点、换乘站、中转站、标牌，以及地铁、飞机场、火车站、汽车站等图标），拖拽就可以使用；

值得注意的是，上述符号库中看似相同的站点、换乘站符号之间其实是有差别的（如下图所示），主要是为了解决不同场景下（比如转角）的站点文字如何排版的问题：

3）为轨道路线上色。主要选用不同的颜色，以便于区分，并为线路命名。

4）标注站名。为每个站点标注上站名，并检查绘图，标注上其他的地图信息。

5）添加图示说明。为线路图标注图示说明和注意事项。最后再次检查是否疏漏。

6）绘制完成后，你不仅可以导出为PDF、JPG、PNG等多种格式，还可以点击右上角的分享按钮后，可选择将作品分享至微信、微博、QQ等平台。

最后附上软件传送门，感兴趣的小伙伴可以收藏体验下▼

亿图图示 PC版，高效绘制地铁路线图 edrawsoft.cn

如何便捷绘制上海地铁图？相关推荐

html5地图连线原理,基于html5技术绘制上海地铁图 – 双车道路况信息
上海地铁图的绘制,最近有客户提出了新的需求:双车道,并显示路网状态信息.经过一番研究,在原地铁图基础上做了扩展实现交通图介绍路况状态在GIS系统中广泛应用,谷歌地图,百度地图都有实时路况的功能,太 ...
基于html5绘制上海地铁图 - 路况信息展示
为什么80%的码农都做不了架构师?>>> 前面介绍了上海地铁图的绘制,最近有客户提出了新的需求:双车道,并显示路网状态信息.经过一番研究,在原地铁图基础上做了扩展实现交通图介 ...
绘制地铁线路html,基于HTML5技术绘制上海地铁图
某市政项目用到地铁图展现,展现地铁站点以及相关信息流,使用Qunee组件能够很好的解决这类需求,作出优美的展示,下面以上海2012地铁图为例,效果以下:node 示例讲解首先须要解决数据问题,能够从 ...
自动绘图html,基于HTML5技术绘制上海地铁图
某市政项目用到地铁图展示,展示地铁站点以及相关信息流,使用Qunee组件可以很好的解决这类需求,做出优美的展现,下面以上海2012地铁图为例,效果如下: 示例讲解首先需要解决数据问题,可以从维基百科 ...
Day1.绘制上海地铁网络图
Day1.绘制上海地铁网络图需求 1.网络图适配iOS.android.web.大屏 2.线路高亮技术选择 vue + d3 方法设计 1.初始化 var metro = function (in ...
html绘制LR graph,[LR]用R绘制上海地铁
使用Leaflet绘制上海地铁地图直接上代码,如下: library(leaflet) library(data.table) library(dplyr) stations stations #地 ...
visio 模板_盒图模板一键套用，便捷绘制精美盒图图表
盒图,也被称作为N-S图,是一种取代传统流程图描述方式的分析工具,常用于编程过程中的需求分析阶段.与传统流程图相比,盒图的优越性在于去除了流程线可以更为直观地表示程序的结构,但也同时有着不易更改和占地 ...
html5制作线路图,HTML5绘制上海地铁线路图
某市政项目用到地铁图展示,展示地铁站点以及相关信息流,使用Qunee组件可以很好的解决这类需求,做出优美的展现,下面以上海2012地铁图为例,效果如下: 上海2012地铁图效果示例讲解首先需要解决 ...
使用Leaflet绘制上海地铁地图
library(leaflet) library(data.table) library(dplyr) stations <- fread('https://raw.githubusercont ...

如何便捷绘制上海地铁图？

如何便捷绘制上海地铁图？相关推荐

最新文章

热门文章