智能手机和app带来的便利使得人们使用智能手机学习的时间逐渐增长,越来越多的人喜欢用手机学习,而多个年龄段的用户对于英语的学习要求除了教育上的必要,还有对生活品质的提高和自身的提高。对于想学英语的人群,app市场也提供了很多各种各样的学习app,有直接背单词的app,有视频课堂app,还有帮助练习口语的app。
本次精选的「英语流利说」app原型,原型的UI简洁直观,包括很多新的静态组件和交互组件,页面交互组件美观且有特色,原型包括了「学习」、「流利吧」、「我」等一级页面,「口语力」数据图、「我的课程」、「听力播放」、「排行榜」、「添加课程」、「每日一句」、「视频课程」、「视频详情」、「视频练习」、「课程学习」、「课程对话」、「倒计时页」、「课程闯关」、「闯关成绩」、「评估」等次级页面,包含了「数据图」静态组件、「倒计时」动效、「录音」交互组件、「课程卡片切换」交互动效、「评估分数」静态组件等,原型内各类组件丰富,大家不要错过啦~
高低保真对比原型展示
部分高保真原型流程预览
手动预览更多流程可以点击这里
高保真组件库展示
利用组件库搭建页面
在精选广场的组件库里搜索 英语流利说,在搜索出的组件库右下角点击「引用为我的公用库」
或直接进入 xiaopiu-英语流利说组件库 ,然后点击右上角的引用按钮~
如上图所示,点击引用后,组件库即成为自己的引用资源(库内的资源也会实时更新),大家可在项目中使用,快速搭建自己的页面,如下面搭建一个语音录制学习页面:
资源地址
高保真原型地址→ xiaopiu-英语流利说
低保真原型地址→ xiaopiu-英语流利说(低保真)
高保真页面库地址→ xiaopiu-英语流利说高保真页面库
低保真页面库地址→ xiaopiu-英语流利说低保真页面库
高保真组件库地址→ xiaopiu-英语流利说组件库
更多资源详见专栏:xiaopiu工坊
或直接访问我们的网站:xiaopiu-精选广场
欢迎大家对我们的原型提出建议,对后面分享内容有哪些期待和想法也可以跟我们交流哟!_(:⁍」∠)_
原文地址:xiaopiu工坊
作者:王二麻
评论0