美食类App原型制作分享-Recipes

Recipes是一款美食菜谱类App，这次用到的一些交互主要是图片的左右切换、 滚动的微交互，Mockplus在滚动的支持上比较友好，可以拉长手机外壳，或者使用滚动区组件，选择后者可以做滚动页面上面的悬浮按钮、悬浮菜单等。下面一起来看看。

先简单看看动图：

[url=http://doc.mockplus.cn/wp-content/uploads/2016/11/Mockplus%E5%8E%9F%E5%9E%8B%E5%88%86%E4%BA%AB-Recipes.gif][img=700,930]http://doc.mockplus.cn/wp-content/uploads/2016/11/Mockplus%E5%8E%9F%E5%9E%8B%E5%88%86%E4%BA%AB-Recipes.gif[/img]

点击这里，可以立即在线预览：[url=http://run.mockplus.cn/337s5n5TY2tvSrL7/index.html]http://run.mockplus.cn/337s5n5TY2tvSrL7/index.html

再送上UI Flow大图：

[url=http://doc.mockplus.cn/wp-content/uploads/2016/11/Mockplus%E5%8E%9F%E5%9E%8B%E4%BE%8B%E5%AD%90-Recipes%E6%B5%81%E7%A8%8B%E5%9B%BE.png][img=3000,4569]http://doc.mockplus.cn/wp-content/uploads/2016/11/Mockplus%E5%8E%9F%E5%9E%8B%E4%BE%8B%E5%AD%90-Recipes%E6%B5%81%E7%A8%8B%E5%9B%BE.png[/img]

这个原型的主要页面有：启动页面、主页、美食详情页、菜谱页面、收藏页面、最近浏览页面、设置页面等。

以上设计的所有页面可以在[url=http://doc.mockplus.cn/wp-content/uploads/2016/11/Recipes.zip]这里下载分享。

所有页面的图片集(17张)， [url=http://doc.mockplus.cn/wp-content/uploads/2016/11/Recipes_Images.zip]在这里下载。

Enjoy it！