原型图设计与竞品分析 - 文件索引
1. 导言
本笔记已拆分为 4 个专题文件，便于阅读和管理。本索引文档提供文件列表、文件对比、学习路径建议与快速查找指南，帮助读者系统掌握原型图设计与竞品分析的知识体系。
原型图设计与竞品分析系列四文件推荐学习路径：01-原型设计理论基础 → 02-原型设计工具实战 → 03-AI 工具与项目实战 → 04-设计稿与素材工具。
2. 核心概念：文件列表
01. 原型设计理论基础
文件路径： 05-01-原型设计理论基础.md
包含章节： 一全栈能力培养概述、二原型图绘制的必要性、三原型图绘制工具、四设计参考资源、五设计资源管理最佳实践、六竞品分析方法论、七版权注意事项。
核心内容： 前端工程师为什么要学原型设计、5 款主流原型工具对比、站酷/大作网/花瓣网等设计参考资源、Eagle 素材管理工具使用、慕课网竞品分析案例、版权风险与免费商用资源。
02. 原型设计工具实战
文件路径： 05-02-原型设计工具实战.md
包含章节： 一实战案例知识付费首页原型设计、二常见问题与解决方案、三学习要点总结、四延伸学习资源、五 Axure RP 与模板使用实战、六原型图绘制最佳实践。
核心内容： 知识付费首页设计需求与流程、Axure RP 界面介绍与操作步骤、Master 模板创建与使用、ProcessOn 便签本功能、版本管理与变更记录、内容区域宽度设置（1000-1200px）。
03. AI工具与项目实战
文件路径： 05-03-AI工具与项目实战.md
包含章节： 一 AI 设计工具实战评测、二知识付费项目原型图实战。
核心内容： Wireframe Designer 实测（Figma 插件）、Uizard AI 介绍、即时 AI 深度评测（Inno vs UI bots 模型）、Prompt 编写指南与优化版示例、创建多个布局模板（首页/详情页/列表页）、首页原型图绘制详细流程（7 个模块）、Axure RP 常用快捷键（5 大类）、原型图设计最佳实践（设计原则/布局规范/组件规范）。
04. 设计稿与素材工具
文件路径： 05-04-设计稿与素材工具.md
包含章节： 一设计稿最终效果展示、二 AI 图片生成工具推荐、三会员机制与购买建议、四 AI 工具对比与使用场景、五使用建议与最佳实践、六课程总结与延伸学习。
核心内容： 从原型图到设计稿的流程、5 个知识付费项目设计稿展示（首页/学习页/关于我们/订单管理/课程详情）、图怪兽/昵图网/搞定设计 AI 工具推荐、搞定设计会员方案与省钱策略、与 Stable Diffusion/Midjourney 对比、移动端 vs 桌面端场景选择、版权注意事项与效率提升技巧、完整知识体系回顾与能力培养路径。
3. 关键方法：文件对比
| 文件 | 行数 | 章节 | 重点内容 | 适合人群 |
|---|---|---|---|---|
| 01-理论基础 | ~320 行 | 7 章 | 理论、工具、资源、版权 | 初学者、理论学习者 |
| 02-工具实战 | ~340 行 | 6 章 | Axure 操作、模板、最佳实践 | 实践者、工具学习者 |
| 03-AI与实战 | ~700 行 | 2 章 | AI 工具评测、项目实战、快捷键 | 进阶者、项目实践者 |
| 04-素材工具 | ~400 行 | 6 章 | 设计稿、AI 生成、会员建议 | 实用主义者、素材需求者 |
4. 实践落地：学习路径建议
路径一：从理论到实践（推荐）
路径一从理论到实践：01-理论基础 → 02-工具实战 → 03-AI 与实战 → 04-素材工具，适合系统学习的初学者。
路径二：快速上手。 02-工具实战 → 03-AI 与实战。适合有一定基础，想快速掌握工具。
路径三：项目驱动。 03-AI 与实战 → 04-素材工具 → 01-理论基础（补充）。适合有项目需求，边做边学。
路径四：按需查询。 直接打开对应主题的文件，查阅需要的知识点。适合已有一定经验，需要查阅特定内容。
5. 实践指南：快速查找指南
我想了解...
| 需求 | 推荐文件 | 具体章节 |
|---|---|---|
| 为什么前端要学原型设计 | 01-理论基础 | 第二章 |
| 原型工具有哪些 | 01-理论基础 | 第三章 |
| 如何管理设计素材 | 01-理论基础 | 第五章 |
| 如何分析竞品 | 01-理论基础 | 第六章 |
| 版权问题怎么解决 | 01-理论基础 | 第七章 |
| Axure RP 怎么用 | 02-工具实战 | 第五章 |
| 如何创建模板 | 02-工具实战 | 5.3-5.4 |
| 版本管理怎么做 | 02-工具实战 | 5.5 |
| AI 设计工具有哪些 | 03-AI与实战 | 第一章 |
| Prompt 怎么写 | 03-AI与实战 | 1.5 |
| 如何绘制首页原型 | 03-AI与实战 | 2.3 |
| Axure 快捷键 | 03-AI与实战 | 2.5 |
| 设计稿长什么样 | 04-素材工具 | 第一章 |
| 如何快速生成配图 | 04-素材工具 | 第二章 |
| 会员值得买吗 | 04-素材工具 | 第三章 |
| 课程完整知识体系 | 04-素材工具 | 第六章 |
6. 进阶延展：笔记特色与核心要点回顾
6.1 笔记特色
- 结构清晰：按主题拆分，便于查阅。
- 实战导向：包含大量实际案例和操作步骤。
- 工具对比：多维度对比不同工具的优劣。
- 资源丰富：提供大量免费资源和参考网站。
- 技巧实用：总结最佳实践和效率提升技巧。
- 持续更新：跟随课程进度不断更新。
6.2 核心要点回顾
原型图设计与竞品分析系列共拆分为 4 个专题文件：01-原型设计理论基础（理论/工具/资源/版权，适合初学者）、02-原型设计工具实战（Axure 操作/模板/最佳实践，适合实践者）、03-AI 工具与项目实战（AI 工具评测/项目实战/快捷键，适合进阶者）、04-设计稿与素材工具（设计稿/AI 生成/会员建议，适合实用主义者）。推荐学习路径为从理论到实践（01→02→03→04），也可根据快速上手、项目驱动、按需查询等不同目标选择合适的路径。快速查找指南帮助读者按需求定位到对应文件的对应章节。
参考资料
- 本案例内容来源于"项目需求分析"系列章节 05 索引。
- 最后更新时间：2026-03-06，笔记版本 v5.0（拆分版本）。
- 原始文件：
05-原型图设计与竞品分析.md（已拆分为 4 个文件）。