基础操作
VectorPaint 画布尺寸怎么选:分清 px、pt、mm 与导出像素
用方形图标和印刷小卡两个例子,区分画布比例、文档单位、屏幕缩放和 PNG 最终像素,避免创建后反复返工。
本文目录
用方形图标和印刷小卡两个例子,区分画布比例、文档单位、屏幕缩放和 PNG 最终像素,避免创建后反复返工。
先确定交付目标,再输入尺寸
新建前写下作品用在哪里、形状是横版还是竖版、最后交什么文件。练习一是网页图标,使用正方形;练习二是竖版活动小卡,需要保留上下文案空间。两者都能由矢量路径绘制,但画布比例不同,直接把方形设计拉成长方形会使圆形变成椭圆。本文的数值是练习建议,不是应用容量上限,也不是平台统一的上传规范。
认识四种容易混淆的大小
画布宽高定义文档的工作区域;对象宽高定义一个图形的几何大小;缩放倍率只改变你在屏幕上观察的距离;PNG 像素数决定导出的栅格图片有多少采样点。放大视图不等于增加图片像素。举例来说,一个占画布一半宽度的圆,视图放大以后占用更多屏幕空间,但它相对画布的比例没有变化。
建立第一张方形画布
在作品集进入新建画布,填写能区分用途的名称,例如“山形图标_练习”。打开自定义尺寸,选择 px,宽高均填 512,再检查显示的单位和数值后创建。先画一个占画布约三分之二的矩形,确认四边还有空白。这里的 512 是文档创建示例;后续输出 1024 像素的 PNG 仍需要在导出界面核对,而不是猜测应用会自动采用两倍尺寸。
把毫米用于明确的纸面尺寸
如果目标是纸面小卡,可以另建宽 100 mm、高 150 mm 的文档,先用矩形标出约 8 mm 的内边距,作为构图参考。毫米描述纸上大小,打印清晰度还与交付文件的内容及印刷流程有关。不要把“100 mm”直接当成“100 px”。更换单位时观察宽高是否随之换算,并重新确认比例,避免只改数字却忽略单位的错误。
用边距和比例组织内容
方形练习建议四边预留约 48 个画布单位,主要图形控制在中间区域;竖版小卡则先划分标题、主体与说明三个区域。先处理比例,后处理细节。过早追求极小的坐标误差,可能掩盖标题太大、主图太靠边等更明显的问题。若图形贴着边界,检查的是图形实际轮廓与描边外缘,不仅是路径中线。
导出时重新检查一次像素
在导出与分享中选择 PNG,确认最终宽高与预览。512×512 与 1024×1024 是两个不同的栅格交付文件;后者像素总数是前者四倍,文件大小和处理开销不一定严格按四倍变化。若画面包含照片,增加输出像素并不会补出原图不存在的细节。若交付 PDF,仍要检查页面尺寸以及接收方是否按原尺寸打印。
一个容易算错的例子:纸面尺寸与像素
假设你要把宽 100 mm 的小卡交给一个只接受图片的流程,对方另行要求某个像素宽度。正确顺序是先确认对方的规格,再在导出环节准备像素文件;不是把画布单位从毫米切成像素后照抄原来的数字。纸面宽度、图片像素和打印时的缩放比例需要共同匹配。你可以把需求写成一句完整话:“成品宽多少毫米,交付图片宽多少像素,打印时是否允许缩放”,这样比只说“要高清”更明确。
另一个常见问题是画布比例与目标容器不一致。把 100×150 的竖图放进正方形封面时,通常只能选择留白、裁切或重新布局;直接拉伸会改变形状。先在副本里标出目标比例,检查哪些内容可能被裁掉,尤其是标题与边缘细线。若一份设计需要同时用于横幅和方形头像,建议共用图形元素而分别排版,并为两个版本保留明确名称。
最后检查原始图片:一张本来只有很少像素的照片,即使放在很大的矢量画布里,细节仍受来源限制。需要高清照片时先更换足够清晰的素材,不能只提高画布或导出的数字。
完成检查与修改顺序
先检查比例是否正确,再检查四边留白、标题是否越界,最后查看 PNG 文件信息中的实际像素。发现宽高颠倒时优先纠正文档方向或重新安排布局,不要把全部对象任意压扁。保存原稿后退出再打开一次,确认作品名称与画布内容可辨认;这一检查是建议读者执行的流程,请在自己的设备上确认保存结果。
延伸练习:同一图标制作两档输出
-
把同一份原稿导出为 512×512 和 1024×1024 的 PNG,文件名分别写明像素,避免覆盖后无法比较。
-
把两份图片按相同的显示宽度打开,观察它们是否保持相同构图;再查看文件属性,区分视觉大小与实际像素。
-
在画布边缘加入一条较粗描边,检查它是否被截断。若出现裁切,增加构图留白后重新输出。
常见问题
把视图放到 400% 会提高导出质量吗?
不会。视图倍率帮助你检查节点和边缘,PNG 输出质量取决于最终像素与素材质量。先按正常使用尺寸看效果,再放大定位问题,避免只在极端倍率下修改。
为什么同样是 512,画布和导出大小不同?
要先核对每个数字旁的单位、导出范围与像素宽高。文档单位和导出像素承担不同用途,不能仅凭数字相同推断它们表示同一种大小。
能直接用于专业印刷吗?
可以准备矢量或 PDF 文件,但出血、色彩要求、字体处理和成品尺寸应与印刷方确认。这里的练习没有替代印刷打样,也不承诺特定印刷色彩标准。
接着读
- VectorPaint 入门:用形状制作图标并导出 SVG
- VectorPaint 透明 PNG 导出:去掉白底并保留干净边缘
- VectorPaint 导出格式怎么选:SVG、PDF、PNG 与原稿的分工
来源与适用范围
本文基于 VectorPaint 官方商店说明 与功能入口整理;Apple 公共版本信息核对日期为 2026 年 10 月 22 日,对应版本 1.0.7,最低系统要求 iOS / iPadOS 17.0。界面可能随设备与版本变化。文中的尺寸、配色与文案是练习建议,实际交付请按使用场景确认。