矢量可编辑,不等于小尺寸直线一定锐利
从 Flux Art 获得图标草案并另行制作成矢量后,缩小到界面尺寸时,水平或垂直细线仍可能显得发灰。先固定导出尺寸,检查路径、描边与像素栅格的关系,不急着把整枚图标加粗。本文讨论专业设计工具中的矢量检查,不把生成图片当成精确路径,也不保证所有曲线、斜线在任意显示倍率都没有灰色过渡。
先排除源文件其实是位图
在设计软件里确认待检查对象是真实路径或形状,而不是放在 SVG 容器中的一张图片。记录画板尺寸、导出倍率、描边宽度和对齐方式,保留原始副本。若只是位图放大缩小,应转去相应重采样流程,不能对着图片对象期待矢量吸附生效。源文件类型和目标尺寸未确定时,先标待确认,不进入批量坐标修改。
用固定尺寸的假设直线作比较
假设同一枚图标内两条水平直线采用相同描边宽度,但一条更灰。这不是实测结果。保持形状、颜色和导出倍率不变,比较它们的位置及描边边缘如何落在像素格上,再单独调整可疑落位。不要同时改线宽、画板和缩放,否则即使变清楚,也无法判断改善来自哪个变量。下表用来定位检查层,不是统一的像素参数处方。
| 出现的问题 | 固定不变的条件 | 优先检查 |
|---|---|---|
| 同宽水平线一条更灰 | 形状、颜色、输出倍率 | 路径和描边边缘的栅格落位 |
| 坐标整数但边缘仍灰 | 描边宽度与对齐方式 | 实际覆盖边界而非单个坐标 |
| 移动后直线变模糊 | 最终尺寸与原描边 | 移动后的像素对齐 |
| 曲线存在灰色过渡 | 批准轮廓与目标尺寸 | 抗锯齿和实际识别,不强行取整 |
| 导出清楚但界面发灰 | 同一导出文件 | 组件显示尺寸和额外变换 |
| 只有一种倍率通过 | 几何源文件 | 分别验证所有约定输出规格 |
看描边覆盖范围,不只看路径坐标
路径可能位于描边中心,实际边缘还受描边宽度和对齐方式影响。因此坐标是整数,不意味着边缘就一定落在合适的位置;简单把所有数值四舍五入,可能改变线间距、对称关系或轮廓。应查看实际软件的像素对齐行为,比较处理前后的几何形状,并在指定输出尺寸验证。不能只凭坐标面板漂亮就宣称已经合格。
像素预览帮助定位,但不代替导出
Adobe Illustrator 文档 https://helpx.adobe.com/illustrator/using/pixel-perfect.html 介绍对象及水平、垂直线段的像素对齐和 Pixel Preview,也说明没有水平或垂直线段的对象不会按该方式修改。可用这些检查能力定位直线落位问题,但它们不是 Flux Art 功能。工具界面和适用对象要以所用版本为准,随后仍需检查实际导出的文件。
斜线与曲线不要强行变成纯黑台阶
斜线和圆弧在栅格显示时出现过渡像素,不必然是错误。若为了消除所有灰边而破坏曲线轮廓,反而可能失去原有形状。把水平垂直直线、斜线曲线、端点和交叉处分别检查:直线可查落位,曲线更要关注目标尺寸下的平滑与识别。不要把一种直线修复方法无差别应用到全套路径。
变换之后重新检查落位
对象移动、缩放或复制到另一画板后,原先合适的栅格关系可能改变。固定最终使用规格后再做一轮验证,并检查描边是否随缩放变化。普通态和选中态也应分别核对,避免只有其中一版清楚。若产品需要多个输出规格,分别保存实际样本,不把某个倍率通过当作全部倍率都通过。
在真实容器里排除再次缩放
导出图片本身清楚,放进网页或应用后又变灰,可能与显示尺寸、缩放或容器变换有关。把实际文件放到目标组件中检查,记录显示尺寸与导出像素关系,再区分源文件问题和展示问题。不要用预览软件自动适配后的截图作为唯一依据,也不要为了修容器缩放去随意加粗整个图标,导致其他场景反而变重。
交付前保留几何与显示两份检查
交付包保存矢量源、目标尺寸、描边设置、处理前后副本及实际导出。几何检查确认没有改变批准轮廓和线间距,显示检查确认目标尺寸下识别清楚。Flux Art 创作入口 https://flux-art.net/zh 可用于图标视觉候选,精确路径和栅格验收在相应设计工具中完成。未知使用倍率或未确认状态列为待处理,不用一张最大尺寸预览代表全部交付。