社区APP「豆瓣」原型(附模板)

@Sophia 豆瓣,我们的精神角落,它好似繁杂的互联网世界里一个精神乌托邦似的存在着。豆瓣利用‘兴趣’把大家聚集起来,形成社区,提供图书、电影、音乐唱片的推荐、评论和价格比较,以及城市独特的文化生活,在网络中,为我们每个人的精神世界留了一片带有独特气息的土地。不知道看什么电影了,打开豆瓣!想看书了,打开豆瓣!每每看完一部作品,总会想要来豆瓣上再看看影评、看看书评,跟着大家的分享再次回味其中的内容,也常常能从中看到自己所没有触及的更深的思考。

今天我们给大家分享的就是豆瓣APP原型模板以及组件库、页面库(下载地址见文末~),有高保真和低保真两个版本,其中包含了以【书影音】为核心的各流程页面,里面所有组件都可以自由修改。下面我们将本套原型中所含页面按照内容的呈现方式和作用分为5大类进行详细说明:

聚合页

聚合页往往出现在APP的首页或发现页,一个页面呈现了多个版块内容的集合。将不同版块内容的标题或部分内容呈现在在同一个页面,为用户提供更直观的功能入口,让用户能快速定位到自己感兴趣的地方。

在这套模板中我们提供了8个聚合页面,根据版块的重要程度和性质,不同内容版块以分类图标、横向滑动列表、图文信息、宫格、banner、文字标题等多种布局方式组织形成,大家在自己APP的聚合页中也可以参考以上方式。

列表页

一个APP中大多数页面都是列表页,用于展示多项同类信息,并常常会提供排序或筛选等方式来帮助用户根据不同条件选择信息。列表页布局往往有图文混排、纯文本、图片列表、宫格、卡片等多类不同形式。

在本套模板中最常用到的是竖排图文列表:

内容详情页

内容详情页,展示某项内容的详细信息,比如商品详情、文章详情、个人主页等等,通过全面而丰富的信息来进一步对内容进行说明。内容详情页是一个APP中最难设计的几个页面之一,它承载了很多层次的信息,如何向用户展示内容的核心价值,带给用户良好的阅读体验是产品经理需要认真考虑的问题。

在豆瓣的原型模板中,包含了大量的内容详情页。文章详情、电影详情、音乐详情、作者详情、小组详情等等,有很多值得参考之处。

发布页

发布页主要用于用户发表自己的想法、评价等等。这类页面通常内容相对简单,聚焦于表单本身,通过精简页面内容来让用户专心填写发布的内容,同时也会提供一些待选项来帮助用户更快地更精准地完成输入。

我们的模板中包含了写笔记、评分、打标签等发布功能:

功能页

功能页是指承载某项特殊功能的页面,比如APP的搜索页面等。

原型展示(高保真和低保真两个版本)

部分原型动态预览

完整原型预览地址:xiaopiu-豆瓣高保真原型模板

组件库展示

利用组件库快速搭建页面

1. 引用组件库

2. 如上图所示,点击引用后,组件库即成为自己的引用资源(库内的资源也会实时更新),大家可在项目中使用,快速搭建自己的页面:

资源地址

高保真原型预览:豆瓣高保真原型

低保真原型预览:豆瓣低保真原型

原型下载:豆瓣原型下载

页面库:豆瓣页面库引用

组件库:豆瓣组件库引用

欢迎大家对我们的原型提出建议,对后面分享内容有哪些期待和想法也可以跟我们交流哟!

如果你觉得还不错,就点个赞吧!哈哈,给我们一点更下去的动力!~动力!~动力!~

知乎

作者:Sophia

(0)

相关推荐

  • 工具类App「xiaopiu」 原型分享

    在过去的大半年里,我们给大家分享了数十个精心制作的各个行业的优秀app原型,用户累计下载达到数万次.这一次,终于可以分享我们自己的app原型了!虽然app还没上线,但我已经迫不及待地想先来把原型分享给 ...

  • 社交类app「微光」原型分享

    如今互联网的时代飞速发展,从市场情况看来,在app中最得年轻人青睐,手机里几乎都会有的应用软件实属社交类app.即使在社交类app中市场占有量最大的一直是腾讯(QQ.微信).新浪(微博)等几个知名互联 ...

  • 购物App「小米商城」原型分享

    电子商务的快速发展在零售端不断驱动消费格局的重建,用户网络购物的消费习惯也已逐步形成.截至 2016 年底,我国网络购物用户规模已经达到 4.67 亿,较 2015 年底增加 5,345 万,同比增长 ...

  • 知识付费类app「得到」原型分享

    得到App是由罗辑思维团队出品的一款主打知识付费的产品.提倡碎片化学习方式,提供省时间的高效知识服务. 简而言之,就是让用户在最短时间内获得知识. 从14年早期开始出现,到16年的全面爆发,「知识付费 ...

  • 背单词APP「百词斩」原型分享

    @王二麻 互联网让知识的提供从纸质一部分转移到网络,解放了纸质阅读的局限,人们用一个轻巧的手机便装下了一个书柜.人们意识到网络的阅读功能后,大众需求便不仅仅满足于基础app,获取知识和记忆类app种类 ...

  • 互联网垂直招聘网站「拉勾网」原型分享

    随着互联网行业的快速发展和招聘需求的不断增加,大量互联网求职和招聘产品应运而生.相比传统的招聘网站,新兴的招聘网站更加了解互联网公司与求职者的需求,为求职者提供更人性化.专业化服务的同时,也大大降低了 ...

  • 记账APP「随手记」原型分享

    互联网的发展使得人们的购物方式更加丰富化,支付方式日益便捷,但对于记账来说收入开支的记录却更加繁杂.互联网金融发展也越来越热门,大众的理财意识逐渐提升,理财记账类产品逐渐兴起.记账类app的出现使得用 ...

  • 视频APP「哔哩哔哩」原型分享

    @王二麻 动漫网站近年来越来越受年轻人青睐,虽然随着年龄的增长年轻人不再喜欢看小时候看的动画片,但是动漫却在一个较广的年龄范围内受到大众的喜爱.除了日本动漫,中国的动漫也在渐渐发展.因此许多为喜爱动漫 ...

  • 房产类APP「链家」原型分享

    @王二麻 房产类app主要为租房和买卖房经营,为用户提供房产相关信息,让用户可以按照自己的需求对比选择想要的房源,在时间上和空间上都减少了人们租房买卖房的成本,人们选择租房购房交易更加便利.根据< ...