视觉画布与 UI 套件

视觉画布和 UI 套件用于制作可视化界面元素。它们和屏幕编辑器、GUI 主题编辑器互相补充：屏幕编辑器偏“搭建具体界面”，GUI 主题偏“统一整体风格”，视觉画布和 UI 套件偏“设计和复用界面部件”。

可以做什么

• 摆放按钮、文本、图片和面板。
• 调整位置、尺寸、层级和对齐。
• 预览界面在不同画面比例下的效果。
• 制作可复用的 UI 组件。
• 为菜单、设置页、角色资料页、手机界面和图鉴准备布局。

什么时候用视觉画布

当你还在探索界面长什么样时，视觉画布更合适。它让你先从画面和布局出发，而不是先写样式或脚本。

适合这些任务：

• 快速试出主菜单构图。
• 摆放角色资料卡。
• 调整手机界面、成就页或图鉴页的布局。
• 检查按钮是否太挤、文字是否太小。

什么时候用 UI 套件

当你已经有一组常用按钮、面板、标签、列表样式，希望反复使用时，UI 套件更合适。它能帮助你把界面元素沉淀成可复用资产，减少每个界面都从零做的重复劳动。

适合这些任务：

• 统一按钮风格。
• 统一弹窗和确认框。
• 复用角色资料卡组件。
• 为多个菜单页面使用同一套视觉规范。

和屏幕编辑器的区别

工具	重点
视觉画布	快速探索布局和视觉摆放
UI 套件	整理可复用界面组件
屏幕编辑器	制作具体游戏内界面
GUI 主题	统一默认对话框、菜单和整体主题

实际制作时，你可以先在视觉画布试布局，再把稳定方案整理成 UI 套件，最后在屏幕编辑器或 GUI 主题中落地。

设计检查清单

• 按钮是否有明确主次。
• 文本是否在中文、英文和目标语言下都放得下。
• 重要操作是否离边缘太近。
• 颜色是否有足够对比度。
• 鼠标和触控操作是否都容易点击。
• 菜单、对话框和弹窗是否风格一致。

WARNING

不要只在设计画布里看静态效果。界面进入实际剧情后，还要用 VN 播放器或本地预览检查文字、背景和角色是否互相遮挡。