# VectorPaint 时间轴：排好五个阶段及长短不同的说明

语言：zh-CN
原文：[VectorPaint 时间轴：排好五个阶段及长短不同的说明](<https://allluckly.cn/guides/vectorpaint-timeline/>)
中文：[中文 HTML](<https://allluckly.cn/guides/vectorpaint-timeline/>)
English: [English HTML](<https://allluckly.cn/en/guides/vectorpaint-timeline/>)
发布于: 2026-10-23T00:00:00+08:00
内容更新于: 2026-10-23T00:00:00+08:00
署名：Bison

制作五阶段项目时间轴，区分顺序示意与按时间比例绘制，处理长短说明、节点间距和后续更新。

时间轴常见的困难是日期很短，说明却长短不一。把五个圆平均排开并不等于读者能顺着读完。本篇用 VectorPaint 制作一张虚构创作项目的五阶段时间轴，重点检查顺序、文字归属和空白。

## 先决定时间轴表达顺序还是时长

准备五个阶段：构思、草图、定形、配色、交付。为练习分别写上日期和一行说明。先决定这张图只是表达阶段先后，还是需要按真实天数比例呈现。两种任务的节点间距规则不同，应在开头就说清楚。

本例采用等距阶段示意，并在图下标注“阶段示意，间距不代表实际时长”。新建 1200×700 px 横向画布，中间留给主轴，上方放标题，下方留补充说明。真实项目请核对日期，示例日期不能直接当成已发生事件发布。

## 用一条主线建立阅读方向

用线工具或钢笔画一条水平开放路径，设置清楚但不过重的描边。左端作为开始，右端作为结束，先用一档颜色保持稳定。主线的作用是连接阶段，不需要抢过文字标题。

在左右端之间放五个等大圆形节点，先确定首尾位置，再使用分布或手动参照安排中间三个。检查节点之间的中心间距，而不只是圆外缘。所有圆保持同样大小，阶段重要性暂时用文字表达，避免不必要地引入第二套编码。

## 分开安排日期和阶段名称

每个节点上方放日期，下方放阶段名称，或者反过来，但整张图保持一致。日期使用共同字号，阶段名称略醒目。文本对象独立创建，内容确认后再移动到对应位置。

先用最长阶段名称检查空间，再调整全部节点的文字区域。若某个名称太长，不要只把它压成更窄的字形；可以编辑文案，或把整张图改成更适合的排版。文字与节点的距离应近到能看出归属，又不能碰到主线。

## 把长说明放到固定的阅读区

五段说明长度不同，可以为每个节点安排近似宽度的文本区域，统一左对齐或居中方式。对于两三行以上说明，左对齐通常更方便逐行阅读。先控制每段内容只解释这一阶段的一个重点，避免某一段写成完整项目总结。

如果相邻说明开始挤在一起，可以采用上下交错排列，但要增加短引线说明对应关系。另一种办法是把时间轴改为竖向，让每个阶段拥有更宽的说明区。改变布局比把所有文字缩小到难读更有效，选择应由内容长度决定。

## 用状态颜色时保留明确文字

若要表达已完成、进行中与待开始，可以使用深色、强调色和浅色，但同时写出状态或用清楚符号辅助。只依赖颜色，黑白打印或低对比显示时可能失去含义。

状态与日期是两个不同信息。例如日期已经过去，并不自动说明阶段完成。更新图时先核对真实进展，再改变节点颜色。对于本次虚构练习，可以统一使用中性色，先把阅读顺序做好，之后再增加状态编码。

## 用一次从头到尾的朗读发现问题

从最左日期开始，依次读出阶段名与说明，看能否自然接到下一节点。若读到第三段时不知道它属于哪个圆，调整距离或引线。若视线总被某个很长标题拉走，先缩短文案或减弱其视觉重量。

再把图缩到实际展示宽度检查。横向时间轴在手机上可能太长，小字会一起缩小；可以另做竖版，保留相同内容但重新排列。横竖版本应分别命名，不要直接把横版整体压缩成竖屏比例。

## 保存更新依据并检查输出

在原稿里清楚组织主线、节点、日期和说明，相关阶段可以分组，方便整体移动。保存一份文字清单作为更新依据，修改时先改内容，再核对图形与日期一致。不要只更新 PNG 中的一段文字，却让可编辑原稿停在旧状态。

输出后检查首尾边缘有没有裁切、每个节点是否都有对应日期与说明、五个阶段是否按预期顺序排列。若用于真实项目沟通，注明资料更新到哪一天；这应反映内容实际变化，而不是每次导出都自动宣称有新的进度。

## 常见问题

**五个阶段必须等距吗？** 取决于用途。表达顺序可以等距并明确说明；表达实际持续时间则需要按同一时间比例安排。不要让读者把装饰性间距误读为真实时长。

**说明太长，能只留几个关键词吗？** 可以先提炼最重要动作，再把详细解释放到配套文字中。图上的短说明应该仍能独立说明阶段任务，不能缩成只有作者自己看得懂的内部缩写。完成后隔一会儿重新读一遍，是检查信息是否完整的简单办法。

## 检查同一天发生的两个阶段

若真实项目中两个阶段发生在同一天，可以保留相同日期，并在说明中交代先后或并行关系。不要为了让每个节点看起来独特，随意编出不同日期。若采用按时长比例绘制的版本，同日节点可能需要上下错开标签；若采用等距阶段示意，则继续明确间距含义。先让时间信息准确，再解决标签如何摆放。

## 相关教程与资料

[路径与节点关系](<https://allluckly.cn/guides/vectorpaint-route-map/>)、[多层文字协调](<https://allluckly.cn/guides/vectorpaint-bilingual-title/>)。

依据 [VectorPaint 官方商店说明](<https://apps.apple.com/cn/app/id1587272880>)与功能入口整理；[Apple 版本信息](<https://itunes.apple.com/lookup?id=1587272880&country=cn>)核对日期为 2026 年 10 月 23 日，公开版本 1.0.7，最低系统 iOS / iPadOS 17。文中的尺寸、文案和图形是练习建议。