Zobies, Run，一款运动类App，帮助监督你实行自己的健身计划。这款App我试着做了板块的立体视觉效果，由于Mockplus中没有阴影效果（当然在原型阶段这是不必要的），但是为了尝试让这款App的特点更突出，我用矩形组件去除部分边框，只留下底部边框，再将底部边框颜色加深，从而实现一个立体效果的选项，其次，分隔条我也使用了两根不同颜色的线条组合，做出了立体分割的效果。下面，来一起看看效果吧。
先简单看看动图：
点击这里，可以立即在线预览：http://run.mockplus.cn/aJ7W9R2MuMRtMJmR/index.html
再送上UI Flow大图：
这个原型的主要页面有：启动页面、登录注册页面、主页、计时页面、版本升级页面、任务列表页面等。
以上设计的所有页面可以在这里下载分享。
所有页面的图片集(14张)，在这里下载。
Enjoy it！
网友评论