![生活类App原型制作分享-AnyList 生活类App原型制作分享-AnyList](https://image.shishitao.com:8440/aHR0cHM6Ly9ia3FzaW1nLmlrYWZhbi5jb20vdXBsb2FkL2NoYXRncHQtcy5wbmc%2FIQ%3D%3D.png?!?w=700&webp=1)
AnyList是一款可以帮你创建购物清单,并且帮助你整理食谱的生活工具App,前面引导页采用图片+文字的方式,介绍App的用法,登录注册采用选项卡切换的方式,减少了页面切换的繁琐操作,在Mockplus中,采用分段控件+内容面板结合使用的方式可以轻松达到此效果。
本原型由国产Mockplus(原型工具)和iDoc(智能标注,一键切图工具)提供。
先简单看看动图:
![生活类App原型制作分享-AnyList 生活类App原型制作分享-AnyList](https://image.shishitao.com:8440/aHR0cHM6Ly9pbWcyMDE4LmNuYmxvZ3MuY29tL2Jsb2cvNjg4NDMxLzIwMTkwMS82ODg0MzEtMjAxOTAxMDgxMTExMTg2NjktMjAwNDE3OTQ1MC5naWY%3D.gif?w=700&webp=1)
点击这里,可以立即在线预览:https://run.mockplus.cn/klcjKhmV6tyRtkUN/index.html
再送上UI Flow大图:
![生活类App原型制作分享-AnyList 生活类App原型制作分享-AnyList](https://image.shishitao.com:8440/aHR0cHM6Ly9pbWcyMDE4LmNuYmxvZ3MuY29tL2Jsb2cvNjg4NDMxLzIwMTkwMS82ODg0MzEtMjAxOTAxMDgxMTExMjY4ODMtMTkyNjg4OTc4Mi5wbmc%3D.png?w=700&webp=1)
这个原型的主要页面有:启动页、引导页、登录注册页面、主页、清单列表页、设置页面等。
以上设计的所有页面可以在这里下载分享。
所有页面的图片集(12张), 在这里下载。
Enjoy it!