用 AI 完成一套 App 品牌 VI

一、先定义项目，再写提示词

做 AI 视觉设计时，最常见的错误是直接让 AI「帮我设计一个 Logo」或「帮我做一套 VI」。这样出来的图通常很散：Logo 是一种风格，IP 是另一种，UI 又像第三个产品。

所以第一步不是画图，而是把品牌定义清楚：

• 品牌名：练兽 FitMonster
• 产品类型：AI 健身搭子 App
• 核心功能：身体电量、训练计划、饮食记录、AI 建议、IP 养成
• 用户感受：不是严肃的健身工具，而是懂数据、会鼓励、能陪伴的健身伙伴
• 视觉关键词：运动科技、轻游戏化、年轻潮流、干净高级、可爱但不幼稚
• 核心识别：荧光绿小怪物 IP，黑色面罩，三只眼睛，毛绒质感

这个阶段的核心是把「品牌为什么长这样」说清楚。后续所有提示词都围绕这套设定展开，整套图像才会是一个系统，而不是一堆散图。

二、制定统一的出图规则

为了让所有图片看起来像同一套提案，在正式出图前先确定统一规格：

• 画面比例：16:9 横版
• 输出尺寸：2048×1152
• 图像用途：品牌 VI 提案图、视觉探索图、IP 延展图、周边 mockup 展示板
• 画面要求：完整展示板，不生成孤立小图，不生成竖版海报

这段约束解决了 AI 生成品牌系统时最常见的两个问题：一是角色容易跑偏，每张图像风格不统一；二是画面比例和信息结构不稳，容易生成海报或拼贴图。

三、先锁 IP，再做品牌

我没有先做 Logo，而是先生成 IP 官方设定板。原因很直接：这个项目的品牌识别核心是小怪物本身，不是字体。IP 一旦稳定，Logo、UI、表情、周边都可以围绕它展开。

这张设定板需要解决四件事：

• 角色三视图：正面、侧面、背面，确认基础比例
• 情绪表情：开心、疲惫、加油，确认性格范围
• 运动装备：头带、手套、能量环，建立健身属性
• 数据元素：身体电量、Apple Health 光环，建立产品属性

在 prompt 里，把角色定义成「用户的 AI 健身搭子」，而不是单纯的吉祥物。这样 AI 才会自然地把它放进训练、饮食、恢复、提醒这些真实产品场景里。

四、用 Logo 系统建立品牌识别

这一页的目标不是只出一个 Logo，而是建立品牌基础系统：

• 中文 Logo「练兽」与英文 Logo「FitMonster」
• 中英文组合版本
• App icon
• 图形标识
• 深色与浅色版本
• 品牌色板、字体风格、辅助图形元素

设计思路是把「健身」「能量」「AI」「陪伴」融进同一个系统：闪电代表身体电量和训练能量，圆环代表数据同步和成长反馈，荧光绿则强化运动科技感。

prompt 不只是写「做一个 Logo」，而是告诉 AI 画面具体怎么排布：

用比例来描述分区，能明显提高展示板的可控程度。

五、让 IP 进入真实的 App 场景

品牌系统必须落到产品界面里，才能验证它真正可用。第三步是做 App UI 视觉延展。

这组 UI 展示三个核心页面：

• 今日状态：身体电量、Apple Health 同步、饮食提醒
• 训练计划：背部中强度训练、训练时长、动作列表
• 小怪物养成：等级、经验、亲密度、成长记录

设计重点是让 IP 不只是装饰，而是产品体验的一部分：身体状态好时它鼓励训练，蛋白质不足时它提醒补充，训练完成后它作为成长反馈出现，连续打卡后它升级或解锁装备。IP 从「品牌形象」变成了「产品机制」。

组件板补充了按钮、卡片、数据条、Tab 图标、通知和分享模块，让整套视觉更接近真实 App，而不是概念草稿。

六、扩展 IP 的表情与状态

App 里需要大量轻量反馈：弹窗、空状态、通知、打卡完成、饮食提醒。为此单独做了两张 IP 表情状态板。

部分 prompt 的重点是「状态要服务产品场景」，而不是随便设计表情包：

