动效

社区里程碑动态视频设计

一支 30 秒的 OpenDesign 动态视频,从 100K 星标揭晓,依次过渡到贡献者马赛克、产品蒙太奇,并以提示词邀请收尾。

OpenDesign动态设计与制作
官方
社区里程碑动态视频设计30s · 动效
淡雅手绘海岸背景上,巨大的 100K 标题位于 GitHub stars 之上。
动态视频中的一帧

适用场景

  • 开源里程碑公告用短片纪念仓库数据节点,并致谢背后的人。
  • 社区感谢视频将贡献者总数与直接的感谢信息相结合的收尾段落。
  • 产品故事蒙太奇把界面卡片、输出示例和工具名称汇编进同一个叙事中。

动态视频亮点

  • 一个数字开启整部影片100K 标题位于 GitHub stars 之上,并配有仓库名称、日期,以及 5 月至 10 月共 163 天的跨度。
  • 贡献者马赛克构成背景密集的小圆形头像网格铺满画面,磨砂面板中放着 Built by 436 的信息。
  • 绿色标记开源理念绿色出现在带下划线的 open-source 短语和斜体的 436 上,随后在一个全彩场景中再次出现。

里程碑如何在画面上呈现

影片使用一幅淡雅的手绘海岸背景,以柔和的蓝色、桃色和薄荷色将差异很大的场景统一起来。深色粗体文字置于其上,绿色仅用于强调。由此形成平静的画面,让一个大数字撑起开场。

这是一支以最终 MP4 提供的 OpenDesign 动态视频。以下说明仅描述该文件及三张参考帧中可见的内容。

开场数字:巨大的 100K 位于 GitHub stars 之上,open-source 下方有一道手绘绿色下划线。
开场数字:巨大的 100K 位于 GitHub stars 之上,open-source 下方有一道手绘绿色下划线。

三十秒内的五个节拍

影片从计数过渡到人物、产品示例、色彩转折和邀请。每个节拍都在改变观众被引导关注的内容。

场景顺序及其作用
节拍可见内容设计作用
星标数一张社交帖子与仓库星标卡片,随后 99K Day 163 变为 100K GitHub stars。以一个超大数字确立规模感。
贡献者马赛克成排的圆形头像,磨砂面板上写着 Built by 436 和 contributors 一词。把功劳从一个数字转向具体的个人。
产品蒙太奇漂浮的产品界面、引语式卡片、高挑的网站设计图,以及输出示例旁的模型标签。无需冗长解释即可展示工具的产出。
绿色过渡淡雅海岸背景映衬下的明亮绿色 Open source 场景。以全片最强的色彩对比重置观众注意力。
收尾邀请一组智能体名称网格、一段感谢文案,然后是带有类提示词输入框的 Your turn. Describe it.把庆祝转化为行动。

贡献者马赛克及其取舍

头像墙是最具辨识度的一帧。照片、插画、像素风图标和普通占位图排列在规整的网格中,因此没有哪张面孔占据主导。在读到任何文字之前,网格就已呈现出人群的感觉。

一块圆角磨砂面板打断了中间几行,用大号字体放着 Built by 436,其中数字为绿色斜体。面板保证了信息清晰可读,但也遮住了其后的一片头像。在这样的密度下,很难辨认单个头像,更适合营造人群印象,而不是作为致谢名单。

Built by 436:磨砂面板覆盖在一整面贡献者头像网格之上。
Built by 436:磨砂面板覆盖在一整面贡献者头像网格之上。

以感谢收尾,再转向提示词

最后几帧把版面简化为左右两半。左侧是 OpenDesign 标志和字标。右侧是一行写着 100K stars and 436 contributors 的小字、一条细线,以及信息 Thank you for building it with us,其中 with 一词为绿色斜体。

随后影片展示 Your turn. Describe it. 以及一个类提示词输入框。这句话邀请观众开始自己的创作,也呼应了影片中的产品理念:先描述,再获得设计。

感谢画面:左侧是标志,右侧是总数与信息。
感谢画面:左侧是标志,右侧是总数与信息。

如何看待数字与配乐

100K、436、163 天和 21 个智能体这些数字,是该视频内部的历史创意内容,并非经过核实的当前产品指标或配额政策。视频中有配乐,但此处尚未确认其风格、速度或时间点。

可以调整的部分

替换里程碑数字、日期范围和贡献者人数,保留“数字—人物—产品—邀请”的顺序,并把头像换成你自己的社区成员。

需要谨慎的部分

请使用你有权发布的头像图片和用户评价。明确标注示例引语,不要把虚构的措辞当作真实的背书。

如何在 OpenDesign 中创建社区里程碑动态视频设计

  1. 下载并安装 OpenDesign

    下载桌面客户端并完成安装与初始配置,然后为您的设计创建一个项目。

    下载 OpenDesign
  2. 规划五个节拍并收集素材

    列出里程碑数字、日期跨度、贡献者人数、可使用的一组头像图片,以及几张产品截图。在要求生成动效之前先确定顺序:计数、人物、产品、色彩转折、邀请。

  3. 用一段提示词描述各个场景

    这是一份拟定的复刻提示词,并非找回的原始提示词。将它粘贴到 OpenDesign 中,并按你自己的项目调整数字。

    建议提示词

    创建一支 30 秒、16:9 的动态视频,背景为淡雅的手绘海岸风格,配色为柔和的蓝色、桃色和薄荷色。场景 1:一张带星标的代码仓库卡片,随后计数器上升到巨大的 100K,位于文字 GitHub stars 之上,open-source 下方有一道绿色下划线,并有一行小字显示日期范围。场景 2:一整面圆形贡献者头像网格,中央有一块磨砂面板,写着 Built by 436 contributors,其中数字为绿色斜体。场景 3:漂浮的产品界面卡片、高挑的网站设计图和简短的引语式卡片。场景 4:明亮的绿色全画幅 Open source 场景。场景 5:一组工具名称网格,然后是 OpenDesign 标志、感谢文案,以及一个写着 Your turn. Describe it. 的提示词输入框。使用粗体深色无衬线字体,绿色仅用于强调,并添加配乐。使用占位头像和示例引语。

  4. 检查可读性并调整节奏

    检查大数字和磨砂面板中的文字在最繁杂的背景上是否依然清晰。若模型名称或工具网格等小标签一闪而过,请让 OpenDesign 延长对应场景,然后确认配乐仍与剪辑相配。

  5. 导出并获取分享链接

    导出完成的设计稿,然后在 OpenDesign 中使用「Share」功能获取分享链接。在单独的浏览器窗口中打开链接,确认目标版本及其资源均可正常访问后,再将链接发送给他人。