收藏本站腾讯微博新浪微博

经典论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

蓝色理想 最新研发动态 网站开通淘帖功能 - 蓝色理想插件 论坛内容导读一页看论坛 - 给官方提建议

论坛活动及任务 地图和邮件任务 请多用悬赏提问 热夏来袭,选一款蓝色理想的个性T恤吧!

手机上论坛,使用APP获得更好体验 急需前端攻城狮,获得内部推荐机会 论坛开通淘帖功能,收藏终于可以分类了!

搜索
查看: 1308|回复: 0

[界面] 运动类App原型制作分享-Zombies, Run

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


先简单看看动图:


Mockplus原型分享-Zombies-Run.gif


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


再送上UI Flow大图:


Mockplus原型分享-Zombies-Run流程图.png


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


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


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

Enjoy it!
您需要登录后才可以回帖 登录 | 注册

本版积分规则

QQ|小黑屋|Archiver|手机版|blueidea.com ( ICP05002321 )  

GMT+8, 2019-11-14 08:36 , Processed in 0.109101 second(s), 9 queries , Gzip On, Memcache On.

Powered by Discuz! X3.2 Licensed

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表