# Roster Grant: 用户界面动画

单击即可激活团队头像卡网格。 视频模板，可复制代码供 Claude 使用，或在 Subclip 中编辑。

Canonical URL: https://www.subclip.app/zh/motion-graphics-templates/remotion/roster-grant

Preview video: https://subclipweb.subclip.app/motion-graphics-templates/v1/previews/motion-template-remotion-snapcn-roster-grant.mp4?v=b949cbaa47

一种 UI 动画，其中光标单击中央号召性用语按钮，周围的头像卡就会打开。

- 框架: Remotion
- 类别: 产品演示
- 时长: 4 秒
- 纵横比: 16:9 横屏
- 代码: 获取代码（免费登录）：https://www.subclip.app/zh/motion-graphics-templates/remotion/roster-grant

框架充满了卡片网格，每张卡片上都有一个圆形的首字母头像、一个名字和一个小字幕，设置在柔和的蓝色色调的浅色背景上。中间有一个蓝色的号召性用语按钮。光标移入并单击它，当授予访问权限时，按钮周围的卡片就会打开。该场景持续四秒，展示了单个动作向整个群体展开的情况。

更改按钮标签、强调色和主题，并选择场景周围的字体和背景。默认标签显示"全部安装"，但它的效果与"邀请团队"、"授予访问权限"或"添加所有人"一样有效。在 SaaS 演示中使用它进行团队邀请、权限更改、批量安装或入职流程，其中一键点击会影响许多人或项目。

## 适用场景

- 团队邀请功能演示
- 权限和访问更改
- 批量安装或启用操作
- 入职流程演练

## 可修改的内容

- `speed`: 播放速度 (数字)
- `label`: 按钮标签 (文本)
- `accentColor`: 强调色 (颜色)
- `theme`: 浅色或深色主题 (文本)
- `fontFamily`: 字体 (文本)
- `stageBackground`: 场景周围的背景 (颜色)

## 如何使用此模板

1. 下载 Mac 或 Windows 的 Subclip。此页面上的每个模板均已预先安装。
2. 打开"模板"面板，选择 Roster Grant 并将其放在时间线上。
3. 更改图层设置中的文本、颜色和时间，或要求 AI 代理为您编辑。
4. 导出视频，或下载代码以在您自己的项目中使用该模板。

基于 snapcn 的 Roster Grant 制作: https://snapcn.dev