大家好，我是小林，和我一起干 AI 编程的 予贝跑通了付费 APP 开发流程。

从零基础探索，到今天整整一个月，今天终于看到了丢丢正反馈，后台收入达到了 1 美金。

本篇我们将聚焦实战，关于付费模式，App Store 支持买断制、订阅制、内购等多种形式。对于工具类软件，买断制因一次性付费、用户体验简单而成为主流选择，因此，本教程将围绕买断制展开。

一、图片处理 iOS APP 构建

这部分讲解如何通过多款 AI 工具协同开发一款图片处理软件。

一）需求分析

在开发一款图片处理软件之前，需求分析是至关重要的第一步。需求分析使用 DeepSeek-R1 进行梳理，因为是本地工具，不需要设置太多复杂的功能。

提示词：

代码块 我想开发一个iOS app，能够解决日常遇到的图片处理问题（图片压缩，大小调整等），帮我进行需求分析，提供功能需求即可 # 要求 - 不要乱添加功能 - 支持最低版本为iOS15 - 不使用云开发，所有数据保存在本地 - 不对接任何云服务

输出内容，只保留功能性需求即可：

代码块 基础功能模块 图片压缩 支持滑动条调整压缩率（0.1~1.0） 实时显示压缩后文件大小预览 可选压缩模式：快速压缩/高质量压缩 输出格式限制：JPEG/HEIC（本地编码） 尺寸调整 输入自定义宽高（支持像素/百分比两种模式） 常用预设比例（1:1, 4:3, 16:9, 原图比例锁定） 强制裁剪/等比例缩放双模式 实时预览调整效果 格式转换 支持 JPEG/PNG/HEIC 互转 保留/清除元数据选项（Exif信息） 透明度自动处理（转JPEG时填充白色背景）

二、UI 设计

在需求分析完成后，我们接下来需要进行程序的 UI 设计，使用 Cursor 精心绘制高保真原型图。

提示词：

代码块 我想开发一个{图片处理}程序，功能如下 ``` 基础功能模块 图片压缩 支持滑动条调整压缩率（0.1~1.0） 实时显示压缩后文件大小预览 可选压缩模式：快速压缩/高质量压缩 输出格式限制：JPEG/HEIC（本地编码） 尺寸调整 输入自定义宽高（支持像素/百分比两种模式） 常用预设比例（1:1, 4:3, 16:9, 原图比例锁定） 强制裁剪/等比例缩放双模式 实时预览调整效果 格式转换 支持 JPEG/PNG/HEIC 互转 保留/清除元数据选项（Exif信息） 透明度自动处理（转JPEG时填充白色背景） ``` 现在需要输出高保真的原型图，请通过以下方式帮我完成所有界面的原型设计，并确保这些原型界面可以直接用于开发： - 界面简单，易于使用，风格使用新拟物化风格 - 用户体验分析：先分析这个 App 的主要功能和用户需求，确定核心交互逻辑。 - 产品界面规划：作为产品经理，定义关键界面，确保信息架构合理， - 高保真 UI 设计：作为 UI 设计师，设计贴近真实 iOS/Android 设计规范的界面，使用现代化的 UI 元素，使其具有良好的视觉体验。 - 首页设计：首页使用方形卡片式展示，点击后跳转到对应的功能界面 - HTML 原型实现：使用 HTML + Tailwind CSS（或 Bootstrap）生成所有原型界面，并使用 FontAwesome（或其他开源 UI 组件）让界面更加精美、接近真实的 App 设计。拆分代码文件，保持结构清晰： 每个界面应作为独立的 HTML 文件存放，例如 home.html、profile.html、settings.html 等。- index.html 作为主入口，不直接写入所有界面的 HTML 代码，而是使用 iframe 的方式嵌入这些 HTML 片段，并将所有页面直接平铺展示在 index 页面中，每行3个页面均匀布局 真实感增强： 界面尺寸应模拟 iPhone 16 Pro，并让界面圆角化，使其更像真实的手机界面。 使用真实的 UI 图片，而非占位符图片（可从 Unsplash、Pexels、Apple 官方 UI 资源中选择）。 添加顶部状态栏（模拟 iOS 状态栏） 请按照以上要求生成完整的 HTML 代码，并确保其可用于实际开发

为了更好的阅读体验，来飞书看吧：

https://drwnsc5veu.feishu.cn/wiki/MtcNwLaMTiS3ZTkoIIPc8juJnMh