用途 该技能用于为演讲或视频中的技术性内容制作“技术感”讲解图。每段解释对应一张满屏图形,图形随演讲者逐项点名而逐步构建,构建完成后停留片刻再硬切回演讲者画面。适用于工作流程、管线、工具链、前后对比、某一时刻的图表等有“形状”的内容。
视觉规范 画布为纯白满帧,无纹理无渐变;每张图顶部约 4% 处有居中的五个短横“-----”标记,使一组图看起来像同一系列。字体仅用 Roboto Mono,大写、宽字距(约 0.15 em)、近黑色 #111111。标题居中,字重中等,约为帧高的 3%;标签位于形状下方居中,约 2.2%;组标题同尺寸;标签下注释更小(约 1.5%),红色表示更正或时间,紫色表示元数据,琥珀色表示结果,灰色表示次要或可选。文字只用词或短语,不写句子;形状内文字最多是短标签。
线条与形状 每个形状有细的近黑色轮廓(1080p 下约 1.5 px);箭头为细线加小实心头;一组步骤放在虚线矩形内,标题在上方;松散、可选或“汇入”关系用点线;不同类事物的流动用多条不同颜色的平行线。形状词汇包括:等距立方体表示角色(AI、工具、应用),三面同色系、顶亮左中右暗;平板(扁宽立方体)表示枢纽或服务;带简单图画的方框卡片表示一排步骤;天蓝色矩形加蓝色山和黄色太阳表示任何图片、截图或照片;带灰色文字线的页面及偏移堆叠表示 PDF 或多文件;长条或分段加刻度的时间线,高亮段为黄色;带标题栏和三个小圆的应用窗口;圆头半圆身的人形;带细网格的黄色方块表示“动态图形”或“生成内容”。
配色 黑白承担绘制,颜色标记含义,每图少量色相。橙色用于 AI 或主要角色,蓝色用于工具、保留内容、波形、时间线,紫色用于中间的机器人或服务,黄色用于文件夹、高亮、选中的时刻,红色用于错误、被移除内容、更正,粉色用于填充词、梗图或第三类事物,绿色用于第四条线或工具,天蓝与淡紫用于图片、屏幕、柔和填充,灰色用于静默、占位、“更多”。需要表示强度或热度时,从深棕 #3e130d 经栗红 #7c2024、红到橙 #f08231 和黄色 #f5bf44 渐变。
布局 图形位于画面中间带(约高度的 20% 到 75%),从左到右阅读;短链可从上到下。留大量白边,不贴边。同一排部件共享尺寸和基线,标签对齐。
动效 每张图是一段解释的 b-roll,按转录时间对齐:在解释第一个词时切入,前 0.3 秒内“-----”标记与标题(或等待填充的空虚线框)淡入,避免纯白空帧。每个部件在命名它的词出现时到达:约 0.35 秒淡入并上移约 10 px,一次平稳缓出,标签随之出现;部件到达后不再移动。箭头和连线在目标出现前从源到目标绘制(trim 从 0 到 1,约 0.4 秒),让视线跟随流向。高亮最后出现:分段亮色、裁剪框收紧、划掉被删名称。完成图至少停留 1.5 秒,然后无退出动画直接切回演讲者。不能弹跳、过冲、旋转或从零缩放。
制作步骤 1)阅读转录,挑出有形状的解释(步骤序列、流入枢纽、前后对比、时间线上的时刻),记录每段范围和命名各部件的词;用户要求数量则按数量找,否则选最清晰的几个或询问。2)标签一律用演讲者原话,裁到一到三个词;绝不虚构工具、名称、数字或主张;若转录不清(如含糊的产品名),说明猜测了哪个标签。3)查看 gallery 中最接近的示例:gallery/ 有十二个示例,每个含完成图的 .webp 海报和构建过程的短 .mp4;可用 ffmpeg 抽帧,如 ffmpeg -i gallery/agentic-editing.mp4 -vf fps=2,scale=480:-1,tile=5x2 sheet.png,再查看。4)加载 tella-motion-design 获取共享规则,加载 tella-explainer-graphics 获取时间与放置方法。5)在视频尺寸和帧率下于 Tella Motion 构建第一张图:白色满帧矩形为底、加“-----”标记、用 Roboto Mono 的实时文本节点写标题和标签(不要把文字画进形状或图片);用路径形状画轮廓、立方体三面、平板、箭头和线,组和松散链接用虚线和点线;按各词时间给部件的不透明度和位置打关键帧,并给箭头和线的 trim 打关键帧;用 add_layout 以 media: {type: "motion", documentId} 放置为该解释范围的 b-roll,硬切进出。6)用 get_clip_frame 检查帧:刚切入后、两三个部件到达时、完成图;与 gallery 对比字号和字距、线宽、颜色、对齐,确保无裁切或重叠,修正后再继续。7)后续图形用 duplicate_motion_document 复制完成图并修改部件,保留标记、文字样式和颜色,按顺序命名(如“Explainer 01 · Agentic editing”)。8)报告每张图的开始时间和展示内容,以及任何猜测的标签。
个性化调整 可附上喜欢的图风格截图并在提示中命名(如原提示命名“tech-ey”),再附几张参考颜色和形状;可更换调色板但保留每色职责(一个主角色、一个内容、一个中间物、红色表示被移除);想要更安静的一组可用扁平描边盒代替立方体;想要更密可在标签下加小彩色注释;竖屏视频沿用同样规则,图形从上到下阅读。
限制 资料未提供该技能的具体安装方式、依赖版本、支持平台范围、是否收费及价格、实际效果保证等信息,暂未提供。