Inkscape:展厅要的图标和异形屏遮罩用它做
- 分类
- 图像处理
- 平台
- Windows、macOS、Linux
- 许可证
- GPL-3.0
- 许可证说明
- 开源项目,官网提供三平台安装包与源码获取途径;不参与本站的自动跟版。
- 是否开源
- 开源
- 收费模式
- 免费
- 适用工序
- 播控与内容、互动展项、系统集成与交付
它到底解决什么
展厅里有一类图形需求,特点是必须能放大:
- 触摸一体机的界面图标——屏幕分辨率高,图标做小了会糊;
- 大屏上的导视和标识——离得远要看清,尺寸自然大;
- 投影融合的测试图案——要按实际投影面的尺寸生成,格子必须是准的;
- 异形屏、异形投影面的遮罩——形状要精确,边缘不能有锯齿。
这类图形如果用位图(JPG、PNG)做,放大就是糊的、边缘就是锯齿。它们本质上应该是矢量图——图形由数学描述的曲线构成,放到多大都清晰。
矢量软件的市场里,商业产品是主流。但展厅集成商的实际需求量并不大——一年可能就用上几次,为此买授权不太值。Inkscape 是开源免费的矢量图形软件(GPL-3.0),三大平台都有,对上面这类需求完全够用。
这一篇要说清楚的重点其实是边界:集成商用它做什么合适,做什么应该交给内容方。
展厅哪道工序会用到它
补图标。 触摸展项的界面做出来了,甲方临时说要加一个功能按钮,但内容方的设计师排期在两周后。这时候按现有图标的风格补一个,十几分钟的事。这类"补缺"是集成商用它最正当的场景。
做异形遮罩。 投影打在不规则的墙面、模型、或者异形屏上,需要一张遮罩图把不该亮的地方挡掉。这个形状要精确,用矢量画完导出成位图交给融合软件或播控。
生成测试图案。 投影融合调试时需要网格图、对位十字、色块。按实际分辨率生成,比在网上找现成的准确。
改现成素材。 甲方给的 Logo 是 AI 或 PDF 格式,需要换个颜色或者去掉背景。它能打开这类文件。
导出多尺寸。 同一个图标要出多个尺寸给不同设备用,矢量源文件导一次就是全套。
怎么获取
官网 inkscape.org,三大平台安装包,开源免费。
它的原生格式是 SVG,这是通用的矢量格式,其他软件也能打开。这一点对交接很友好——你做的东西不会被锁在一个软件里。
最短可用路径
以做一个遮罩为例:
- 新建文档,先把画布尺寸设成目标分辨率(比如投影是 1920×1200,就设成这个)。这一步不做,后面导出时尺寸对不上。
- 用钢笔工具或形状工具画出需要遮挡的区域轮廓。
- 填充成需要的颜色(遮罩通常是纯黑)。
- 导出成 PNG 时确认导出尺寸等于画布尺寸,不要用默认的 96 DPI 导出,那样出来的像素数不对。
- 拿到实际投影上验证,边缘对不上就回来微调。
做图标的流程类似,区别是要注意保持视觉一致性——补的图标要跟现有图标的线条粗细、圆角大小、留白比例一致,否则一眼就能看出是后加的。做法是把现有图标导入进来当参照,照着量。
展厅工程里真正要改的那几个设置
画布尺寸和导出尺寸是最容易出错的两个地方。 矢量本身没有分辨率概念,但导出成位图时必须指定像素尺寸。这里出错的表现是:导出的图看起来对,装上去发现小了一圈或者位置偏了。规则是——画布按目标像素设,导出时确认像素数一致。
颜色要跟实际显示设备核对。 屏幕上看到的颜色和 LED 屏、投影上呈现的颜色差异很大。导视和图标的颜色如果有品牌要求,要在实际设备上确认过再定稿。
字体是个坑。 图里用了某个字体,换台电脑打开时如果没有这个字体,文字会变形或替换。解决办法是把文字转成路径(也就是把字变成图形),这样在任何机器上都一样。交付前一定要做这一步。
源文件要交付。 跟画图工具一样,只给导出的 PNG 是不够的,源文件一并交付,甲方以后要改才有得改。
别在这上面花太多时间。 这一条是提醒:集成商用它应该是"十几分钟解决一个小问题",如果发现自己花了一整天在调图形,说明这件事本来就该交给内容方或设计方。
踩坑与排错清单
| 现象 | 多半是什么原因 | 怎么处理 |
|---|---|---|
| 导出的图尺寸不对 | 导出时的 DPI 或尺寸设置没确认 | 导出对话框里直接指定像素数 |
| 换台电脑打开文字变了 | 缺字体 | 交付前把文字转成路径 |
| 边缘有锯齿 | 导出分辨率太低 | 提高导出像素数;或直接用矢量格式 |
| 打开 AI/PDF 后元素散乱 | 格式转换的固有损耗 | 复杂文件让原设计方提供可编辑版本 |
| 遮罩装上去对不齐 | 画布尺寸与投影分辨率不一致 | 重新按实际分辨率设画布 |
| 颜色跟设计稿不一样 | 色彩模式或显示设备差异 | 在实际设备上核对 |
| 文件很大打开很慢 | 图里嵌入了大位图 | 位图应该链接而不是嵌入;或者这活本来就该用位图软件做 |
什么时候别用它
照片处理别用它。 抠图、修图、调色、合成,这些是位图的活,用 GIMP。矢量软件处理位图能力有限,硬做效率极低。
系统图和机柜图别用它。 那类图用 draw.io 快得多——它有现成的设备图库和自动连线,而在矢量软件里画等于从零开始。
大量设计工作别自己扛。 这条跟 DaVinci Resolve 那篇是同一个道理:集成商做的应该是补缺,不是承接设计。一旦发现自己在做整套视觉设计,说明责任边界出问题了——要么该找设计方,要么该在合同里体现这部分工作量。
团队没人懂矢量概念时要评估。 路径、节点、填充与描边、布尔运算,这些概念不熟的话,学习成本比预期高。偶尔用一次的话,找外援可能更快。
与本站方案的衔接
集成商在图形这件事上的定位,应该是能补缺、不越界。补缺能力让项目不会因为一个小图标卡住;越界则会让自己承担本不该承担的设计责任和后续修改义务。
企服君在交付规范上的建议是把这类"谁做什么"在项目启动时就明确,包括图形素材的交付标准和变更流程。集成商如果经常被临时的设计需求打乱节奏,这一层的界定比技术能力更重要——见集成商年费方案。
三款画图工具的分工见方案图、机柜图、点位图用什么画;投影融合的对位工作见投影贴合与画面一致性。
留言讨论
评论发布后会被人工复核,违规内容将被删除。
如果发表没有反应,可以前往联系我们告诉我们。