• 早上好，准备训练
• 身体电量 72%，状态不错
• 睡眠不足，有点累
• 蛋白质还差一点
• 完成训练，非常兴奋
• 今日适合恢复训练
• Apple Health 数据同步成功
• 生成今日 AI 计划

这些表情直接对应 App 的真实使用场景，可以落地到首页卡片、训练完成弹窗、通知推送、分享战报和空状态页面。

七、把健身行为转化为成长系统

「练兽 FitMonster」的核心创意是：用户变强，小怪物也跟着变强。成长阶段和装备系统是这个机制的视觉载体。

成长阶段分为五级：

1. 初生：刚开始使用 App，陪伴感强
2. 蓄力：开始训练，佩戴力量头带
3. 活力：身体状态提升，出现绿色能量光效
4. 稳定：训练饮食规律，体态更有力量感
5. 进化：高级状态，装备和科技能量环全部解锁

装备系统把用户行为转化成可视化奖励：力量头带、训练手套、蛋白奶昔、恢复毯、哑铃挂件、能量背包、Apple Watch 数据光环。

这部分的设计原则是游戏化，但不低龄化——整套视觉仍然要保持运动科技、清爽高级的品牌感。

八、做传播和商业化延展

完整的 VI 不只服务 App 内部，还要考虑传播场景和周边变现。

社交卡片用于朋友圈、小红书或 App 内分享弹窗，每张都有明确主题：今日训练完成、身体电量提升、蛋白质达标、连续打卡 7 天、小怪物升级、本周训练总结。

这些卡片的作用是把用户数据转化为可分享的成就感，让产品自带传播素材。

周边物料包括 T 恤、水杯、手机壳、贴纸、钥匙扣、蛋白摇摇杯、瑜伽垫和盲盒公仔。这里不是为了立刻量产，而是为了验证这个 IP 的品牌延展能力——如果一个 IP 能自然落地到 App、社交卡片和实物周边上，说明它的识别度和商业化空间都比较成立。

九、最后生成 VI 总览图

最后一步是把所有模块整合成一张完整的品牌系统展示板。

总览图包含：品牌 Logo、App icon、IP 主形象、品牌色板、App UI、IP 表情动作、周边物料、分享战报、品牌关键词。

它的作用是项目封面和汇报页——前面的图负责展示细节，总览图负责让人一眼读懂整个品牌方向。

十、推荐的出图顺序

不建议一上来就做总览图，更稳的顺序是：

1. IP 官方设定板：先锁定角色长相和性格
2. Logo 系统：建立品牌名称、字体和色彩
3. App UI 延展：验证品牌能否落进产品界面
4. IP 表情状态：补齐 App 内反馈场景
5. 成长装备系统：建立长期使用机制和游戏化逻辑
6. 社交分享卡片：验证传播场景
7. 周边物料：验证品牌商业化延展能力
8. VI 总览图：最后汇总成完整提案

核心逻辑是：先统一识别，再扩展场景，最后整合成系统。

十一、Prompt 写法模板

这次的提示词基本使用同一套结构：

这个结构比单句描述稳定得多——它把 AI 从「自由发挥」拉回到「按设计需求执行」的轨道。

十四、后续可以继续推进的方向

如果要把这套 VI 从概念图推进到真正可落地的品牌规范，还可以做：

• Logo 矢量化，补充黑白版、反白版、安全区和最小使用尺寸规范
• App UI 从图片拆成可编辑的 Figma 组件
• IP 三视图和表情进一步统一比例，方便后续建模或制作表情包
• 色板补充主色、辅助色、功能色和无障碍对比规则
• 社交卡片整理成固定模板，支持动态替换用户数据
• 周边物料筛选 3—5 款最适合生产的品类做精修

AI 可以快速完成从 0 到 1 的视觉探索，但进入产品落地阶段，还需要把这些图片拆解成可编辑、可复用、可规范化的设计资产。

最后

「练兽 FitMonster」的 AI VI 生成流程，本质上是一次从产品概念到品牌系统的完整推演：先定义产品和用户感受，再锁定 IP 识别，然后依次生成 Logo、UI、状态插画、成长系统、传播模板和周边，最后汇总成完整 VI 总览。

AI 的价值不是替代设计思考，而是把清晰的设计判断快速可视化。提示词写得越像设计需求文档，生成结果就越接近一套真正可用的品牌方案。