互联网的发展使得人们的购物方式更加丰富化，支付方式日益便捷，但对于记账来说收入开支的记录却更加繁杂。互联网金融发展也越来越热门，大众的理财意识逐渐提升，理财记账类产品逐渐兴起。记账类app的出现使得用户能够更加便捷地处理自己的收入开支数据，对自己的财务方面有一个预算概念，促进用户合理控制自己的消费。

本次提供的是记账App里较为受欢迎的「随手记」app原型，包含「账本」、「流水」、「账户」、「贷款」、「理财」、「更多」、「菜单」等一级页面，「记账」、「分类支出」、「超级流水」、「编辑看板」、「新增看板」、「分享账本」、「主题换肤」、「编辑指出」、「记账人」、「账本自定义」、「投资中心」、「借贷中心」、「授信中心」、「预算中心」、「支出分类管理」、「收入分类管理」、「项目管理」、「商家管理」、「高级」、「账本结转」等次级页面，「启动动画」、「未登录」、「截图分享」等独立页面，其中还含有「饼图」、「折线图」、「账户数据」等新组件、「内容编辑流程」等。做记账类App的朋友们千万别错过啦！

高低保真对比展示

预览一波gif——

戳这里手动预览完整原型：xiaopiu - 随手记高保真预览

高保真组件库展示

利用组件库快速搭建页面

在精选广场的组件库里搜索 随手记 ，在搜索出的组件库右下角点击「引用为我的公用库」

（或者直接简单粗暴的戳这里→xiaopiu-搜索随手记组件库）

也可以戳这里直接进入组件库→ xiaopiu-随手记高保真组件库

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

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

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

资源地址

高保真原型预览：xiaopiu - 随手记高保真原型预览

低保真原型预览：xiaopiu - 随手记低保真原型预览

原型下载： xiaopiu - 随手记高低保真原型下载

高保真页面库引用： xiaopiu - 随手记高保真页面库

低保真页面库引用： xiaopiu - 随手记低保真页面库

组件库引用： xiaopiu-随手记高保真组件库

其他资源分享

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

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

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

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

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