“得到”App 原型设计和prd之“发现”页面(1)

本文通过实战解析“得到”App的原型设计与prd文档框架,详细拆解了产品结构及功能模块,并分享了设计技巧。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

最近在看“得到”这款App,想着通过它来反推他的原型设计和prd,就当练练手。感兴趣的可以每天和我一起实战一下。

(1)prd文档大致框架列:

(2)产品的结构图:

为了提取产品的结构图,必须研究应用里面的各个功能点,目前我总结如下:

(3)完成各个功能模块

由于是手机APP,我们把每个功能模块用每个page展示,然后每个page通过内联框架嵌入手机框架中,如下图所示:

  • “发现”页面的设计

如上图所示,我们先设计出了该页面的基本元素,关于里面的页面链接,我们后面再讲,这里面也是有很多技巧可以复用的。

如果想每天学一点新的知识,敬请关注微信公众号

微信扫一扫
关注该公众号

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值