×

美食类App原型制作分享-Kitchen Stories

作者:anny2018.02.12来源:Web前端之家浏览:1248评论:0
关键词:
微信公众号

微信公众号

Kitchen Stories 受到数百万用户的喜爱,它用美丽的图片找到美味的食谱,拥有免费的食谱视频和指导视频。在这款美食App原型中,图片如果全部使用占位符来表示,可能展现不出食物诱人的美味,因此,我采用的是数据自动填充功能,将图片大小、位置设置好之后,点击数据填充中的“美食”分类,一键自动随机填充各种美食图片,大大提高工作效率。


先简单看看动图:


Kitchen Stories


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


再送上UI Flow大图:


Kitchen Stories


这个原型的主要页面有:欢迎页面、登录注册页面、主页、购物清单页面、个人信息页面、设置页面等。

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

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

Enjoy it!


温馨提示:本文作者系anny ,经Web前端之家编辑修改或补充,转载请注明出处和本文链接:
http://jiangweishan.com/article/%E7%BE%8E%E9%A3%9F%E7%B1%BBApp%E5%8E%9F%E5%9E%8B%E5%88%B6%E4%BD%9C%E5%88%86%E4%BA%AB-Kitchen%20Stories.html

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

发表评论:

最新留言

  • qlong

    mailAutoComplete插件好用。...

  • admin

    相辅相成,都可以实现TIPS提示功能,只是形式不一样。...

  • 访客

    提示插件tipso和tooltips有啥区别啊...

  • jercy

    新版网站的界面很不错~...

  • jay

    很多沟通技巧还是挺不错的。...

  • 访客

    这个可以用,可能是你程序的问题吧...

  • 访客

    能不能原创,网上一找全是这段。这没效果,复制也先自己测测好不????...

  • 访客

    谢谢楼主。。。。。。。。...

首页|JavaScript|HTML|HTML4|HTML5|CSS3|开发工具|性能优化|移动开发|前端教程|性能优化|开发工具|酷站欣赏|UI设计|前端教程

Copyright © 2013-2018 Web前端之家(www.jiangweishan.com) 版权所有 All Rights Reserved.
粤ICP备12067512号-1

Copyright Your WebSite.Some Rights Reserved.

Powered By Z-BlogPHP 1.5.2 Zero