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

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

1、高低保真原型对比展示

预览一波gif——

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

2、 高保真组件库展示

3、利用组件库搭建页面

在精选广场的组件库里搜索 微信读书 ，在搜索出的组件库右下角点击 「引用为我的公用库」
（或者直接简单粗暴的戳这里→ xiaopiu-微信读书组件库搜索 ）

也可以戳这里直接进入组件库→ xiaopiu-微信读书高保真组件库
之后点击右上角的 「引用按钮」 ~

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

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

4、资源地址

高保真原型下载： xiaopiu-「微信读书」高保真原型预览
低保真原型下载： xiaopiu-「微信读书」低保真原型预览
高低保真原型下载： xiaopiu-「微信读书」高低保真原型
高保真页面库引用： xiaopiu-「微信读书」高保真页面库
低保真页面库引用： xiaopiu-「微信读书」低保真页面库
高保真组件库引用： xiaopiu-「微信读书」高保真组件库

文/WOOSEVELT（知乎专栏：xiaopiu工坊）