
我们打造了一款完全可用的银行应用。无需编写一行代码。
Pie Bank 看起来像一个真实的应用。它的行为也像一个真实的应用。登录会验证真实凭证。密码字段会用圆点遮蔽。转账时余额会更新。存入支票时,摄像头会打开。
它是一个原型。完全使用 ProtoPie 构建。
AI 工具可以生成一个按钮、近似一个布局,甚至建议交互模式。但它们无法验证你的产品所依赖的具体逻辑。Pie Bank 不是一个靠猜测的界面。每一个条件流程、每一次余额计算、每一个生物识别触发器,都严格按照规格运行。这就是看起来对的原型与证明产品可用的原型之间的区别。
本系列将逐步拆解它是如何制作的。不是表层交互,而是让它感觉真实的机制:变量、条件流程、硬件集成,以及确保数字在每个屏幕上都准确无误的数学逻辑。
以这种保真度进行原型制作的商业价值
交互逻辑在创建第一张工程工单之前就已得到验证。用户测试会产生你可以据此采取行动的数据,而不是那种附带“嗯,这只是个原型。”的反馈。利益相关者确认则发生在决策者通过实体设备滑动发送转账,而不是阅读一份试图解释这一切的规格文档时。
在大多数 FinTech 设计流程中,原型只是视觉参考,而逻辑存在于文档里。当原型包含真实变量、实时计算和条件流程时,这个鸿沟就被弥合了。原型本身就成了规格。工程假设更少,返工轮次更少。
本系列是为需要这三者的团队打造的。
认识 Pie Bank:一款行为如真实应用的原型
Pie Bank 是一款高保真的移动银行原型,包含四个核心交互区域。每个区域都将成为一个独立的深度教程,由 ProtoPie 的创意技术专家引导讲解。
先观看完整演示。然后回到这里,了解每个部分是如何构建的。
四个章节。掌握四项技能。
第 1 章 - 像已经上线一样登录
教程:如何在 ProtoPie 中构建逼真的登录流程
大多数原型都会伪造登录,而这个不会。你将构建可用的文本输入、带掩码的密码字段、基于变量的凭证验证、实时错误状态,以及由 Lottie 驱动的 Face ID 动画——完整排序并精确计时。最终得到的是一个在任何用户测试会话或利益相关者演示中都站得住脚的登录流程。
第 2 章 - 会思考的仪表板
教程:使用变量和触感滚动构建智能仪表板
一个会记住的界面。仪表板上的每个余额、每个账户状态、每个数据点都存储在变量中——应用会在你浏览时保留你的财务状态。我们还将构建分页容器,为滚动带来高级而有触感的体验。这种细节会把演示变成决策。
→ 即将推出
第 3 章 - 真正地转移资金
教程:在 ProtoPie 中实现转账逻辑、动态列表和滑动发送
真正会计算的转账逻辑。我们将构建完整的转账流程:动态账户和收款人列表、可防止误转的滑动发送组件,以及确保整个会话中余额始终准确的变量计算。别再写那些解释余额应该如何更新的规格说明了。直接展示给他们看。
→ 即将推出
第 4 章 - 你的摄像头就是一个功能
教程:摄像头图层集成与实体设备交互
让硬件的感觉与真实无异。我们使用 ProtoPie 的摄像头图层构建实时支票存款流程——真实摄像头画面、拍摄模拟,以及确认后的即时余额更新。当利益相关者能够拿起设备并亲自完成交互时,对话就会改变。
→ 即将推出
不想等完整系列发布?
完整系列会每隔几周更新一次。但如果你现在就有项目在推进,并且需要更快行动,你不必等每个教程逐一上线。
我们的创意技术专家提供私享课程,你可以与他们直接一起完成你的具体原型。你的交互、你的逻辑、你的问题。
名额有限。
想通过探索来学习?
在本系列结束时,我们将发布完整的 Pie Bank ProtoPie 文件、全部四个章节、14 个相连的 ProtoPie 场景、每个交互,供你在 ProtoPie 中自由探索。
系列完结时再回来查看,或者持续关注,这样你就不会错过发布。





