Busuu是一款语言学习App,它包含了十几个国家的语言,只需随身携带 Busuu 即可利用任何闲暇时间坚持学习。在这款原型中,采用了滚动区来制作横向卡片切换效果,首先将滚动区的背景色透明度设置为0,然后滚动方向设置为“横向滚动”即可实现;其次还有首页的折叠菜单效果,采用的是面板组件来放置需要滑动的组件,然后通过设置移动交互,实现菜单折叠展开效果。 先简单看看动图:
点击这里,可以立即在线预览
再送上UI Flow大图:
这个原型的主要页面有:启动页面、注册页面、欢迎页面、主页、课程页面、单词学习页面等。
以上设计的所有页面可以在这里下载分享。
所有页面的图片集(13张),在这里下载。
Enjoy it!