27 lines
947 B
Markdown
27 lines
947 B
Markdown
# 设计图导出指南
|
||
|
||
将 `pencil-app-client.pen` 中的各页面导出为 PNG 图片。
|
||
|
||
## 导出步骤
|
||
|
||
1. 在 Pencil 中打开 `design/pencil-app-client.pen`
|
||
2. 在画布或图层面板中选中对应 Frame（可按 Node ID 查找）
|
||
3. 右键 → **Export** → 选择 **PNG**
|
||
4. 保存到 `design/exports/` 目录，使用下方对应文件名
|
||
|
||
## 页面与 Node ID 对照表
|
||
|
||
| 页面 | Node ID | 导出文件名 |
|
||
|------|---------|------------|
|
||
| AI Video App (Home) | `bi8Au` | `home.png` |
|
||
| Gallery Screen | `hpwBg` | `gallery.png` |
|
||
| Profile Screen | `KXeow` | `profile.png` |
|
||
| Recharge Screen | `tPjdN` | `recharge.png` |
|
||
| Generate Video Screen | `mmLB5` | `generate_video.png` |
|
||
| Generate Video Progress Screen | `qGs6n` | `generate_progress.png` |
|
||
| Video Generation Result Screen | `cFA4T` | `result.png` |
|
||
|
||
## 快速查找 Node ID
|
||
|
||
在 Pencil 中选中 Frame 后，可在属性面板或图层信息中查看其 Node ID。
|