设计协作,用摹客

更好的产品协作设计平台,设计师的利器,产品经理的帮手,工程师的伙伴

文章分类
设计1+2,摹客就够了!

摹客,支持Sketch/PS/XD/Figma/Axure设计稿交付、自动标注切图、全流程协作。助力产品团队高效工作!

立即开启
【友情推荐】uimaker - 专注于ui设计,为ui设计师提供ui设计相关教程、素材及灵感。

了解更多
入门教程 了解更多
成都君德鑫力达科技发展有限公司

分享到微信朋友圈:

打开微信,点击底部的“发现”,使用 “扫一扫” 即可将网页分享到我的朋友圈。

设计资源 > 例子项目 > Mockplus设计例子 > 运动类App原型制作分享-Zombies, Run

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

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

先简单看看动图:

Mockplus原型分享-Zombies, Run

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

再送上UI Flow大图:

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

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

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

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

Enjoy it!

上一篇
旅游类App原型制作分享-Triposo

Anny   10/27

微信原型组件分享-WeUI

Anny   10/27

下一篇
需要帮助?

我是小摹,你的7*12小时产品顾问

立即扫码加入官方微信群

官方热线:19130671449

服务邮箱:service@jongde.com