ORIGINAL PROJECT / 原商业项目
Joyboy 源于一次面向年轻用户的夜间娱乐会员小程序改版。原项目以二维 IP 形象和品牌应用为核心，建立具有潮流感、亲和力与情绪表达能力的角色视觉。
JOYBOY
AIGC IP MOTION SYSTEM
FROM 2D CHARACTER TO MOTION BRAND ASSET
从二维角色到动态品牌资产
IP DESIGN · AI VISUAL TRANSLATION · MOTION · WEB
PROJECT INTRODUCTION
项目引言
PROJECT INTRODUCTION
AIGC EXTENSION / 个人延展
在完成原项目设计后，我进一步以 AIGC 展开个人延展实验：从二维角色设定出发，完成三维风格视觉转译、动作语言扩展、多运营场景应用、循环动效设计，并将整个过程整合为可交互的 Web 体验。
PROJECT OVERVIEW
项目概览
PROJECT OVERVIEW
项目背景
原会员小程序面向 18–30 岁的夜间娱乐用户，旧版视觉缺少品牌记忆点和情绪连接。项目需要通过年轻化的视觉语言和 IP 角色，强化品牌识别，并为活动运营建立可持续延展的视觉资产。
我的职责
商业项目阶段，我负责小程序 UI 视觉、首页信息架构、运营活动视觉和 Joyboy IP 体系设计。个人延展阶段，我独立完成角色特征梳理、AI 三维视觉转译、动作场景规划、运营触点映射、动态脚本、循环动效实验及 Web 展示。
设计目标
在保持 Joyboy 核心识别特征一致的前提下，将静态二维角色延展为可用于活动传播、会员激励、福利发放、礼赠内容、动态传播和网页展示的可复用品牌资产。
01 / ORIGIN
二维 IP 方向探索
2D CHARACTER EXPLORATION
项目初期围绕三种品牌人格展开视觉探索：
黑猫方向
亲和、社交、情绪表达丰富，具备较强的长期 IP 延展能力。
潮流音乐方向
音乐属性直观、活力鲜明，但造型元素较多，跨场景复用成本较高。
未来科技方向
年轻且具有数字感，但角色亲和力和社交属性相对较弱。
02 / CHARACTER RULES
角色一致性规则
CHARACTER CONSISTENCY RULES
单张图片的高还原并不是最终目标。真正需要解决的是：当角色进入不同动作、道具、视角和动态场景后，是否仍然能够被识别为同一个 Joyboy。
固定特征
- 黑色圆形、头身一体的主体轮廓
- 两只黑色三角猫耳
- 白色眼睛、粉色腮红和白粉色竖向嘴部
- 细长柔软的黑色手臂
- 黑色高帮鞋、白色鞋口与红色闪电标志
- 圆润、无五指结构的简化手掌
可变模块
- 动作姿势
- 表情状态
- 耳机、滑板、酒杯和 DJ 台等道具
- 舞台、社交和活动场景
- 灯光、镜头与构图
设计判断
AI 负责扩大方案空间，我负责定义角色边界、判断动作是否成立，并将生成结果组织成可复用的视觉系统。
03 / AI VISUAL TRANSLATION
AI 三维视觉转译
FROM 2D TO 3D-STYLE VISUAL
以二维三视图和角色特征规则作为参考，通过结构化提示词，将 Joyboy 转译为具有软胶潮玩质感的三维风格视觉。
结构转译
以二维三视图为基础，将 Joyboy 的圆形头身、三角猫耳、长手臂、短腿和高帮鞋拆解为可被 AI 理解的几何关系，先确保三维结果不偏离原始角色比例。
风格转译
在保持角色识别度的前提下，将二维平面语言转译为 C4D / OC 风格的软胶潮玩质感。主体保留哑光黑色材质，五官、鞋面、耳机与道具通过高光、倒角和接触阴影增强体积感。
结果校准
AI 生成后不以“像不像 3D”为唯一标准，而是回到角色规则中检查轮廓、五官位置、比例、材质和道具结构，筛选出既有三维质感、又能稳定识别为 Joyboy 的视觉结果。
04 / AIGC WORKFLOW
AIGC 辅助工作流程
AI-ASSISTED WORKFLOW
DEFINE
角色定义
-
01
二维角色设定
- INPUT
- 品牌定位、角色草图
- OUTPUT
- 二维角色规范
-
02
特征规则固化
- INPUT
- 最终角色形象
- OUTPUT
- 轮廓、比例、五官和标志元素规则
GENERATE & CURATE
生成与筛选
-
03
AI 三维视觉转译
- INPUT
- 角色参考图、结构化提示词
- OUTPUT
- 三维风格候选图
-
04
动作与运营场景延展
- INPUT
- 角色规则、运营触点、动作脚本
- OUTPUT
- 动作关键帧与运营应用方案
-
05
人工筛选与判断
- INPUT
- 多组 AI 生成结果
- OUTPUT
- 符合角色规则的关键帧
MOTION & DELIVERY
动效与交付
-
06
首尾帧设计
- INPUT
- 动作方案
- OUTPUT
- 起始帧与结束帧
-
07
图生视频
- INPUT
- 首尾帧、动态提示词
- OUTPUT
- AI 动态片段
-
08
节奏与循环修整
- INPUT
- AI 动态片段
- OUTPUT
- AE 循环短视频
-
09
Web 动态展示
- INPUT
- 视频与项目内容
- OUTPUT
- 响应式交互项目页面
REUSABLE SKILL SYSTEM
可复用 Skill 沉淀
ip-character-spec
覆盖步骤：01 二维角色设定、02 特征规则固化
根据品牌定位和角色图，整理角色性格、轮廓、比例、五官、材质、固定特征、可变模块，输出角色规范和基础提示词。
ip-visual-extension
覆盖步骤：03 AI 三维转译、04 动作与运营场景、05 辅助筛选
生成二维转三维提示词、动作矩阵、运营场景方案，并根据角色一致性、构图、商业适配度给候选图评分；最终选择仍由设计师决定。
ip-motion-loop
覆盖步骤：06 首尾帧、07 图生视频、08 节奏与循环
把静态动作图转成动作脚本、首尾帧说明、视频提示词、背景动效、循环规则、负面约束和视频命名规范。
portfolio-motion-web
覆盖步骤：09 Web 动态展示
整理视频文件、统一命名、接入网页轮播、只播放当前卡片、静态图回退、按钮切换和响应式适配。
05 / ACTION & OPERATION EXTENSION
动作与运营场景延展
ACTION & OPERATION SCENE EXTENSION
在保持角色核心识别特征一致的前提下，我先围绕音乐、社交与潮流人格扩展 Joyboy 的动作语言，再将角色置入活动传播、会员激励、福利发放、礼赠活动与节日关怀等运营触点，验证角色在不同内容任务中的识别稳定性与复用能力。
MULTI-SCENARIO APPLICATION
多运营场景应用
通过统一角色设定与不同道具、动作和运营语义的组合，Joyboy 从单一 IP 形象延展为可持续用于运营内容生产的品牌角色资产。
多运营场景视频暂时无法加载。
06 / TOOL CHAIN
AI 与设计工具如何协作
TOOLS IN THE PROCESS
三维风格与关键帧
用于三维风格探索、动作场景生成和关键帧制作。
参考图生成与图生视频
用于参考图生成与图生视频，保持角色核心形象稳定。
节奏与输出
用于透明背景处理、节奏调整、首尾循环和最终视频输出。
Web 实现
用于网站结构、暗黑视觉主题、响应式布局和视频交互实现。
07 / OUTCOME & REFLECTION
项目结果与复盘
OUTCOME & REFLECTION
本次个人延展完成了从二维角色、AI 三维视觉、动作语言、运营场景到 Web 动态展示的完整路径。
最终产出不只是一组生成图片，而是一套可持续扩展的角色资产逻辑：固定核心识别特征，根据传播目标组合动作、道具与场景，并输出静态、动态和交互内容。
成果可继续应用于活动 KV、运营 Banner、社交媒体、启动动画、互动页面和线下舞台视觉。
效率不等于判断
AIGC 提高了视觉探索和动作延展的效率，但工具不能替代设计目标、角色规则和最终审美判断。
明确边界并组织体验
设计师的价值不只是生成效果图，而是判断哪些特征必须保留、哪些元素可以变化，并把分散素材整理为清晰、连贯且可落地的体验。
建立稳定的延展规范
下一阶段将继续完善动作参考库、提示词结构、素材命名和视频输出规范，使 Joyboy 的延展过程更加稳定和可复用。