美食类App原型制作分享-Bon App!
2017-10-10 15:26
344 查看
Bon App!是一款美食类App,这次也是尝试做出高保真的原型,最大可能的还原了App的配色和交互。因为是高保真,所以特别注意的就是细节的设计,图标、按钮形状、输入框样式等,在属性上都做了相应的设置,Mockplus的组件属性还是相当丰富,但如果涉及到一些个性化的组件,就需要使用一些基本组件的拼凑(比如二维码扫描);另外,交互方面也高度还原,弹出、内容切换、滑动这些基本交互都能轻松实现,一起来看成果吧!
先简单看看动图:
![](https://img-blog.csdn.net/20171010152705440?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvd2VlZW45NjA=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center)
点击这里,可以立即在线预览:http://run.mockplus.cn/NxqJ076plNFSg5l3/index.html
再送上UI Flow大图:
![](https://img-blog.csdn.net/20171010152747974?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvd2VlZW45NjA=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center)
这个原型的主要页面有:主页、登录注册页面、搜索页面、美食列表页面、美食分享页面、详情页、个人信息页面等。
以上设计的所有页面可以在这里下载分享。
所有页面的图片集(22张), 在这里下载。
Enjoy it!
先简单看看动图:
点击这里,可以立即在线预览:http://run.mockplus.cn/NxqJ076plNFSg5l3/index.html
再送上UI Flow大图:
这个原型的主要页面有:主页、登录注册页面、搜索页面、美食列表页面、美食分享页面、详情页、个人信息页面等。
以上设计的所有页面可以在这里下载分享。
所有页面的图片集(22张), 在这里下载。
Enjoy it!
相关文章推荐
- 美食类App原型制作分享-Beanhunter
- 优秀原型设计欣赏:美食类App原型制作分享-Sooshi
- 体育类App原型制作分享-AusOpen
- 购物类App原型制作分享-Lyst
- 音乐类App原型制作分享-Qello Concerts
- 健康类App原型制作分享-Pillow
- 旅游类App原型制作分享-Triposo
- 优秀原型设计欣赏:社交类App原型制作分享-LinkedIn
- 购物类App的原型制作分享
- 运动类App原型制作分享-Zombies, Run
- 视频类App原型制作分享-VUE
- 购物类App原型制作分享-Polyvore
- 效率类App原型制作分享-One List
- 效率类App原型制作分享-Swipes
- 优秀原型设计欣赏:交通类App原型制作分享-DiDi
- 求职类App原型制作分享-Part-time Clouds
- 旅游类App的原型制作分享
- 阅读类App原型制作分享-Another Read
- 教育类App原型制作分享-Encode
- 饮品类App原型制作分享-Starbucks