×

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

作者:anny2017.10.10来源:Web前端之家浏览:12981评论:0
关键词:Bon App

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

先简单看看动图:

Mockplus原型分享-Bon App!

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

再送上UI Flow大图:

Mockplus原型例子-Bon App!流程图

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

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

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

Enjoy it!


您的支持是我们创作的动力!
温馨提示:本文作者系anny ,经Web前端之家编辑修改或补充,转载请注明出处和本文链接:
https://jiangweishan.com/article/BonApp.html

网友评论文明上网理性发言已有0人参与

发表评论: