简介该PPT整理了一套以绿盟科技品牌风格为主的常用网络拓扑图标库适合网络工程师、安全方案设计人员及售前售后人员在绘制安全解决方案拓扑、网络规划图或项目汇报材料时直接调用以提升图示规范性与专业度。文件以单个PPT为载体共1个文件大小约1.26MB体积精简便携便于从演示页中选取图标并复制到Visio、PowerPoint等绘图工具中使用。图标分类覆盖常见网络设备与安全元素包括Cisco系列设备、IBM主机、广域网组件、防火墙、终端、服务器、媒体线路及建筑图标等可满足多数中大型网络场景的绘图需求。目前已有911人学习下载适合需要快速产出标准拓扑图、希望统一图标风格的技术人员参考收藏。1. 一套拿来就能用的网络拓扑图标库从目录识别到Visio落地做网络方案的PPT翻到拓扑那一页路由器、交换机、防火墙图标风格对不上这应该是网工人最经常遇到的“作图焦虑”。我一般会直接把这份某安全厂商整理的《常用图标库》PPT打开从目录里把核心区域、设备系列、WAN、杂项、媒体线型、建筑图标分块拖出来图元风格统一方案图不会显得东拼西凑。它不是一个复杂系统就是按拓扑图常见角色整理好的图标素材包适合网络工程师、售前、运维直接复用也适合做图前先把全组图标风格统一到同一套规范里。2. 图标库的目录结构六大分类怎么读、怎么选2.1 六大类图标的目录与典型内容PPT 首页先是目录框架后面按页面堆放素材从实际内容看可以拆成六类我平时按这张表来选分类典型图标在拓扑图上的位置核心区域类核心区域、internet、外网边界拓扑最外层表达出口与核心位置设备系列类Router、Bridge、Hub、ATM Switch、Router with Silicon Switching骨干、汇聚、接入设备层主机终端类Mainframe、FEP、Mini computer、Workstation、PC、Laptop、Terminal、File server服务器区与办公终端区WAN 元素类Switch cloud、Concentrator、MUX广域网云、运营商网络、汇聚点媒体线型类Ethernet Line、Serial Line、Circuit-Switched Line、FDDI Dual Ring设备间的链路与介质建筑环境类Government、University、Generic Buildings、House楼宇、园区、分支机构读目录时有个坑它把 Workstation、PC 这些终端放在“杂项”里又把 FDDI 双环放在“媒体”里并不是严格分类。不要纠结原来的目录编号按“我要画哪一层、从哪一类拖”来定位效率会高很多。2.2 选型原则不同拓扑图怎么分配图标选图标前先定图种。画园区网拓扑核心区域类 设备系列类 主机终端类三层结构就够了。画跨地域组网WAN 元素类和建筑环境类必须出现Switch cloud 放在边界代表运营商网络House 放在分支机构代表物理位置。画接口级拓扑媒体线型类是你主要表达手段Serial Line、Ethernet Line 要配合接口标注一起用。同一种设备只保留一种图标风格是整套图的底线。比如骨干路由器用了带硅交换处理字样的款式那么汇聚层的路由器就别再拖另一个款式。我一般固定一个习惯核心设备用深色填充那个系列接入设备用白色填充系列同一角色绝不混用。之前我做一个跨三地组网的方案第一次交图时核心路由器用了两种风格评审那边一眼就看出来第一句不是问业务而是问“这两台设备型号不同吗”。从那以后选型这条规则就写进了我的出图流程。2.3 先用“选择窗格”确认图标是矢量还是位图动手导出之前先判断图标是什么形态。PPT 里大多数设备图标是若干形状组合成的矢量对象选中后在“开始-选择-选择窗格”里能看到一堆子形状名称。一个路由器由主体框、接口点、文字标签组成说明是矢量组合放大无损。如果是单个位图或带嵌入式小图的对象缩放表现就差一些。判断方法很直接把图标拉大到 300%边缘依然锐利就是矢量组合出现锯齿就是位图。这一步决定了后面导出 PNG 用多大分辨率也决定值不值得花时间整理成模具。3. 把图标导出成素材文件两种方法、参数与命名3.1 单个图标导出先解除组合再另存为导出单个图标时先 CtrlShiftG 把组合图形的组合取消选中需要的部分右键“另存为图片”。格式上我只用 PNGPPT 的 JPG 导出会压掉边缘还会强制带白色画布后面嵌进深色拓扑图很难看。PNG 格式能保留透明通道前提是图标本身没有底色块。参数设置里有一个地方容易漏PowerPoint 的“文件-选项-高级-图像大小和质量”默认可能会压缩图片。做矢量组合图的导出还好遇到位图素材就要勾上“不压缩文件中的图像”并把默认分辨率调到“高保真”否则导出分辨率只有 96 dpi 级别放进 Visio 拉到 150% 就有肉眼可见的模糊。提示导出前用“选择窗格”确认没有连带选中别的图形避免把相邻的图标一起截进去。3.2 批量导出VBA 宏一次处理整页图标一页里有二十多个终端图标时逐个右键另存太慢。写一个小宏批量导出直接在当前页上遍历所有形状Sub ExportAllShapesToPNG() Dim sld As Slide Dim shp As Shape Dim i As Integer Dim outPath As String outPath D:\topo_icons\ Set sld Application.ActiveWindow.View.Slide For i 1 To sld.Shapes.Count Set shp sld.Shapes(i) On Error Resume Next shp.Export outPath shp.Name .png, ppShapeFormatPNG On Error GoTo 0 Next i MsgBox 导出完成: sld.Shapes.Count End Sub这段代码的逻辑是先拿到当前窗口正在编辑的那一页ActiveWindow.View.Slide再遍历页面里所有Shape对象。shp.Export指定输出路径和格式ppShapeFormatPNG是 PowerPoint 内置的 PNG 格式常量。On Error Resume Next用于跳过那些不支持导出或锁定形状避免中途报错停下来。参数上注意两点outPath末尾的反斜杠必须写否则路径拼接会失败shp.Name在 PPT 内部可能是“矩形 12”这种名字导出后要按后文的命名规则重命名。运行前先开启“开发工具”选项卡粘贴代码后按 F5等待提示框出现即可。3.3 导出后的命名规则与背景修复批量导出后文件名是“形状 3”这类自动名不重命名的话后面整理模具时会非常痛苦。我一般按“类型_角色_序号”命名例如router_core_01 switch_access_02 host_pc_03 fw_border_04这类命名有两个好处排序时同类型聚在一起导入 Visio 模具后主控形状名称直接对应设备角色拖入画布后形状窗口依然是可读的。背景修复主要处理两种情况一种是图标本身带浅灰色底板需要把底板形状单独去掉后重导另一种是导出后四周留下多余的透明边后续在 Visio 里连点连线时容易点偏可以用图片编辑工具做透明裁剪把边界收紧到图标实际轮廓外 5px 左右。4. 制作 Visio 自定义模具把散装图标变成即拖即用4.1 新建模具与拖入主控形状图标导成 PNG 后在 Visio 里把它们整理成模具能省掉后面一半时间。过程是打开 Visio左侧“形状”窗格更多形状新建模具先建立一个空白模具再从资源管理器把前面整理好的 PNG 拖进模具窗格每个 PNG 自动生成一个主控形状右键模具标题另存为把自定义模具以“某厂商网络图标.vssx”为名存到本机。模具名称建议把厂商或来源写进标题像我这里存成“某厂商网络图标.vssx”后面多套素材库并存时不会混。4.2 统一主控形状尺寸与行为拖进来的 PNG 直接继承图片像素尺寸有的图标大有的小必须统一。右键主控形状编辑模具然后选中图形在“视图-任务窗格-大小和位置”里把宽度和高度改成统一规格比如全部设定成 12mm x 12mm 或 18mm x 18mm。路由器这类长条形图标可以单独设为 24mm x 14mm没必要强行统一成正方形只要同一角色的图标尺寸一致就行。这里面有个 Visio 的特性要注意主控形状默认比例是 1:1也就是说文档页面设置成 A4 时设备拖出来就是页面里的实际大小。画全景拓扑时设备通常会偏大我一般把“页面设置-绘图比例”改成 1:10 或 1:20图标在图上只占合理空间连线和标注才不会挤在一起。提示设置绘图比例后主控形状拖到画布仍保持 1:1需要微调尺寸时可以按住 Ctrl 拖拽角点等比缩放别直接拖边线否则设备会被压扁。4.3 给设备加连接点从“拖上去”到“连得上”图标入了模具拖起来很爽但连线上总是偏离端点问题就出在没给图标设置连接点。编辑模具内主控形状选中图形用“开始-工具-连接点”在形状边界上加两个点。交换机和路由器建议在左右各加一个服务器和主机在上下各加一个。连接点决定了连线吸附位置。没有连接点时Visio 会把连接线锚定在形状中心或边缘最近处连出的线容易穿模。加上连接点后从另一台设备拖出连线会自动吸附到最近的端点方向清晰调整也方便。同一个模具里不同设备最好统一连接点数量与位置。比如所有接入交换机都只在左右加连接点这样链路逻辑在视觉上就是一条水平线不会出现交换机左接口连、路由器右接口连的混乱布局。5. 避坑记录图标复用路上最常见的五个问题5.1 导出 PNG 放大后发虚现象从 PPT 导出的路由器图标在 Visio 里放大到 200% 后边缘开始糊线条不锐利。原因导出目标本身是位图或者 PPT 导出时用了被压缩过的默认参数有的图标看起来正常其实内部嵌入了低分辨率小图。解决先用“选择窗格”检查对象构成。如果由多个形状组合CtrlShiftG 解除组合再导出如果在“文件-选项-高级”里发现压缩图片选项开启关掉后重导。导出格式只用 PNG不要用 JPG。5.2 图标拖进 Visio 后大小失忆现象同一模具里的图标有的拖进画布占半页有的小到看不清尺寸完全没有记忆。原因源 PPT 里不同图标本身的物理尺寸和像素密度不一致Visio 按图片原始像素转成毫米时差异被放大。解决在模具编辑状态下统一设置主控形状的宽高。按角色分组预设尺寸核心设备 18mm接入设备 14mm终端 10mm长条 WAN 设备单独设 24mm。设置好后重新拖入一次尺寸就会跟随模具。5.3 深色背景模板上出现白框现象拓扑图背景是深蓝或深灰拖入图标后四周出现明显的白色矩形底板。原因导出时选择了 JPG或在 PPT 里图标本身带着浅色底板一起导出透明通道没有保留。解决导出时选 PNG 并确认图标本体没有底色如果已经导出成带白底的图片用 Visio“图片工具-设置透明色”点掉白色区域再更新到模具。深色模板同样适用但注意先检查是否有半透明阴影有阴影得重新导出。5.4 设备方向不统一导致连线绕路现象同一批设备拖出来后有的接口朝左有的朝右有的设备甚至是倒的链路全都绕在一起。原因原 PPT 中图标排列方向不同有的页面横排、有的页面竖排直接导出时方向就被固定下来了。解决在模具里统一方向。比如把所有交换机的连接点规定为左右各两个路由器默认 WAN 侧朝左LAN 侧朝右导出前先旋转到统一方向再存模具。旋转用“旋转 90 度”连续处理不要在画布里临时转否则下次拖出来还是原来的方向。5.5 换电脑后自定义模具丢失现象项目换了台电脑打开 Visio 后“我的形状”里没有自定义模具只有系统默认形状整套图的图标全部乱套。原因模具存的是本机“我的形状”目录换机器或重装系统后目录没有跟着走。解决把 .vssx 文件放到项目交付目录里或者随方案文档一起打包新机器上用“更多形状-打开模具”直接打开项目目录里的文件再把常用模具固定到“我的形状”。每次交付方案我还会确认 .vssx 和 .vsdx 一起打包不依赖某台电脑上的个人目录。6. 进阶用法让整套拓扑图的风格统一到可交付当图标模具建好后真正决定方案专业程度的往往不是图标本身而是线宽、配色和标注的一致性。在 Visio 里我习惯用“设计-主题效果”统一整套图但更实用的是手动固定三个变量连接线线宽统一为 0.5pt 或 0.75pt核心链路可以加粗到 1.5pt设备填充色控制在两个主色内比如核心设备深红、接入设备浅灰不要每台设备换一个颜色标注文字尺寸固定为 8pt 或 9pt用统一的“设备名-IP 地址”格式写标注。图层是把“画完”变成“可交付”的关键一步。在“视图-图层属性”里建三个层设备层、链路层、标注层。设备放设备层连线放链路层文字标签放标注层。这样做的好处是可以一键隐藏标注只保留拓扑也可以在投标前快速检查链路层有没有漏连的线。交付出图前我还会做两个检查第一把拓扑图导出 PDF 后放大到 200% 看一遍边缘是否有锯齿和重叠第二用 CtrlA 全选后看“大小和位置”窗口确认所有图标没有被误缩放变形。两分钟检查能避免现场演示时出现“设备被拉扁了”的尴尬。最后补一个自己攒下来的习惯每次新建一张拓扑图我第一件事不是画设备而是先打开模具、设好绘图比例、建好三个图层再开始拖图标。反复几次之后整套图从图标到线宽再到标注就像从一个模板里出来的一样。希望这个流程也能帮到你少走点弯路。本文还有配套的精品资源点击获取