简介:这是一份面向网络工程师、安全工程师、售前与方案设计人员的绿盟风格拓扑图图标库,以PPT为载体,集中整理绿盟科技及业界常用的网络、安全设备图标,可配合Visio或PowerPoint快速绘制网络拓扑、安全解决方案示意与汇报材料。资源共1个文件,类型为PPT,整包约1.26MB,轻量易下载,图标多以可复制、可编辑的图形形式组织,便于直接拖拽复用。内容预览显示其覆盖NSFOCUS ICON、核心区域与Internet、Cisco系列产品图标、IBM主机及前端处理器、WAN交换机云、工作站/服务器、终端打印机、防火墙、媒体网络及建筑物等常见元素;同时包含Cisco 7507/Catalyst交换机、路由器/集线器/网桥、以太网/串行线路/FDDI环等组网图标,从网络核心到接入设备基本齐备,可满足日常组网图、安全部署图和售前方案配图的绘制需求。目前已有909人学习下载,适合需要统一图标风格、提升拓扑绘制效率的从业者与学习者使用。
1. 一份《常用图标库_绿盟.ppt》里,装的其实是方案的“视觉统一标准”
做售前方案、标书和项目汇报的朋友大概都有这种体验:一张拓扑图里,防火墙图标从官网抠下来是彩色立体带白边,交换机图标是上一个项目里同事用PPT形状画的,服务器图标又是从别的素材网拖来的位图。所有元素单独看都还行,摆在一起就觉得哪里不对劲,说不上来,就是“显得不专业”。
一份名为《常用图标库_绿盟.ppt》的PPT,看起来只是几十上百页的图标素材,实际是把画方案图时反复用到的那套设备、组件、连接线的“标准答案”沉淀成了一个可复用的文件。你要在拓扑里画一台防火墙,直接去这个库里拖;你要给安全设备换品牌主题色,所有图标能一起变;新同事上手画图,不再从零开始搜素材。
这份文件解决的核心问题不是“有没有图”,而是“怎么保证所有人画出来的方案图像一个团队画的”。适合售前、解决方案、技术文档和常年被PPT支配的一线工程师。下一章先解决一个更前置的问题:图标库到底用什么形态来做,才不至于三个月后就作废。
2. 图标形态选型:PPT形状、透明PNG还是字体图标,决定这套图标库能用几年
2.1 三种形态的底层差异:可编辑性、换色方式和文件体积
图标库的第一件事不是“开工收集”,而是决定每个图标以什么形态存进PPT。先说清楚,这个选择影响的不只是观感,而是后续每一次改版、换肤、换电脑演示时你要花多少时间返工。
常见的是三种形态。第一种是PPT形状,也就是用自选图形组合出来的矢量图标,文件里存的是几何对象;第二种是透明底PNG位图,从官网下载的设备外观图、产品截图一般属于这一类;第三种是字体图标,通过字体文件映射字符,网页里常用的阿里巴巴图标库的fontclass方式就是这样。
| 形态 | 本质 | 换色方式 | 缩放表现 | 适合场景 | 主要坑 |
|---|---|---|---|---|---|
| PPT形状 | 矢量几何对象 | 改填充主题色,可全局联动 | 任意缩放不糊 | 方案拓扑、架构图、标书 | 低版本Office可能渲染丢特效 |
| 透明底PNG | 像素位图 | 只能在绘图软件里改,导出后固定 | 放大超过100%发虚 | 设备外观图、产品截图 | 抠图不净、分辨率不够 |
| 字体图标 | 字体字形 | 改字体颜色,档位有限 | 随字号缩放不糊 | 在线文档、Web页面 | 目标电脑没装字体显示成方块 |
三者的核心差别在于“编辑成本”。PPT形状和字体图标本质都是矢量数据,区别是字体字形的颜色只能整体改,而PPT形状的每个局部可以单独上色——这对画拓扑图很关键。比如一台安全设备图标,机箱、指示灯、接口装饰往往是三个不同颜色的区域,字体图标做不到局部改色,形状可以。
2.2 网络设备图标为什么优先选PPT形状而不是截图
以绿盟这类安全厂商的方案图为例,最常见的使用场景是画网络拓扑:路由器、交换机、防火墙、WAF、IPS、漏洞扫描、堡垒机排成一排,用连线串起数据流向。这类图有两个硬性要求:一是要能被放大打印在A3标书里而不虚,二是客户改品牌色时能整套联动换色。这两条恰好都是PPT形状的主场。
很多图标是从官网下载的PNG,看着高清,但如果原始图片只有几百像素宽,放到A3幅面上就露馅了。截图类的素材更是如此,容易带白底色、灰背景,放在深色底方案页里边缘像贴了一块补丁。做法是:把官网PNG导入PPT,用“插入-形状”里的矩形、圆角矩形、盾形、圆形重新描一层扁平化轮廓,再组合成一个新形状。组合后这个图标就获得了形状的全部能力。
另外有个容易被忽略的原理:PPT形状的填充可以设置为“主题颜色”,这意味着整份PPT换个主题配色,所有图标自动跟着变。PNG不行,绝对色值不行,只有挂在主题色上的形状对象能做到。方案团队常遇到“标书要求品牌蓝、汇报要求深色底”的切换需求,初始选型用形状,后面省掉的是一次次手动重填。
2.3 什么时候退回去用PNG和字体图标:两类素材的适用边界
形状并不是万能的。遇到设备外观必须写实的场景,比如现场照片、设备面板特写、机柜侧面接口图,PNG是更合理的选择。还有一种情况:官网只提供带背景的产品图,又着急出图,正确做法是用PPT自带的“设置透明色”功能把纯色背景去掉再看效果,背景不纯就老老实实修图,不要硬拖进拓扑里。
字体图标同样有它的位置。方案文档、客户培训手册这类以文字为主的内容,适合用阿里巴巴图标库(iconfont)里现成的图标,通过fontclass方式引用,随文排版、自动适配分栏,不需要在PPT里一个个手工摆。但放到PPT形状形态的图标库里就不合适了:字体图标在PPT的选择窗格里不是独立的形状,你不能单独拉着它对齐,也不能只改它某个局部的颜色。做了几次就明白,这套方案的维护成本比收益高。
判断标准很简单:图标要参与“布局和对齐”,用PPT形状;图标只是“信息标识”,用字体图标;图标强调“真实外观”,用PNG。选型阶段花半小时想清楚,后面节省的不只是改图时间,是整个团队的返工周期。下一章讲怎么把选型落地成一份能看的PPT文件结构。
3. 搭建“常用图标库_绿盟.ppt”的骨架:分类树、命名规范和批量改名
3.1 分类树怎么建:按方案场景分,不按形状形状分
整理图标库最常见的败笔是按“长得像什么”分类——三角形放一类、圆形放一类、盾牌放一类。结果是画拓扑图时你根本想不起来那个盾牌在哪,只能一页页翻。我做过几次后总结出一个可行的分类方式:按方案场景分,本质是“画一页网络拓扑时,你会先放哪类东西”。
一个适用于安全厂商方案的主题分类大致是:
- 01_网络设备:路由器、交换机、防火墙、无线AP、光猫、负载均衡
- 02_安全设备:WAF、IPS、IDS、漏洞扫描、堡垒机、日志审计、数据库审计
- 03_计算存储:机架服务器、塔式服务器、存储阵列、超融合节点
- 04_云资源:虚拟机、容器、对象存储、镜像、K8s节点
- 05_终端与用户:PC、笔记本、手机、平板、人员图标
- 06_通用语义:锁、放大镜、警告三角、文档、数据库桶、云朵、齿轮
- 07_连接线型:直线、肘形线、总线、虚线圈、双箭头、单向箭头
这样分类的用意是:目录本身就是一个拓扑图的构建顺序。画图时先从“网络设备”挑出口路由,再放“安全设备”做边界防护,服务器和云资源按业务区域摆放,最后拖终端和连线。分类越贴近工作流,找图越快,团队协作时描述位置也更准确——“在安全设备那一页,第三个”比“我记得是个盾牌”可靠得多。
3.2 命名规范:一个名字讲清“是什么、给谁用、什么状态”
PPT有个被大多数人忽略的细节:每个形状都有自己的名字,在“选择窗格”里能看到,默认叫“矩形 5”“椭圆 7”这种无意义的名字。图标库里几十上百个图标,如果名字全是“组合 23”,超链接、动画、VBA批量操作都会变得极其痛苦。命名规范的价值在于,让任意一个形状的名字,即使不看画面也能猜到它是什么。
我通常这样定命名格式:
| 前缀 | 含义 | 示例 |
|---|---|---|
| S_ | 可编辑的形状图标 | S_防火墙_主用 |
| P_ | 位图图片图标 | P_IPS_设备外观 |
| L_ | 连线、流向标记 | L_双箭头_数据流 |
| T_ | 文字标识、标签 | T_服务区_01 |
前缀加产品线再加用途状态,比如“S_绿盟_WAF_备用”,读起来就知道是自绘形状、绿盟的WAF、状态是备用。尤其做高可用方案时,“主用”“备用”两个状态在图标上往往只有颜色差异,命名里带状态可以避免后续复制粘贴时搞混。这套规范同时服务于选择窗格、VBA脚本和超链接锚点,投入的是几秒钟的命名时间,换来的是不需要为了找一个图标把整页拆开看。
3.3 用VBA批量整理形状:一条宏把命名规范变成可执行规则
手工给上百个形状改名太不现实。常见做法是用一段VBA宏批量搞定:遍历当前演示文稿的所有幻灯片上的所有形状,按我定义的前缀规则重新命名。下面这段是我常用的版本,直接打开VBA编辑器(Alt+F11),插入模块粘贴运行。
Sub RenameShapesByScene() Dim sld As Slide Dim shp As Shape Dim i As Integer ' 遍历当前打开演示文稿里的所有幻灯片 For Each sld In ActivePresentation.Slides For Each shp In sld.Shapes ' 跳过占位符,避免改动标题和正文文本框 If shp.Type <> msoPlaceholder Then ' 命名格式:S_页码_序号_原类型 ' 页码用两位数补零,方便排序时读顺序 shp.Name = "S_" & Format(sld.SlideIndex, "00") & "_" & Format(shp.Index, "00") & "_" & Left(shp.Name, 4) End If Next shp Next sld End Sub这段宏的意思是:把当前PPT里每一页、每一个非占位符形状的名字统一改成“S_页码_序号_原类型前四位”。msoPlaceholder是VBA常量,用来排除幻灯片母版里的标题框和文本框,避免把文本占位符也改掉;Format(sld.SlideIndex, "00")是给页码补成两位数;“00”和“10”这样的排序逻辑比“1”“10”“2”更清晰;Left(shp.Name, 4)保留原形状名的前几个字符,用于追溯这个形状最初是从哪个基础图形来的。参数方面,如果你希望前缀区分形状和位图,把"S_"改成"P_"即可,逻辑不用动。
另外一个很实用的批量操作是统一风格。图标库从不同渠道收集回来,有的带阴影、有的描边很粗、有的没有轮廓,视觉上就会打架。这段宏可以一键清理:
Sub CleanShapeStyle() Dim sld As Slide Dim shp As Shape Dim st As Shape On Error Resume Next For Each sld In ActivePresentation.Slides For Each shp In sld.Shapes ' 只处理自选图形和组合,跳过文字框 If shp.Type = msoAutoShape Or shp.Type = msoGroup Then ' 去掉阴影,避免不同素材阴影方向不一致 shp.Shadow.Visible = msoFalse ' 统一线宽为0.75磅,配合浅色填充不抢眼 shp.Line.Weight = 0.75 End If Next shp Next sld End Subshp.Shadow.Visible = msoFalse是关闭阴影,msoFalse是Office对象模型里的布尔常量。shp.Line.Weight = 0.75把描边统一为三线细线;如果你画的是重色块风格,把这值改成1.5会更协调。这里有个注意点:On Error Resume Next必须保留,因为组合形状里的子形状有的不支持直接改阴影属性,报错也不影响主体。执行完以后,整套图标的阴影方向、描边粗细就归一了。
VBA方案绑定的是“可重复执行的规范”,人工一次次右键改格式做不到每次一模一样。下一章把这些整理好的图标投入实际画图流程,看看怎么让它们在拓扑图里真正听指挥。
4. 让图标在拓扑图里听指挥:换色、对齐、导出透明PNG的一条龙操作
4.1 换色别用取色器:形状直接继承主题色,一劳永逸
图标库里的形状如果每个都是手工吸色填的,它就失去了“库”的意义。正确做法是把图标填充色挂在PPT主题色上。具体操作:选中某个图标的机箱主体,在“形状填充-颜色”里不要选标准色,也不要点取色器去吸官网截图,而是从“主题颜色”那一栏选“着色1”或“着色2”。
主题色的底层逻辑是:这组色值定义在幻灯片母版里,不绑定在某个形状上。后期换主题时,所有挂在主题色上的形状会同时替换,而绝对色值(比如RGB 0,102,204硬编码)纹丝不动。血泪经验是:第一版方案图用取色器吸了客户Logo的蓝色,确实好看,结果客户说品牌色更新了,整份方案几十页拓扑全部要重新填一遍颜色。换色频率没你想象那么低,尤其安全厂商的项目经常要同时出“标准版”和“信创版”两套配色。
有几个小参数值得留意:线宽保持0.75磅会让填充色更干净;透明度的调整不要超过15%,否则打印出来会灰;深色底方案时,把主题色的“着色3”(通常是浅灰色)用作边框高亮,而不是直接用白色。这些细节决定了图标在大屏投影和纸质标书两种输出介质下都不过曝。
4.2 对齐与分布:参考线加“横向分布”,把设备排成一条直线
拓扑图里最常做的动作是把一排设备图标水平对齐。手工拖动永远对不齐,肉眼看着差不多了,打印出来还是会歪。PPT里有一个组合拳能解决。
第一步,打开“视图-参考线”,拖一条水平参考线作为设备的中轴线,所有图标的中线都吸附到它上面。第二步,选中这一排所有图标,在“格式-对齐”里先点“水平居中”,再点“横向分布”——“水平居中”是让它们在垂直方向对齐,“横向分布”是让相邻间距相等。两步合起来的效果就是,一排设备整齐地站在同一条线上,间距完全一致。
还有几个容易被忽略的细节:图标带文字标签时,“横向分布”算的是形状外框宽度,如果你的图标外框大小不一,分布后视觉间距会不均。解决方案是,每个图标先统一外框尺寸(正方形),文字标签放在图标下方外围,而不是直接写在图标上层。用“智能参考线”时,注意它默认吸附的是形状边,不是形状中心点,初次使用常常差半个图标位。
如果需要让几个图标严格等大,选中它们后用“格式-大小”统一输入相同的宽高数值即可,不要依赖拖动缩放手感。等大和等间距,这两个约束立住了,拓扑图基本就不会翻车。
4.3 批量导出透明PNG:VBA一键导出当前选中的形状
图标库做好之后,还要考虑输出位图给Word、在线文档或其他同事用。PPT里形状导出PNG可以用下面这段VBA,它会把当前页里选中的第一个形状导出到指定目录,生成透明背景的PNG。
Sub ExportSelectedShapeToPng() Dim shp As Shape Dim folder As String Dim baseName As String ' 输出目录,注意要以反斜杠结尾 folder = "C:\icons_export\" If ActiveWindow.Selection.Type = ppSelectionShapes Then Set shp = ActiveWindow.Selection.ShapeRange(1) ' 用形状的名字作为文件名,避免导出后无法辨认内容 baseName = shp.Name ' 第三个参数是导出宽度,第四个是高度,单位是像素 shp.Export folder & baseName & ".png", ppShapeFormatPNG, 300, 300 End If End Sub这段宏的逻辑是:先判断当前选中区域是否是形状对象,再取选中形状组里的第一个,用它的名字作为文件名导出。参数方面,ppShapeFormatPNG是PowerPoint对象模型里预定义的图片格式常量;300, 300是导出图片的宽高像素值,一般图标导出300×300足够清晰,如果要做大图演示,改成600×600。需要注意,folder必须真实存在,否则导出会报错;文件名如果包含“/”或“:”这类非法字符会失败,所以前面章节的命名规范要避开这些符号。
如果你的图标库PPT是分类放在不同页面上的,可以稍加改造,让宏遍历所有页导出全部形状,做法就是把ActiveWindow.Selection那一段换成前面提到的For Each sld In ActivePresentation.Slides循环。导出后检查一个重点:形状如果带了阴影,导出PNG会把阴影一并带进去,五个图标导出后背景都多一圈灰边。所以导出前先跑一遍第3.3节的清理宏,把阴影去掉,再导出。
到这一步,图标库已经能画图、能换色、能导出,看起来万事俱备。接下来聊聊真正容易卡壳的地方——那些看起来没问题、一用就翻车的细节。
5. 图标库PPT高频避坑记录:5个翻车点与对应处理方案
5.1 图标拷到别的电脑变成大红叉
现象:同事把图标库PPT拷到另一台电脑打开,部分图标位置上显示一个红色叉号占位符,或者显示成一个巨大的“X”。
原因:这些图标是插入的链接图片或者字体图标。链接图片的路径失效后,PPT只能显示占位符;字体图标则是目标电脑上没有安装对应的字体文件,字形无法渲染。
解决:图片图标在插入时去掉“链接到文件”勾选,改用“插入和链接”或直接嵌入;字体图标在分发PPT时要同时携带字体安装包,或者提前把字体图标“转为图形”(右键-转换为形状),转换后它就成为真正的矢量形状,不再依赖字体文件。更稳妥的做法是,图标库里所有图标统一用形状,文本标签也建议转成形状再交付。
5.2 一换主题色,图标颜色像打翻的调色盘
现象:整份PPT切换主题后,一部分图标正常变蓝,一部分还保持着原来的红橙色调,页面颜色乱七八糟。
原因:混用了两套着色体系。形状填充用的是绝对色值(用户手动输入的RGB),而其他形状挂在主题色上,主题一换只有后者跟着变。
解决:选中所有不听话的图标,在“形状填充-主题颜色”里重新指定对应槽位。可以这样批量处理:双击“格式刷”,在“选择窗格”里逐个点击被清掉颜色的形状,应用格式。如果图标是组合形状,先取消组合再填充,或者用第3.3节的清理宏统一设一个全局默认填充,后续新画的图自然继承。做主题切换前,先把“设计-变体-颜色”里的主题色槽位确认清楚,至少保证“着色1”到“着色6”被使用得整齐。
5.3 外框尺寸一样大,视觉上却一大一小
现象:两个图标都设置成2厘米×2厘米,画面上却一个显得饱满、一个显得空荡,摆在一起视觉重量失衡。
原因:外框一样并不等于视觉面积一样。圆的图标实际视觉面积只有外框的78%左右,而方形图标几乎占满外框;盾形、环形图标中间有空腔,看起来更“瘦”。
解决:把“等大”的目标从外框尺寸改成“视觉面积”。常见做法是给所有图标约定一条安全边距——在统一外框内的形状主体尺寸保持在一个内缩的矩形范围内,比如外框100%时,主体不超过80%。这样即使圆形和方形混排,视觉重量也基本一致。操作上可以把安全边距画成一个半透明参考矩形放在图标下层,一个一个检查过去后再删掉。
5.4 官网下载的设备PNG自带白底,放在深色底页面里露馅
现象:某安全设备的官网图标放在白色背景方案页里看不出问题,但模板改成深色底,图标四边出现明显的白色或浅灰色底色块。
原因:下载的图片实际上是JPG,或者虽然扩展名是PNG但图片本身没有真正透明通道,白底被直接拍进了像素里。
解决:如果图片背景颜色统一,用“图片格式-颜色-设置透明色”,点击一下白底区域,能把接近白色的像素变透明。注意“设置透明色”只对纯色背景有效,有渐变的背景会留下一圈灰边。如果背景复杂,要么去产品页面找无背景灰度图,要么用形状重绘,后者最稳但要花时间。我的习惯是,右上角或图标正下方来一个撞色条块作为装饰底,也常用来顺势遮掉不干净的边缘。
5.5 图标库几十上百页,找一个图标要翻半天
现象:做新方案的时候,明知道图标库里有某个图标,就是想不起来放在哪一页,只能一页页翻过去,翻到最后直接去搜索引擎找新的替代图。
原因:图标库只有图标本身,没有索引,也没有可检索的命名,人对“几十页的无序图片”记忆是不可靠的。
解决:给图标库加一个“取用索引页”,放在第一页,列出所有分类以及页码,每个分类做超链接跳到对应页面。索引页再附上命名规范说明,这样同事拿到文件时先看索引,再看命名,就知道怎么调用。配合选择窗格里的规范命名,按目标文件名搜索一下就定位了。还有一个习惯很值得做:每次从外部引入新图标,先按第3.2节命名规范改好名再放进对应分类页,不要积累到月底一次性补。
避坑条目写的是我已经踩过的真实记录。最后一步是把这套东西推到团队层面,让它从“个人整理”变成“组织资产”。
6. 把图标库PPT变成团队资产:主题联动与快速取用的最后一步
6.1 用主题文件把图标库的配色、线宽、字体标准化
图标库PPT里的每个图标如果用对主题色,那么“换主题即换画风”。给这个文件单独配三套主题变体:标准品牌蓝(用于日常售前)、标书黑白灰(用于打印版)、深色底(用于汇报大屏)。每套变体里,在“设计-变体-颜色”中把“着色1”映射为主色,“着色2”映射为辅助色,“着色3”映射为高亮色。这样图标库本身就是一份样式基准文档,新开任何一份方案PPT,用的配色都和图标库一致,不会出现方案图与产品图标色值对不上的情况。
6.2 建一张“取用页”:一页一图标,配合快速访问工具栏
在图标库最后留一个“取用页”,把所有图标缩小平铺在一页,纯白色背景、无阴影、无文字标签,专门用于“看到什么就拿什么”。用的时候选中取用页上的图标,直接复制到方案页即可。把这个操作频率极高的动作加进“快速访问工具栏”,顺序是:文件-选项-快速访问工具栏-所有命令,找到“复制”“粘贴”“格式刷”“选择窗格”四个按钮添加进去。这样画一页基础拓扑,四个按钮足够覆盖80%的动作。
验证这套模板是否合格有个非常有效的办法:找一个完全没接触过这套图标库的同事,给他一个简单拓扑需求,例如“一台防火墙双机部署,下面挂两套业务服务器区”,观察他能否只看索引页和命名规范,在20分钟内完成一页构图。能完成,说明库结构是合理的;中途反复地问“这个图标在哪”“这个能不能换色”,说明还有一处在卡人。每一次验证后,把卡壳的地方记录下来,回改索引页、改名或调整分类,迭代两三个版本,这套图标库才真正算是团队的资产。
我的习惯是每结束一个大项目,就顺手把新画的图形按分类回填到母版页里,一个季度集中归类一次。最初的版本其实就是一大堆杂图堆在一个PPT里,经历了格式打架、找不到图、换色全废这些坑之后,才变成现在这个结构。现在新同事第一天画图,我让他先打开这个文件,而不是从素材网开始搜,这就是它最大的价值——你踩过的坑,别人不用再踩一遍。希望帮到你。
本文还有配套的精品资源,点击获取