Inkscape:展厅要的图标和异形屏遮罩用它做

2026-08-25
Inkscape 又称 Inkscape、矢量图、SVG 编辑、图标制作、开源矢量软件
分类
图像处理
平台
Windows、macOS、Linux
许可证
GPL-3.0
许可证说明
开源项目,官网提供三平台安装包与源码获取途径;不参与本站的自动跟版。
是否开源
开源
收费模式
免费
适用工序
播控与内容、互动展项、系统集成与交付
选型结论:展厅里凡是「要放大还得清楚」的图形——图标、导视、异形屏遮罩、投影融合的测试图案——都该是矢量的,而做矢量不必买软件。
官方下载
获取最新版(具体版本号以官网页面为准)
前往官网下载 ↗

它到底解决什么

展厅里有一类图形需求,特点是必须能放大

  • 触摸一体机的界面图标——屏幕分辨率高,图标做小了会糊;
  • 大屏上的导视和标识——离得远要看清,尺寸自然大;
  • 投影融合的测试图案——要按实际投影面的尺寸生成,格子必须是准的;
  • 异形屏、异形投影面的遮罩——形状要精确,边缘不能有锯齿。

这类图形如果用位图(JPG、PNG)做,放大就是糊的、边缘就是锯齿。它们本质上应该是矢量图——图形由数学描述的曲线构成,放到多大都清晰。

矢量软件的市场里,商业产品是主流。但展厅集成商的实际需求量并不大——一年可能就用上几次,为此买授权不太值。Inkscape 是开源免费的矢量图形软件(GPL-3.0),三大平台都有,对上面这类需求完全够用。

这一篇要说清楚的重点其实是边界:集成商用它做什么合适,做什么应该交给内容方。

展厅哪道工序会用到它

补图标。 触摸展项的界面做出来了,甲方临时说要加一个功能按钮,但内容方的设计师排期在两周后。这时候按现有图标的风格补一个,十几分钟的事。这类"补缺"是集成商用它最正当的场景。

做异形遮罩。 投影打在不规则的墙面、模型、或者异形屏上,需要一张遮罩图把不该亮的地方挡掉。这个形状要精确,用矢量画完导出成位图交给融合软件或播控。

生成测试图案。 投影融合调试时需要网格图、对位十字、色块。按实际分辨率生成,比在网上找现成的准确。

改现成素材。 甲方给的 Logo 是 AI 或 PDF 格式,需要换个颜色或者去掉背景。它能打开这类文件。

导出多尺寸。 同一个图标要出多个尺寸给不同设备用,矢量源文件导一次就是全套。

怎么获取

官网 inkscape.org,三大平台安装包,开源免费。

它的原生格式是 SVG,这是通用的矢量格式,其他软件也能打开。这一点对交接很友好——你做的东西不会被锁在一个软件里。

最短可用路径

以做一个遮罩为例:

  1. 新建文档,先把画布尺寸设成目标分辨率(比如投影是 1920×1200,就设成这个)。这一步不做,后面导出时尺寸对不上。
  2. 用钢笔工具或形状工具画出需要遮挡的区域轮廓。
  3. 填充成需要的颜色(遮罩通常是纯黑)。
  4. 导出成 PNG 时确认导出尺寸等于画布尺寸,不要用默认的 96 DPI 导出,那样出来的像素数不对。
  5. 拿到实际投影上验证,边缘对不上就回来微调。

做图标的流程类似,区别是要注意保持视觉一致性——补的图标要跟现有图标的线条粗细、圆角大小、留白比例一致,否则一眼就能看出是后加的。做法是把现有图标导入进来当参照,照着量。

展厅工程里真正要改的那几个设置

画布尺寸和导出尺寸是最容易出错的两个地方。 矢量本身没有分辨率概念,但导出成位图时必须指定像素尺寸。这里出错的表现是:导出的图看起来对,装上去发现小了一圈或者位置偏了。规则是——画布按目标像素设,导出时确认像素数一致

颜色要跟实际显示设备核对。 屏幕上看到的颜色和 LED 屏、投影上呈现的颜色差异很大。导视和图标的颜色如果有品牌要求,要在实际设备上确认过再定稿。

字体是个坑。 图里用了某个字体,换台电脑打开时如果没有这个字体,文字会变形或替换。解决办法是把文字转成路径(也就是把字变成图形),这样在任何机器上都一样。交付前一定要做这一步。

源文件要交付。 跟画图工具一样,只给导出的 PNG 是不够的,源文件一并交付,甲方以后要改才有得改。

别在这上面花太多时间。 这一条是提醒:集成商用它应该是"十几分钟解决一个小问题",如果发现自己花了一整天在调图形,说明这件事本来就该交给内容方或设计方。

踩坑与排错清单

现象 多半是什么原因 怎么处理
导出的图尺寸不对 导出时的 DPI 或尺寸设置没确认 导出对话框里直接指定像素数
换台电脑打开文字变了 缺字体 交付前把文字转成路径
边缘有锯齿 导出分辨率太低 提高导出像素数;或直接用矢量格式
打开 AI/PDF 后元素散乱 格式转换的固有损耗 复杂文件让原设计方提供可编辑版本
遮罩装上去对不齐 画布尺寸与投影分辨率不一致 重新按实际分辨率设画布
颜色跟设计稿不一样 色彩模式或显示设备差异 在实际设备上核对
文件很大打开很慢 图里嵌入了大位图 位图应该链接而不是嵌入;或者这活本来就该用位图软件做

什么时候别用它

照片处理别用它。 抠图、修图、调色、合成,这些是位图的活,用 GIMP。矢量软件处理位图能力有限,硬做效率极低。

系统图和机柜图别用它。 那类图用 draw.io 快得多——它有现成的设备图库和自动连线,而在矢量软件里画等于从零开始。

大量设计工作别自己扛。 这条跟 DaVinci Resolve 那篇是同一个道理:集成商做的应该是补缺,不是承接设计。一旦发现自己在做整套视觉设计,说明责任边界出问题了——要么该找设计方,要么该在合同里体现这部分工作量。

团队没人懂矢量概念时要评估。 路径、节点、填充与描边、布尔运算,这些概念不熟的话,学习成本比预期高。偶尔用一次的话,找外援可能更快。

与本站方案的衔接

集成商在图形这件事上的定位,应该是能补缺、不越界。补缺能力让项目不会因为一个小图标卡住;越界则会让自己承担本不该承担的设计责任和后续修改义务。

企服君在交付规范上的建议是把这类"谁做什么"在项目启动时就明确,包括图形素材的交付标准和变更流程。集成商如果经常被临时的设计需求打乱节奏,这一层的界定比技术能力更重要——见集成商年费方案

三款画图工具的分工见方案图、机柜图、点位图用什么画;投影融合的对位工作见投影贴合与画面一致性

📄 来源 / 自校链接

本文为公开资料整理,非亲测。关键参数与代码请结合实物与下列官方来源验证。

做展厅项目,软件授权不必每次重走采购

企服君有九款自研展厅软件。集成商年费一次备好全年额度,接到项目直接激活;已激活项目的授权永久有效。

留言讨论

评论发布后会被人工复核,违规内容将被删除。

    还没有人评论,来说说你的看法

    如果发表没有反应,可以前往联系我们告诉我们。

    这个页面有问题?

    提交时会附带当前页面地址和浏览器信息,帮助我们定位问题。不填联系方式即为匿名。