适配、排查与维护

VectorPaint 小图标光学校正:分别检查十六、三十二与六十四像素

用同一几何图标比较三个输出尺寸,调整细线、间隙和视觉重心,保留不同用途的独立原稿。

矢量图可以放大,缩小后的细节却不一定仍然清楚。本篇用一个虚构收纳盒图标比较十六、三十二和六十四像素输出,练习按用途做小幅修正。这里的校正来自人工观察,不表示应用会自动生成适合每种尺寸的图标。

选择结构足够简单的基准图标

先用矩形、开口和一只小把手建立一个单色收纳盒图标,放在方形画布中央,四边保留空隙。避免先选复杂插画,否则很难判断到底是哪一条细线影响识别。保存一份基准原稿,再为三种尺寸分别建立独立练习副本。副本名称直接写目标像素,防止以后把十六像素校正版当成大图原稿。画布中的几何大小和导出像素是两件事,先确认输出设置中的宽高确实为目标数值,不把画布视图缩放当成输出尺寸。

先看原始缩小结果再修改

按相同比例输出三种图片,在能够按原始像素显示的查看方式下并排比较。先记录把手是否消失、开口是否黏连、边缘是否显得忽粗忽细,不急着回画布放大修饰。高倍查看可以帮助理解像素,但最终判断应回到实际显示尺寸。若查看器自动把小图放大,需要先确认当前显示方式,再评价模糊程度。把观察记在清单中,一次只修一种问题,便于知道变化来自线宽、间隔还是整体重心。

优先保留主体之间的可见间隙

十六像素版本中,把手和盒盖之间的细缝可能只剩不到一个像素的视觉空间。先适度加大间隔或简化把手外形,再考虑加粗线条。直接加粗全部描边可能让开口彻底闭合。可以把内部装饰减为一个明确孔位,保持图标含义不变。调整后重新导出十六像素图片,在同一显示条件下与基准比较,不用高倍画布中看起来更精致作为改善依据。三十二像素版若原本清楚,不必跟着做相同幅度的夸张。

按视觉重量调整线宽和中心

外框、把手和内部线不一定需要机械同宽,小图中可以让承担识别的线稍重,次要线减少或移除。再检查图标是否看起来偏上或偏一侧,视觉重心会受开口和填充面积影响,不完全等于外接框中心。小幅移动整体后重新输出比较,保留原始居中版本作参照。不要把某个形状单独非等比压缩来追求位置,先保持轮廓完整,再调整整体位置。所有校正应服务于小图识别,而不是在原稿里制造更多细节。

分别保存三个尺寸的编辑来源

给三种版本记录本轮改了哪些位置,例如十六像素加大开口、三十二像素只调把手、六十四像素保持基准。这样以后改主题颜色时能知道哪些结构差异需要保留。不要把十六像素输出重新导入作为可编辑矢量原稿,它只保存固定像素。需要继续编辑时打开对应原稿,再导出同样尺寸。若还要交付矢量格式,明确文件对应哪个视觉版本,并在目标使用环境核对缩放结果,不能默认一份文件自动切换三套光学校正。

把背景和页面使用场景一起检查

在浅底、深底和实际页面中分别放置三个尺寸,检查透明边缘与最细线条。白色图标在白底消失不代表文件损坏,需要核对对象颜色和背景。网页若用与原像素不同的显示尺寸,还会再次缩放,应使用真实显示条件复查。保存最终输出清单,注明每份图片的像素和用途,再打开实际待发送文件确认版本。不要只根据文件名猜尺寸,查看图片属性或导出后信息,确保一张十六像素图片没有被误标成六十四像素。

用不带尺寸标签的对照减少先入判断

把基准版和校正版以相同显示尺寸放在一起,临时不看文件名,先记录哪一张开口更清楚、重量更稳定。再回到清单查看具体修改,避免因为知道自己花了时间修正,就默认新版一定更好。若校正版只是显得更粗而识别没有提高,可以恢复一部分线宽,保留真正有帮助的间隔变化。之后分别在浅底和深底重复比较,确认改善不是只适用于某一背景。最后重新打开带明确尺寸名的文件核对,测试时可以隐藏标签,交付时则必须让尺寸、版本和用途清清楚楚。

小图模糊时先排除额外缩放

若三种输出都模糊,先核对查看器与页面是否把图片放大,再检查导出宽高和是否用了旧文件。只有一条线显得不均匀时,检查它在目标像素中的位置与粗细,少量位置变化可能改变显示效果,但仍需以实际输出比较。不能用提高文档打印分辨率代替增加所需像素。修正后保留一张未校正版和一张校正版,在相同尺寸切换看,只有当关键开口更清楚、整体重量更稳定时,才把该变化留在最终版本。

相关教程与资料

VectorPaint 实作:设计一枚缩小后仍清楚的单色山形图标、VectorPaint 透明 PNG 导出:去掉白底并保留干净边缘。

资料核对于 2026 年 10 月 26 日。能力依据为 VectorPaint 官方 App Store 说明和 Apple 公开版本信息,当日中国区公开版本为 1.0.7,最低要求 iOS / iPadOS 17。本文提供可自行复核的创作步骤,没有声称已逐步完成真机操作;示例尺寸、颜色、数字和内容均为练习设定。界面名称与可用入口请按安装版本核对,保存原稿后再在独立副本中试验。