订阅摹客文章

免费获取优质的设计资讯!

文章分类
Mockplus是什么?

更快更简单的原型设计工具,微软、联合国国贸中心、华为、百度、东软、育碧、中石油、Oracle、西门子、IBM都在用,你呢?

开始使用
设计+协作,摹客就够了!

摹客,设计+协作的一站式云平台。为企业团队提供原型设计和全流程的设计协作,从产品、设计到开发,摹客来解决。

免费使用
【友情推荐】人人秀,H5活动制作工具,3分钟完成制作。

了解更多
入门教程 了解更多

分享到微信朋友圈:

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

设计资源 > 例子项目 > Mockplus设计例子 > 交通类App原型制作分享-DiDi

交通类App原型制作分享-DiDi

DiDi是一款打车App,这类App中用得最多的就是地图,在Mockplus中,有静态的地图组件,可以直接使用,然后为了还原App中的定位图标,我使用了圆形图标来拼凑了一个新的定位图标,其次,图标库中有几种不同的车辆图标,可以直接使用。下面一起来看看。

先简单看看动图:

DiDi

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

再送上UI Flow大图:

DiDi

这个原型的主要页面有:主页、地址搜索页面、城市选择页面、我的行程页面、设置页面、钱包页面等。

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

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

Enjoy it!


上一篇
美食类App原型制作分享-Sooshi

Anny   12/21

天气类App原型制作分享-ColorfulClouds

Anny   12/15

下一篇
需要帮助?

摹客产品顾问为你服务

我是Thomas,立即扫码加我吧!

帮助群:1064786530

服务邮箱:service@jongde.com