布局规则

FCU 设计师指南中的“布局规则”文档,涵盖 Unity 项目的设置、配置、工作流程和故障排除。

前两点为必做。

大多数情况下,为获得正确结果,导入前无需对布局进行其他更改。

1

导入前,请在画框上禁用“裁剪内容”。

2

如果要导入分区内容,需要将其转换为画框:

  1. 右键单击分区。
  2. 在出现的上下文菜单中,选择“转换为画框”
3

如果希望将某个组件作为单张图像导入,但默认未实现,请参阅“图像合并”部分。

4

如果不希望组件内的组件合并为单张图像,

请参阅“图像拆分”部分。

5

标签后的文本不得仅由特殊字符组成。

6

包含子文本组件或其他会阻止父组件合并为单张 PNG 图像的元素时,父组件需遵循以下规则:

  • 不要在父组件上应用效果图像填充

  • 使用 UI.ImageSpriteRenderer 时,不要在父组件上应用渐变
  • 使用 SpriteRenderer 时,不要为父组件添加圆角。

如果违反这些条件,此类父组件的填充和效果将不会被导入。

要解决此问题,请将这些填充和效果移到单独的子组件中。

7

Unity 提供了多种工具来复现 Figma 的图形能力,例如支持渐变和描边的程序化图像。请查看“Figma 组件与 Unity 组件兼容性表”,以更好地了解导入后的设计效果。

8

请查看“示例模板”,了解在 Figma 中设计待导入布局时应重点关注的内容。