美食类App原型制作分享-BonApp!

这次尝试做出高保真的原型,最大可能的还原了App的配色和交互。

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

先简单看看动图:

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

再送上UI Flow大图:

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

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

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

Enjoy it!

1条评论 添加新讨论

5天前评论

我也在使用Mockplus做原型,非常棒的工具。

回复
登录后参与讨论
Ctrl+Enter 发表