教程 > APP例子项目 > 教育类 - Busuu

教育类 - Busuu

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

点击这里,可以立即在线预览

再送上UI Flow大图: 

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

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

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

Enjoy it!    

上一章节 教育类 - Encode
下一章节 视频类 - VUE