AI 生成产品人物画像与旅程图：Free AI Courses 3.2.1 PM 视觉实战

AI 生成产品人物画像与旅程图Free AI Courses 3.2.1 PM 视觉实战【免费下载链接】free-ai-coursesInteractive course teaching Product Managers how to use Claude Code effectively项目地址: https://gitcode.com/GitHub_Trending/cl/free-ai-coursesFree AI Courses 的 3.2.1 课程Nano Banana 图像生成篇教你用AI 图像生成为产品提案快速做出用户人物画像Persona Portrait和用户旅程图Journey Map——不需要设计背景不需要会 Figma几分钟就能产出可直接放进 pitch deck 的专业视觉素材。本篇带你完整走一遍这套PM 视觉实战流程。这门课解决什么问题产品经理最常见的视觉窘境是想法很清晰但做提案时缺图。你通常有两条路找设计师排期慢自己拖拽模板丑且不像我们的用户。3.2.1 模块给了第三条路用 AI 按提示词直接生成。课程设定了一个真实感很强的场景——你是虚构公司 TaskFlow 的 PM下周要向管理层 Pitch 一款面向制造车间运营经理的移动端 App。你需要 5 类视觉资产人物画像persona portrait旅程图journey map精致线框图wireframe设备 MockupiPhone 效果场景主图hero image课程脚本里的主角是Marcus Chen40 多岁、制造业工厂的运营经理管理 3 个班组长一手拿手机一手拿咖啡。整门课就是围绕为他做图展开的。免费 AI 课程怎么开始30 秒进入 3.2.1 实战这套课程是交互式的——AI 就是你的教练每一步它会停下等你回应STOP / USER 节奏。快速上手步骤打开你的 AI 应用Claude Desktop 的 Code 标签页、Cursor 或 Codex 的对话框新建一个项目按 README.md 的指引粘贴启动提示词让 AI 帮你安装并启动课程输入/start-3-2-1课程正式开始。 如果你之前没学过多模态出图可以先看 3.1 模块打基础如果已经会写提示词直接进 3.2.1 也完全没问题。课程支持两种出图方式随时可切换方式一引用你在 3.1.4 建立的样式库例如用 style #9 重新生成方式二直接用自然语言描述你想要的效果AI 负责翻译成提示词。完整课程脚本见CLAUDE.md如何用 AI 生成产品人物画像一句话提示词模板每个好的 Pitch 都从我们为谁做产品开始。课程 Part 1 就是生成 Marcus 的人物画像提示词骨架很简单Create a persona portrait of [名字]a [角色] at [公司类型]。[年龄/气质][穿着][场景氛围]风格要适合 pitch deck专业但不像无趣的图库照片。课程内置的生成要点来自课程脚本角色定位运营经理40 多岁制造环境背景表情自信但亲和着装实用工装Polo 或衬衫可加安全背心产出保存到outputs/文件夹文件名带描述性如marcus_chen_persona.png。课程里的效果示例电影级质感的 AI 人物画像同一套提示词思路也能生成新手提示如果有多位用户画像请给所有 persona 用同一种风格整套 deck 的视觉才统一。如何用 AI 生成用户旅程图把痛点讲成故事旅程图的作用是可视化你正在解决的问题。课程 Part 2 映射了 Marcus 的早晨工作流时间阶段现状痛点6:00 AM到达Arrive查看夜班交接笔记6:30 AM复盘Review翻看任务积压、排优先级7:00 AM站会Standup和班组长晨会8–11 AM巡场Floor Walk追踪任务完成、处理问题11:30 AM交接Handoff写下午班交接笔记而现在他靠的是写字板、对讲机和零散的短信消息——一团乱麻。把这些阶段 每个阶段的痛点写进提示词指定 16:9 的演示比例AI 就能产出汇报级旅程图。课程页面中的极简风格旅程图示例阶段 行为 指标三段式结构人物一致性技巧让同一位主角走进旅程图这是课程里的power move用第一步生成的Marcus 肖像作为参考图再生成一张他出现在每个阶段的旅程图——同一个 40 多岁、深蓝 Polo、安全背心的角色在 Arrive → Review → Standup → Floor Walk → Handoff 五个环节逐一登场。关键动作就两个把上一张画像图喂给 AI 当参考reference image在提示词里重复描述他的视觉特征年龄、衣着保证跨图一致。这不是通用旅程图而是Marcus 的故事——这类素材是演示让人记住的利器。切换画风从极简到手绘风格不满意默认风格直接说一句就行make it more playful更俏皮一点、try a hand-drawn look试个手绘风或引用样式库编号如用 style #59 重新生成。课程里的手绘质感旅程图就是这种迭代出来的效果线框图美化与设备 Mockup从会议草图到成品3.2.1 的后半程把图从人物延伸到了产品本身Part 3 线框图改造——模块目录里附了一张会议现场随手画的草图hand-drawn-wireframe.jpg包含 TaskFlow 头部、班次概览、任务列表等元素。你只要说把这张手绘草图变成精致的线框图AI 会保留原有布局输出线条干净、间距统一、可直接汇报的手机版线框。Part 4 设备 Mockup——把线框图放进 iPhone 边框并升级成带真实配色、图标和字体的界面效果。干系人最爱看App 在手机里的样子一切都会显得更真实。下面是课程配套的成品 UI 效果示例Part 5 场景主图Hero Shot——最终把三样东西合体你的 persona、他的工作环境、你的产品。Marcus 在车间里拿着手机操作 TaskFlow这张图就是 pitch deck 的封面。课程中的场景图示例人物 办公环境 产品界面三者结合课程文件清单3.2.1 模块里的关键资料学完之后想复盘这些是核心文件均为仓库内相对路径课程脚本主教程CLAUDE.md可执行技能入口SKILL.md用户输入/start-3-2-1时触发手绘线框图素材hand-drawn-wireframe.jpg图像生成工具脚本image_gen.py模块 3.2 全部用例目录3.2-pm-use-cases/网站版课程页面含提示词模板与技巧users-product-visuals.mdx新手常见问题AI 生成视觉素材的 4 个实用技巧每张图都要描述性命名marcus_chen_persona.png、morning_workflow_journey_map.png方便后续在 deck 里引用AI 每次也会自动把产出存到outputs/目录。不满意就继续对话出图不理想是常态换个风格、重画这一版都是正常操作课程鼓励在同一会话里迭代。复用前一张图当参考人物一致性同一位主角贯穿所有图的核心技巧比每次重新描述可靠得多。同一套 deck 锁定一种风格画像、旅程图、主图共用一个视觉语言专业感立刻不一样。下一步完成 5 项产出人物画像、旅程图、精致线框、设备 Mockup、场景主图后输入/start-3-2-2进入 3.2.2 模块继续学习战略与架构图的 AI 视觉生成框架图、系统总览等——同样是一句话出图的套路直接迁移你现在掌握的技能即可。【免费下载链接】free-ai-coursesInteractive course teaching Product Managers how to use Claude Code effectively项目地址: https://gitcode.com/GitHub_Trending/cl/free-ai-courses创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考