Generated Visual Templates
生成图像模版
项目概述:
该项目旨在为 TikTok LIVE 活动搭建一套生成式视觉模版系统，以支持高频、多样化的内容生产需求。通过系统化设计与生成方式，实现视觉资产从“单点产出”向“规模化生产”的转变。我负责视觉系统搭建、模版生成及方法沉淀，并与产品及运营团队协作，推动模版从设计到实际使用的完整落地。
设计策略:
为在短时间内实现大量模版产出的同时,建立可复用的视觉体系,并降低运营侧使用与配置成本，我运用了以下设计策略：
- 基于 TouchDesigner 的生成式设计
结合直播 icon 与动态纹理，构建具有吸引力的动态头图，提升用户点击与关注。 - 系统化模版生产机制
通过统一结构与视觉规则，批量生成 50+ 模版，实现风格统一下的多样化表达。 - 跨团队流程共建
与产品团队共同完善模版搭建与配置流程，使设计成果能够被高效调用与复用。打通动图在移动端的流畅展示方案，保障实际使用体验。 - 方法沉淀
为运营团队输出模版搭建与配置教程，提升其自主生产与使用能力。
项目成果:
- 在一个月内高效产出 50+ 套视觉模版
- 项目上线后成为 TikTok LIVE 月度亮点活动之一
- 建立从设计生成 → 产品配置 → 运营使用的完整工作流，显著提升整体生产效率
Overview
A generative visual template system designed to support large-scale content production for TikTok LIVE campaigns.I was responsible for building the visual system, generating templates, and collaborating with product and operations to enable scalable usage.
Objective & Approach
To rapidly produce a high volume of visual templates while establishing a reusable and efficient design system. Here’s the approach:
- TouchDesigner-driven generation to create dynamic key visuals with motion-based headers
- Systemized template production, generating 50+ variations through reusable structures and visual logic
- Cross-functional collaboration to define template configuration workflows with product teams
- Performance optimization to ensure smooth, lag-free animated visuals on mobile
- Documentation & enablement for operations teams to independently build and configure templates
Impact
- Delivered 50+ templates within one month
- Featured in a key TikTok LIVE monthly campaign
- Established a scalable design-to-production pipeline