×

运动类App原型制作分享-Zombies, Run

作者:anny2017.09.19来源:Web前端之家浏览:8321评论:0
关键词:UI设计
微信公众号

微信公众号

Zobies, Run,一款运动类App,帮助监督你实行自己的健身计划。这款App我试着做了板块的立体视觉效果,由于Mockplus中没有阴影效果(当然在原型阶段这是不必要的),但是为了尝试让这款App的特点更突出,我用矩形组件去除部分边框,只留下底部边框,再将底部边框颜色加深,从而实现一个立体效果的选项,其次,分隔条我也使用了两根不同颜色的线条组合,做出了立体分割的效果。下面,来一起看看效果吧。

先简单看看动图:

Mockplus原型分享-Zombies, Run

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

再送上UI Flow大图:

Mockplus原型分享-Zombies, Run流程图

这个原型的主要页面有:启动页面、登录注册页面、主页、计时页面、版本升级页面、任务列表页面等。

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

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

Enjoy it!


温馨提示:本文作者系anny ,经Web前端之家编辑修改或补充,转载请注明出处和本文链接:
https://www.jiangweishan.com/article/design12341312312144.html

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

发表评论:

最新留言

  • Web前端之家

    是的,等其他人验证没问题再装吧,总会有第一个吃螃蟹的人,哈哈!!...

  • a235

    Windows11现在还不敢装吧,貌似需要等待很多软件测试,不然装了,就怕不兼容。...

  • Web前端之家

    GoogleAdSense可以的,可以加群主,帮你搞定这事情~~...

  • s121

    GoogleAdSense好弄吗,想弄一个账号。...

  • s121

    不错,正好用到,收藏了!...

  • 访客

    什么机翻...

  • Web前端之家

    只是更轻便,还是有些差距的呢,小项目可以玩玩。...

  • ja124

    这个跟vue和react比,好些吗?...

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

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

Copyright Your WebSite.Some Rights Reserved.

Powered By Z-BlogPHP 1.6.8 Valyria