Busuu是一款语言学习App,它包含了十几个国家的语言,只需随身携带 Busuu 即可利用任何闲暇时间坚持学习。在这款原型中,采用了滚动区来制作横向卡片切换效果,首先将滚动区的背景色透明度设置为0,然后滚动方向设置为“横向滚动”即可实现;其次还有首页的折叠菜单效果,采用的是面板组件来放置需要滑动的组件,然后通过设置移动交互,实现菜单折叠展开效果。

先简单看看动图:

Busuu

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

再送上UI Flow大图:

Busuu

这个原型的主要页面有:启动页面、注册页面、欢迎页面、主页、课程页面、单词学习页面等。

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

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

Enjoy it!

 

 

教育类App原型制作分享-Busuu