Bon App!是一款美食类App，这次也是尝试做出高保真的原型，最大可能的还原了App的配色和交互。因为是高保真，所以特别注意的就是细节的设计，图标、按钮形状、输入框样式等，在属性上都做了相应的设置，Mockplus的组件属性还是相当丰富，但如果涉及到一些个性化的组件，就需要使用一些基本组件的拼凑（比如二维码扫描）；另外，交互方面也高度还原，弹出、内容切换、滑动这些基本交互都能轻松实现，一起来看成果吧！

先简单看看动图：

点击这里，可以立即在线预览：http://run.mockplus.cn/NxqJ076plNFSg5l3/index.html

再送上UI Flow大图：

这个原型的主要页面有：主页、登录注册页面、搜索页面、美食列表页面、美食分享页面、详情页、个人信息页面等。

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

所有页面的图片集(22张)， 在这里下载。

Enjoy it！