阅读APP「微信读书」原型分享

社会的发展逐渐加快脚步,人们的工作进程也越来越快,由于纸质书携带不方便,大多数人很少有时间能捧着一本书随时拿起来读。手机阅读app的出现使得大众用户可以便捷地使用手机或其他电子移动设备阅读书籍,更为实惠的电子书减少了纸质化阅读的成本,提高了大众阅读的频率,增加了用户的阅读量,同时,与时俱进的听书功能解放了用户的眼睛,缓解长期使用手机阅读带来的影响等。

本次提供的是阅读App里较为受欢迎的「微信读书」app原型,包含「发现」、「书架」、「想法」、「个人」等一级页面,「书城」、「听书」、「目录」、「投稿」、「三分钟讲书」、「阅读内容」、「作者详情」、「书籍详情」、「好友关注」、「录制」等次级页面,「背景设置」、「书架编辑」、「听书播放」、「书签」、「录制」等交互流程。做阅读类app的朋友们千万别错过啦~

 

高低保真原型对比展示

reading preview1

reading preview3

 

预览一波gif

reading preview2-compressed

戳这里手动预览原型:xiaopiu-「微信读书」高保真原型预览

 

高保真组件库展示

reading preview4

 

利用组件库快速搭建页面

在精选广场的组件库里搜索 微信读书 ,在搜索出的组件库右下角点击「引用为我的公用库」

(或者直接简单粗暴的戳这里→xiaopiu-微信读书组件库搜索

reading preview5

 

也可以戳这里直接进入组件库→ xiaopiu-微信读书高保真组件库

之后点击右上角的「引用按钮」~

reading preview6

引用以后,就可以直接在项目中看到左边的组件库里有引用的这个组件库啦~所有引用的组件库会随着发布者的更新而更新哦~

 

这个组件库到底有多方便呢?看看这个动态演示↓

reading process-compressed

 

资源地址

高保真原型预览:xiaopiu-「微信读书」高保真原型预览

低保真原型预览:xiaopiu-「微信读书」低保真原型预览

原型下载: xiaopiu-「微信读书」高低保真原型

高保真页面库引用: xiaopiu-「微信读书」高保真页面库

低保真页面库引用: xiaopiu-「微信读书」低保真页面库

组件库引用:xiaopiu-「微信读书」高保真组件库

 

更多资源详见专栏:xiaopiu工坊

或直接访问我们的网站:xiaopiu-精选广场

除了以上的原型模板,我们还有 随手记、网易云课堂、钉钉、Ant Design、哔哩哔哩、百词斩、知乎、喜马拉雅FM、天猫商城、WeUI、饿了么、音乐、ZAKER、Timeline、Yahoo News Digest、澎湃新闻、loading动效、腾讯视频、ofo小黄车、新浪微博、Instagram、Keep、支付宝、QQ、全民K歌、斗鱼、58同城、小程序-轻芒杂志、小程序-自选股、小程序-王者荣耀排行榜、小程序-朝夕日历、小程序-摩拜单车几十款精选多行业高品质原型模板等你来用哦!

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

如果你觉得还不错,动动手点个赞,生活更美好(ㅅ´ ˘ `)

 

原文地址:xiaopiu工坊

作者:王二麻

 


 

0

评论0

站点公告

 

AI创作与绘画大师,国内版chatGPT在线版本免费使用哦

点击打开: https://ai.uiya.cn

   
显示验证码
没有账号?注册  忘记密码?

社交账号快速登录

微信扫一扫关注
如已关注,请回复“登录”二字获取验证码