iBetter是一款帮助你养成好习惯,戒掉坏习惯的App,App的首页采用日历的方式,可以对应记录每天的工作、生活事件等。比较有特色的是底部的菜单按钮图标,切换时有变大的的交互效果,在Mockplus中直接采用的是图标组件,并且将页面对应菜单图标颜色相对其他图标加深,大小加大,切换时就可以达到该效果。

先简单看看动图:

iBetter

点击这里,可以立即在线预览:https://run.mockplus.cn/dZRozIo2MBjJ1hla/index.html

再送上UI Flow大图:

iBetter

这个原型的主要页面有:主页、历史页面、添加事件页面、设置页面、反馈页面等。

以上设计的所有页面可以在这里下载分享

所有页面的图片集(9张),在这里下载

Enjoy it!

 

 

记事类App原型制作分享-iBetter