AI 音乐产品，我做到了高保真 UI 交付
我负责 AI 音乐小程序的产品与 UI 框架，从项目定位、用户路径到生成流程和视觉规范，最后交付高保真界面。
Product UIAI MusicUser Flow
ENTRY H01 · PROFILE
罗旭清
设计师箱子 · 小金鱼
UI / UX 设计师 · AI 产品体验研究 · 品牌 IP 视觉设计 · AIGC 设计工作流
我有 5 年设计相关经验。前 3 年在公司做 B 端系统、AI 画布和 AI 音乐产品，近 2 年以自由职业和项目制为主，继续做 AI 教程、品牌 IP、活动视觉和内容工作流。这里放的是我真正参与过的项目、写过的文章和能打开的网页。
ENTRY H02 · DESIGN SPINE
01 · CAPABILITY TABS
我的设计脊柱
我的主线一直是 UI / UX。产品设计、Vibe Coding、AI 工作流、角色 IP 和内容生产，是我后来带回产品体验里的几种能力。它们帮助我更早看见用户会卡在哪里，也让我能把方案跟到真实交付。
Product Design · 产品体验判断
产品体验第一判断从哪里来
我做过 AI 音乐小程序、AI 画布和 B 端系统。比起只看页面，我更关心产品为什么这样走、用户会卡在哪里，以及业务和开发能不能接上。
AI 生成之后怎么继续编辑，我把路径梳理清楚
我参与了 AI 画布的生成后编辑体验，重点处理工具栏、分支结构和操作反馈，让复杂功能更容易理解。
AI CanvasInteraction DesignTool Panel
做 B 端系统时，我先把业务流程理顺
在金融营销自动化系统里，我处理数据列表、工作台和流程分工，让业务目标、协作路径和界面结构对得上。
B-side SystemBusiness FlowOperation Design
Vibe Coding · 可运行原型
设计方案能落地，不会画完就扔给开发
我会自己把一部分方案做成网页和原型。这样和开发讨论时，就不会只停在“能不能做”，我可以先试一遍，再带着具体问题继续改。
3 小时、14 版，我用 Kimi Agent 做完一个活动网页
Kimi 2.5 AgentAI Web Design14 版迭代3 小时500+ 文件
查看详情
我给提示词网站接了生图 API，做了万圣节版
ManusAI Image APIHalloween Campaign5000 积分Lovart
查看详情
视觉素材也可以变成能玩的网页游戏
Gemini 3 ProGoogle AI Studioskyreels.aiBananaLovart扣子空间
查看详情
我把金鱼神小说和封面做成了一个可浏览网页
天工 AgentClaude-4-SonnetGPT-4oLovart短篇小说提示词封面设计流程
查看详情
AI Workflow · 效率与边界
比别人更快产出，且知道哪里必须人工判断
我用 AI 做过批量生图、智能体和 IP 表情工作流，也踩过不少坑。哪些步骤可以交给 AI，哪些地方必须自己判断，我会在项目里分清楚。
一套分散的 AI 流程，怎么整理成能反复用的智能体
豆包智能体LOVARTSeko星流剪映tunee
查看详情
社区物料很多，我把它拆成了批量生图任务
即梦Lovart扣子空间Get笔记ima豆包
查看详情
视频缺 BGM 时，我会先把需求写成音乐提示词
tuneeBGM Prompt EngineeringAI Music音乐标签提示词小助手
查看详情
从 emoji 形象到短片，我跑通了一套 AI 动画流程
emoji小人RoboneoSekoAI Animation短片创作智能体
查看详情
长短视频素材太散，我用 AI 整理了一套研究流程
通义听悟Gemini 2.5猫抓XMindAI Video Analysis
查看详情
Character & IP · 叙事与共情
界面背后站着怎样的人、怎样的故事
我喜欢做角色和故事。表情包、动画、连环画和电商周边这些项目，让我习惯去想：屏幕背后的人会怎么理解，他会不会愿意靠近。
一张静态 IP 图，怎么做成能上传的动态表情
剪映SVIPSeedance v1.0Docsmall瓦叔尺寸工具Loki工具箱
查看详情
一张 IP 图，也可以继续做成能剪辑的动画短片
星流 AgentVidu Q1剪映专业版豆包
查看详情
我把原创 IP 一路做到了微信表情上传
Gemini 2.5 Pro即梦豆包GPT-4o稿定设计微信表情平台
查看详情
个人故事怎么画成角色一致的连环画
Gemini 2.5 Pro豆包超想创意Qwen 3豆包生图
查看详情
一个 IP 杯子创意，我做到了电商测款全案
香蕉PROHyper3D.AIflova.ai剪映LovartFlowith
查看详情
我把金鱼神做成了一本 2026 台历
金鱼神 IP2026 台历FlowithNano Banana ProLovart稿定设计
查看详情
金鱼神进入教育 UI 后，我做了一组批量页面
金鱼神 IP教育 UILovartSeedream 4.0批量化设计提示词改写
查看详情
我给金鱼神换了一套酸性 Y2K 海报语言
金鱼神 IP酸性海报Y2KLovartSeedream 4小红书封面
查看详情
金鱼 IP 不只做海报，也可以变成谜题游戏
金鱼 IP谜题玩法梗图游戏豆包智能体表情包智能体
查看详情
Writing System · 内容生产系统
把内容生产整理成一套能继续用的流程
我更常做的，是把选题、素材、结构、写作和审稿一步步接起来。这样内容不会每次从头来过，产品说明和界面文案也会更准确。
ENTRY H03 · ROUTE MAP
01
设计前沿探索
我在公众号里记录 IP 表情、批量生图、AI 电商和卡牌 RPG，包括做成的和踩过的坑。
02
大型 AI 项目
后来这些尝试进了 KA21、AI 火种车和少儿 AI 春晚，需要面对真实需求、团队协作和上线时间。
03
Skill 系统研究
火种车的写作 SOP 做完后，我又把它做成介绍手册和 Skill 写文系统，方便其他人接手。
04
编程与原型
有些想法我会直接做成网站、工具和交互原型，先跑一遍，再决定怎么改。
ENTRY H04 · PROJECTS
精选项目
KA21 AI 牛马库
AI 教程作者 / 产品体验协作者
我围绕 AI 新手学习路径，拆解表情包、IP 动画、批量视觉和电商全案等任务，写成 6 篇可以跟着操作的教程，也参与网站搜索入口和热门推荐功能优化。
累计产出 6 篇不同方向的 AI 教程
参与网站搜索入口与热门推荐功能体验优化
参与推动热门推荐板块 v1.0 上线
Midjourney · Stable Diffusion · 教程设计 · 产品入口
查看详情 →
AI 火种车品牌设计作品集
品牌设计师
我在 AI 火种车第一期负责 Logo、KT 板、手举牌和表情包等品牌物料，也参与系列推文撰写、内容编辑 SOP 和项目复盘。
7 天内完成核心品牌方向与物料交付
覆盖 Logo、KT 板、手举牌、表情包 4 类核心物料
辅助团队项目获得央视网报道
品牌设计 · AI 视觉 · 插画体系 · 视觉规范
查看详情 →
少儿 AI 春晚视觉包装作品集
全栈设计 / 视觉包装设计组核心成员
我参与首届少儿 AI 春晚的主 KV、动态表情包、红包封面、宣传海报、鸣谢名单和 IP 周边等 6 类视觉产出，开播前一晚还接手了 170+ 人鸣谢名单。
主 KV 方案被采纳为全项目视觉基准
动态表情包成功上架微信表情商店
宣发设计内容被人民日报等 14 家官方媒体采用
活动视觉 · 舞台设计 · AI 生成 · 视觉包装
查看详情 →
AI Skill 写文系统设计
AI 内容工作流设计者
基于第一期的内容协作经验，我把素材收集、结构化整理、写作、质量护栏和人工审稿接成 AI Skill 写文系统。完整素材进入系统后，约 1 小时可以拿到可用初稿。
Skill 系统 · SOP 设计 · 内容工作流 · 提示词工程
查看详情 →
GitHub 仓库 ↗
ENTRY H05 · JOURNEY
一路走来
2024.12 — 至今
自由职业 / 项目制设计实践
这段时间我参与 KA21、AI 火种车和少儿 AI 春晚，也继续维护“明冥箱子”和个人作品集。AI 教程、品牌视觉、活动物料和 Skill 写文系统都留下了项目页或公开链接。
2024.05 — 2024.11
广州小欣智能科技有限公司 · RockON AI 音乐小程序
作为初创团队 05 号员工和产品设计师，我负责 RockON 的产品设计与 UI 框架，输出 300+ 高保真页面；产品累计注册用户 1 万+，月活跃用户在线生成歌曲数 2 万+。
2023.07 — 2023.09
灵图 AI 智能思维导图 / AI 画布产品
参与面向团队协作、项目管理和知识管理场景的 AI 画布产品设计，负责生成后再编辑板块交互设计，并推动原型、页面与交互规范落地。
2021.08 — 2023.04
广州稳流互动网络有限公司
负责 B 端金融营销自动化 Web 系统与 C 端活动运营设计，参与业务需求理解、设计方案制定、运营活动策划和数据反馈优化。
参与 50+ 品牌营销页面
参与 400+ 宣传活动页设计
累计完成 1200+ 项设计任务
ENTRY H06 · MANIFESTO
我做设计时会多走几步：先把问题看清楚，再试着做出来，最后把过程整理成别人能接着用的东西。