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

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

高低保真对比展示

预览一波gif——

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

高保真组件库展示

利用组件库快速搭建页面

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

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

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

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

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

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

资源地址

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

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

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

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

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

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

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