摹客教程

摹客教程

摹客,让设计更快更简单

旅游类App的原型制作分享

今天我用Mockplus做了一套Gogobot的原型,这是一款旅游类的App。为了达到高保真的效果,在做原型图的时候我把App的颜色也一并做好了,因为Mockplus的颜色属性设置可以直接吸取颜色,非常方便快捷,除了配色,动效上我也尽量还原了App原来的效果,其中Mockplus的滚动区组件除了纵向还有横向滚动,满足了我对滚动的需求~好了,下面请看我的成果吧!

先简单看看动图:

Mockplus原型例子-Gogobot演示效果

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

再送上UI Flow大图:

Mockplus原型例子-Gogobot流程图2

这个原型的主要页面有:启动页面、登录注册页面、欢迎页面、城市列表页面、主页、详情页面、搜索页面、活动页面、个人信息页面等。

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

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

Enjoy it!

 


另见: