要让清单细线保持一致,请按目标 PNG 尺寸进行设计,使重复元素的几何形状相同,并在导出前检查它们在像素网格中的位置。仅设置描边宽度无法确保在所有输出尺寸下看起来都一样。

本指南介绍如何在 Mac 上使用当前版本的 Affinity 桌面应用制作清单图形:重复的空方框、水平线,以及“项目 A”这类中性标签。目标是在指定尺寸下生成干净的 PNG。菜单路径依据当前 Affinity 帮助中心文档。

为什么宽度相同的线条看起来会不同?

首先将图稿的几何形状与像素预览区分开来。无论缩放多少,Affinity 的矢量视图都会显示平滑的矢量边缘。像素视图将矢量图稿显示为单个像素,而 Retina 像素视图则呈现其在高 DPI 显示器上的外观。使用 视图 > 模式 > 像素 检查面向普通图像输出的设计。视图模式

两条线的描边宽度可能相同,但相对于像素网格的位置不同。Affinity 明确允许在关闭“强制像素对齐”时使用非整数像素位置。文档还提醒,即使启用了像素对齐,如果吸附到的对象本身位于非整数像素位置,结果也可能落在非整数像素位置。强制像素对齐

实际而言,宽度相同只是工作的一部分,位置、方向和输出比例也应保持一致。对于清单,请比较相同类型的特征:方框的直边与方框的直边比较,水平线与水平线比较。圆角和对角标记属于不同几何形状,不应以它们是否占据相同的像素图案来评判。

统一线条样式

选择一个有代表性的复选框或线条,然后打开 窗口 > 矢量 > 描边。此面板提供线条样式、宽度、端点、连接、对齐和压力控制。对于简洁的清单,请使用实线,并在将宽度值视为厚度均匀的依据之前检查压力曲线。相同类型元素的设置应保持一致。描边面板

对于闭合的复选框形状,请统一选择一种描边对齐方式。文档所列选项会将描边置于对象边缘的中心、内侧或外侧。因此,对齐方式会改变可见边框相对于形状几何边缘的位置。另请检查 顺序:如果将描边绘制在填充的闭合形状后面,描边内侧的一半可能会被遮住。描边面板

调整一组方框之前,先检查缩放行为。随对象缩放 控制闭合形状的描边是否随形状缩放。“变换”面板还有 缩放覆盖,可强制描边宽度和其他属性在调整大小时缩放。如果先前调整过大小的方框彼此不同,请在设定统一的最终宽度之前检查这两个控件。描边面板、变换面板

对于简单的水平线,也可以使用窄填充矩形。矩形工具提供填充和描边控件;“描边”面板中的 无 样式可移除轮廓。这样就能将线条厚度指定为矩形高度,无须考虑居中描边。这是针对直线的编辑建议,并非特殊的导出功能。矩形工具、描边面板

将线条精确放置在像素网格上

打开 窗口 > 常规 > 变换。输入坐标前,请有意识地选择一个锚点:面板中的位置和尺寸变化取决于锚点。面板提供精确的 X、Y、宽度、高度、旋转和切变数值,这些数值相对于标尺的零点测量。比较重复对象时,请保持原点一致。变换面板

要按像素精确定位,请打开 视图 > 吸附 并启用 强制像素对齐。同时检查其他吸附目标;位于非整数像素位置的参考线或对象可能会影响像素对齐结果。此设置会在创建、移动或修改对象时生效,因此应检查现有图稿,不要假设启用后就已修正所有对象。强制像素对齐

将 按整数像素移动 视为一种移动约束。Affinity 文档说明,该功能会在按整数像素距离移动对象时保留对象原先占据的部分像素位置。因此,它可能保留不需要的小数偏移。先确定目标位置,然后在有助于保持该位置时使用整数像素移动。强制像素对齐

要近距离检查边界,请启用 视图 > 显示 > 像素网格 并放大。网格仅用于视觉辅助,不会导出。配合像素视图检查相同类型的边缘,然后恢复正常缩放比例,从整体上检查清单。网格

几何检查示例

