公益/教育 · WaytoAGI · 视觉包装设计
少儿AI春晚
40天 · 6类视觉产出 · 从方案到交付的全链路设计
极限交付 × 方法论沉淀 × 方案输出——从碎片需求到全链路视觉设计。
方案输出者 · 初稿提供者 · 任务推动者
field reading · stage package
6
主 KV、表情包、名单、红包、海报和周边物料。
Scroll ↓ 项目背景
Act I · Project Framing
Act I
项目背景
全球首届少儿AI春晚(WaytoAGI教育版)是一个大型团队协作项目,
我在视觉包装设计组负责6类产出的设计执行。
1A · 项目定位 / Project Framing
Act I · 02
1A · 项目定位
全球首届少儿AI春晚 · 视觉包装设计
幕后设计组 · 从方案输出到极限交付的全链路参与
- 项目背景WaytoAGI教育版发起全球首届少儿AI春晚,150名少年跨越40城参与共创。
- 视觉范围需要同时覆盖线上KV、表情包、鸣谢名单网页,以及线下红包封面、IP实物周边。
- 我的角色我在视觉包装设计组负责6类产出的设计执行,参与从方案提出到极限交付的完整链路。
- 核心贡献表情包独立产出与方法论沉淀、鸣谢名单通宵交付、主KV方案被采纳为全项目视觉基准。
项目类型
大型团队协作
公益/教育 · WaytoAGI教育版
我的角色
视觉包装设计组
核心成员 · 6类产出设计执行
极限交付
5.5小时
鸣谢名单通宵 · 170+人
Act I · Output Map图片独立页
核心视觉产出地图
这里先给出核心视觉产出的总览;主 KV 的判断过程、红包和海报的制作闭环,在后文分别展开。
Fig. 01 · Output map of the spring festival visual package.
Project Records外部记录
外部记录
作品页讲判断和交付;公众号与外部页面负责承接完整过程、公开发布和后续记录。
1B · 角色边界 / Role Boundary
Act I · 03
1B · 角色边界
6类产出的协作边界
从方案输出到独立交付,每种产出都有明确的协作深度
- 主KV作为方案输出者提交核心方向,设计总监采纳并微调定稿,成为全项目视觉基准。
- IP周边作为提审补位者整理规格图、品类方向和市场参考,帮助团队判断可落地物料。
- 动态表情包作为独立+规范输出者,独自完成设计、生成、上架,并输出完整教程。
- 鸣谢名单作为极限独立交付,通宵完成170+人名单排版、校对和媒体发布版本。
- 衍生物料红包封面基于吉祥物IP快速生成;IP实物周边参与前期提审、品类规划和市场调研。
- 粘合剂角色补位权限、文件同步、侵权风险提醒、工具链接分享和公众号推广,不只做单张图。
方案被采纳为全项目视觉基准——这是设计判断力最有力的证明。
"推动项目而不是霸占项目——知道什么时候推进、什么时候放手、什么时候补位。"
— 项目复盘 · 2026.2
Act II · Design Reasoning
Act II
设计判断
从视觉统筹到工具链选择,从批量流程到极限交付——
每个环节都有独立的关键判断,以及判断背后的理由。
2A · 视觉统筹 / Visual Consistency
Act II · 04
2A · 视觉统筹
从会议纪要提取设计规范——不是拍脑袋定调性
1月8日视觉包装同步会议上,洪导(冰鱼仔)逐条定了设计规范
- 约束来源主KV不是凭感觉定调,而是来自1月8日视觉包装同步会议的逐条设计规范。
- 会议要求开场动画要大气,避免琐碎元素;小鹿和小马必须完整呈现。
- 视觉规则风格偏中性,边角圆润,避免尖锐形状;元素尽量可拆解,方便后续替换。
- 我的方案参考年夜饭餐桌和T台站位,把背景舞台化,右上角固定节目名称。
- 落地细节字幕条匹配主视觉元素,长度适中、边缘圆润;节目边框和Logo位置重新规划。
- 判断标准这些不是抽象调性,而是每一条都能对应后续落地的具体限制。
Before · 会议前的尝试
琐碎元素堆砌
- 背景太花,有独角兽翅膀等无关元素
- 小鹿站位不对,角色不完整
- 风格偏离原版,不可拆解
After · 会议后定稿
大气简洁可拆解
- 参考年夜饭/T台构图,背景舞台化
- 小鹿小马完整呈现,站位合理
- 元素分层,方便后续编辑替换
设计规范不是"我觉得",是会议纪要里逐条确认的真实约束——每一条都对应落地时的具体决策。
"开场动画要大气,避免琐碎元素,主要角色小鹿和小马都要有,风格要换回原版。字幕条边缘圆润一点,避免尖锐形状。所有元素尽量做成可拆解的,方便后续编辑。"
— 视觉包装同步会议 · 洪导(冰鱼仔)· 2026.1.8
2A · KV Comparison图片独立页
视觉统筹三图对比
会议约束、我的方案、最终采纳方向分成三张图看。
2B · 工具链 / Tool Chain
Act II · 05
2B · 工具链
4个工具,替代PS/AE全流程
每个环节一个工具,不用开Adobe全家桶
- 传统痛点PS画帧、AE动画、GIF导出、手动调尺寸、微信审核,门槛高且链路容易断。
- 尺寸处理用瓦叔的表情包尺寸批处理网站,一键匹配微信表情包所有尺寸标准。
- 视频生成用剪映SVIP的Seedance v1.0,把静态图转成5秒动态视频,并行最多10个任务。
- GIF压缩用docsmall批量压到500KB以下,一次处理30张,减少逐张返工。
- 兜底工具Loki负责压缩、裁剪、改尺寸、拼图、抠图,保证图片批处理不断链。
- 选择标准工具不是看顺手,而是看它能不能让整个生产流程持续跑完。
工具链的选择不是"用什么顺手",是"什么能让整个流程不断裂"。
"4个工具替代PS/AE全流程——门槛降低了,产出效率反而更高。"
— 工具链复盘 · 2026.2
2B · Tool Chain图片独立页
表情包工具链
关键截图按生产链路排列,让读者一眼看到流程如何跑通。
2C · 批量流程 / Batch Pipeline
Act II · 06
2C · 批量流程
静态图 → 动态视频 → GIF,批量制作链路
素材命名管理是关键,2秒时长是硬约束
- 流程索引批量制作的核心是命名管理,静态表情图先按01、02、03顺序命名。
- 轨道秩序剪映轨道也按命名顺序排布,后续生成、剪辑、导出都依赖这个顺序。
图转视频 · Image to Video
02
右键「图转视频」
填提示词:让图片动起来,保持文字不变
03
生成5秒视频
可并行10个任务,不满意可反复生成
- 时长约束图转视频后保留2秒,超过2秒时GIF体积容易超过500KB。
- 导出方式用shift+x选中特定片段导出,分辨率选240p,格式选GIF。
- 下一步单个GIF通常约800KB-1MB,需要进入压缩环节再控制体积。
剪辑导出 · Edit & Export
04
保留2秒时长
超过2秒GIF体积会超500KB上限
05
shift+x导出片段
选中特定片段,避免整段导出
06
240p + GIF格式
分辨率选240p,格式选GIF
素材命名管理是整个流程的索引——命名乱了,后面所有环节都会乱。
"命名是整个流程的索引,每个环节都依赖它。"
— 批量流程复盘 · 2026.2
2C · Naming System图片独立页
命名管理三连图
命名、轨道、2 秒时长、批处理结果独立成节奏点,避免和流程文字混在一起。
文件命名规则
01 / 02 / 03
2C · naming
2D · 压缩上架 / Compress & Publish
Act II · 07
2D · 压缩上架
压缩 → 上传 → 封面处理,最后10%
压缩强度「普通」+ 缩放比例83%,是实测最优参数
- 关键环节GIF压缩决定动态表情包能不能顺利上架,不能只看画面动没动。
- 实测参数压缩强度选“普通”,避免极强压缩带来的噪点和视觉损耗。
- 尺寸策略缩放比例83%,实测190×190px可正常上传,不必死守240×240。
- 体积缓冲一次批量处理30张,超过500KB的单独再压,建议压到490KB以下。
- 上传路径登录微信表情商店,选择表情专辑、动态表情,再批量上传压缩后的GIF。
- 封面处理封面图、赞赏引导图、赞赏致谢图、表情图标统一用尺寸批处理网站解决。
- 抠图补位涉及透明底或主体分离时用remove.bg补位,保证所有尺寸一站式完成。
从「会做」到「能教」——方法论的沉淀比单点产出更有复利。
"压缩强度普通 + 缩放83%,是实测最优参数。"
— 压缩参数实测记录 · 2026.2
2D · Publish Proof图片独立页
压缩上架证据
参数、体积、缓冲、封面处理、上传通过单独形成技术证据条。
2E · 极限交付 / Emergency Delivery
Act II · 08
2E · 极限交付
情人节凌晨 · 170+人鸣谢名单紧急排版
Agent次数耗尽 → 稿定设计兜底 · 凌晨5:27提交,名单零差错
- 突发需求春晚开播前夜临时增加“AI共创鸣谢名单”,170+位幕后参与人员需要网页呈现。
- 时间压力媒体次日早上要审批,下午要发布,留给重新整理和排版的时间很短。
- 原稿问题已有7版HTML初稿,但名单遗漏多、存在重复名字和职能错误,压缩后文字也看不清。
- 接手判断凌晨1:45接手后,我判断不能在错漏初稿上修,必须从原始表格导出完整名单重做。
- Agent加速时间不够完整重设,于是用Kimi Agent快速搭建网页框架和名单排版。
- 路径切换Kimi推进到90%后次数耗尽;GLM-5复刻效果不可用,转向稿定设计完成最后10%。
- 校对处理通宵修正重复名字、职能错误、字体大小和对比度,确保压缩后仍可辨认。
- 交付结果凌晨5:27交付4张分段长图和压缩包,名单零差错,并被EDU主站和媒体宣发采用。
工具卡住的时候,换工具比死磕更快;名单不全的时候,自己重做对得比修错更快。
"凌晨1:45接手,5:27交付——3小时42分钟,从接手到零差错交付。"
— 交付时间锚 · 2026.2.14
2E · Credit Delivery图片独立页
鸣谢名单极限交付
把原始名单、分段成品、网页成品拆开看,不把不可读长图塞进小卡。
原始名单 / 旧版问题
Credits · before
Act III · Execution & Delivery
Act III
落地交付
设计稿不是终点,实物落地才是。
表情包、鸣谢名单、红包封面和投票海报,分别用不同证据收口。
3B · 独立交付 / Independent Delivery
Act III · 10
3B · 独立交付
表情包 · 鸣谢名单 · 红包封面
三类独立交付,各有不同的交付逻辑
- 动态表情包从角色设计、动画生成到上架规范,全流程独立完成,并沉淀成教程。
- 推广物料同步制作表情包宣传视频和展示排版图,用于公众号、视频号推广。
- 鸣谢名单通宵完成170+人名单整体设计和网页呈现,后被EDU主站和媒体宣发采用。
- 衍生物料红包封面和小马命名投票海报单独拆成制作闭环,见下一节。
- 闭环标准独立交付不是一个人做所有事,而是这件事的完整链路我能负责到底。
独立交付不是"一个人做完所有事",是"这件事的完整链路我都能闭环"。
3B · Final Artifact Grid图片独立页
视觉产出归档墙
这里只收主交付成果,不把衍生物料压成小配角;红包和投票海报在 3C 单独展开。
3C · 衍生物料 / Derivative Materials
Act III · 11
3C · 衍生物料
红包封面 · 投票海报,不是顺手做的小图
这组物料承担的是节庆触达、命名互动和传播入口
- 红包封面基于小马和小鹿两个 IP 方向生成节庆封面,适配除夕夜、春晚群传播和微信红包场景。
- 场景验证红包不是只停在设计稿,已经进入微信红包领取界面,能证明物料从图像到使用场景的闭环。
- 投票海报小马命名投票需要同时解决视觉吸引、候选名呈现、二维码入口和截止时间提示。
- 交付判断这类衍生物料的难点不是单张图好看,而是能不能把传播、互动和项目识别串起来。
衍生物料不是边角料,它们负责把主视觉变成可传播、可参与、可使用的入口。
3C · Derivative Materials图片独立页
衍生物料制作闭环
红包封面、微信使用场景、投票落地页和长图海报分开看,不再只在开头一笔带过。
微信红包使用场景
Red packet · context
小马命名投票长图
Poster · campaign
投票落地页 / 扫码验证
Poster · landing
IP 演化与投票记录
Poster · record
Act IV · Methodology · 方法沉淀
单点产出是一次性消耗,
方法论沉淀是复利投资。
Adaptive Methodology — 方法论是工具不是模板。
每个项目的判断都是因真实约束被调谐出来的,不是从固定SOP里抄出来的。
这次项目的五个核心判断,都不是固定SOP,而是因真实约束被调谐出来的。
需求翻译从会议纪要碎片中提炼设计规范,多轮迭代主KV直到被采纳。
工具链搭建4个工具替代Adobe全家桶,表情包全流程独立产出,并沉淀成教程。
批量流程命名管理、批量制作、压缩参数实测,让团队后续可以复用。
极限交付通宵5.5小时完成170+人鸣谢名单,工具卡住时换路径兜底。
协作判断不霸占项目,在推进、放手和补位之间判断下一步该由谁接住。
视觉包装设计
动态表情包
极限交付
方法论沉淀
全栈设计
工具链搭建