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


先简单看看动图:


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


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


再送上UI Flow大图:


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


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


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


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


Enjoy it!

 

相关文章:

  • 2021-11-29
  • 2021-04-11
  • 2021-07-31
  • 2022-01-03
  • 2021-11-24
  • 2022-01-23
  • 2021-10-30
  • 2021-11-08
猜你喜欢
  • 2021-10-25
  • 2021-09-01
  • 2021-09-28
  • 2021-12-02
  • 2021-06-26
  • 2021-10-01
  • 2022-01-10
相关资源
相似解决方案