假设清单的目标输出尺寸为 800 × 600 像素。作为合成测试,制作三个无描边的水平填充矩形。每个矩形宽 240 px、高 1 px,左上角位置如下。这些只是示例输入,并非 Affinity 测试的实测结果。

线条 X Y 宽度 高度
A 80 px 100 px 240 px 1 px
B 80 px 124 px 240 px 1 px
C 80 px 148 px 240 px 1 px

在“变换”面板中使用左上角锚点,输入这些数值,并将旋转和切变保持为零。这样,这些重复线条就具有相同的尺寸和整数像素间距。此示例使用矩形工具的填充控件和“变换”面板的数值定位,不依赖未记录在案的“清晰线条”命令。矩形工具、变换面板

缩放计算可以说明目标尺寸为何重要。将这个宽 800 像素的版面以 400 像素宽导出,缩放因子为 400 ÷ 800 = 0.5。高度为 1 像素的线条在几何上相当于半个输出像素;高度为 2 像素的线条则相当于一个输出像素。这些计算描述的是几何关系,并不保证渲染器会如何精确着色。如果交付尺寸为 400 像素宽,请针对该输出评估并调整线条。

按实际需要的尺寸导出 PNG

打开 文件 > 导出 > 导出 并选择 PNG 预设。有意识地设置 区域:为完整清单选择命名画板或合适的文档区域。选区区域 会包含与选区重叠但未选中的图层,而 仅选区 则会排除它们。因此,不同的区域选项可能会产生不同的内容。导出对话框

检查导出的宽度和高度。Affinity 的 尺寸 设置最初显示原始尺寸,也允许选择其他尺寸;按比例缩放时,请保持 锁定长宽比 启用。对于示例测试,请先导出为 800 × 600。任何更小的交付尺寸都应单独测试。导出设置

保存前检查导出预览。在 Mac 上预览时按 Command-1 可切换到 100%;按 Command-3 可显示 400%,以便近距离检查。观察重复线条是否出现深浅或视觉厚度变化,并检查边框是否被所选导出边界裁切。然后导出,并在预期显示尺寸下检查实际 PNG。导出对话框

如需调整大小,Affinity 提供多种重采样器。其帮助文档指出,最近邻适用于硬边图像,双线性适用于缩小。将它们视作文档说明的用途,然后结合你的图稿比较预览效果。文档中没有任何重采样器被描述为能保证清单细线看起来完全一致。导出设置

导出设置能修复什么?又有哪些限制?

关键界限在于文件格式。Affinity 文档为 PDF、SVG 和 EPS 提供 栅格化:无 / 全部 / 不支持的属性。PNG 没有列出此控件。同样,文档中“栅格 DPI”指的是栅格化到这些矢量格式中的效果。不要寻找 PNG 的“全部栅格化”修复选项;请使用 PNG 输出尺寸,并修正图稿的几何形状。导出设置

使用以下诊断流程确定需要修改的内容。这是一份根据文档所述控件整理的决策辅助,而不是声称某项设置能诊断所有导出问题。

观察到的情况 接下来检查什么 实际处理方式
某些方框的数值宽度不同 描边设置和缩放控件 统一最终描边样式
像素视图中的相同线条有所不同 位置、尺寸和吸附目标 修正相同类型的边缘,并保持放置方式一致
只有在较小尺寸的导出中线条才变得不均匀 输出尺寸和缩放因子 针对较小尺寸调整图稿
某条线消失,或与意外的背景相接 导出区域及其包含的图层 选择预期的文档、画板或选区范围
矢量视图看起来平滑,但 PNG 不同 像素视图和导出预览 使用像素表示来评估栅格交付文件

找到合适的组合后,可在导出对话框中通过 偏好设置 > 创建预设 保存导出选项。预设可让你重复使用这些导出选项;图稿仍需保持几何形状和位置一致。导出对话框

最后检查应当简单明了:检查一个有代表性的方框和一条线,确认对应的重复元素一致,核实 PNG 尺寸,并按实际使用尺寸查看已保存的图像。如需其他输出尺寸,请针对新尺寸重复检查。保持几何形状和缩放一致,才能确保效果统一。

来源