教育类App「英语流利说」原型分享(附资源下载)

教育类App「英语流利说」原型分享,高低保真原型、页面库、组件库均提供下载。

智能手机和app带来的便利使得人们使用智能手机学习的时间逐渐增长,越来越多的人喜欢用手机学习,而多个年龄段的用户对于英语的学习要求除了教育上的必要,还有对生活品质的提高和自身的提高。对于想学英语的人群,app市场也提供了很多各种各样的学习app,有直接背单词的app,有视频课堂app,还有帮助练习口语的app。

本次精选的「英语流利说」app原型,原型的UI简洁直观,包括很多新的静态组件和交互组件,页面交互组件美观且有特色,原型包括了「学习」、「流利吧」、「我」等一级页面,「口语力」数据图、「我的课程」、「听力播放」、「排行榜」、「添加课程」、「每日一句」、「视频课程」、「视频详情」、「视频练习」、「课程学习」、「课程对话」、「倒计时页」、「课程闯关」、「闯关成绩」、「评估」等次级页面,包含了「数据图」静态组件、「倒计时」动效、「录音」交互组件、「课程卡片切换」交互动效、「评估分数」静态组件等,原型内各类组件丰富,大家不要错过啦~

高低保真原型对比展示

部分高保真原型流程预览

手动预览更多流程可以点击这里→ xiaopiu-英语流利说

高保真组件库展示

利用组件库搭建页面

在精选广场的组件库里搜索 英语流利说,在搜索出的组件库右下角点击「引用为我的公用库」


或直接进入 xiaopiu-英语流利说组件库 ,然后点击右上角的引用按钮~

如上图所示,点击引用后,组件库即成为自己的引用资源(库内的资源也会实时更新),大家可在项目中使用,快速搭建自己的页面,如下面搭建一个语音录制学习页面:

资源地址

高保真原型地址→ xiaopiu-英语流利说

低保真原型地址→ xiaopiu-英语流利说(低保真)

高保真页面库地址→ xiaopiu-英语流利说高保真页面库

低保真页面库地址→ xiaopiu-英语流利说低保真页面库

高保真组件库地址→ xiaopiu-英语流利说组件库

文/WOOSEVELT(知乎专栏:xiaopiu工坊)

3条评论 添加新讨论

01月08日评论

实用啊

回复
登录后参与讨论
Ctrl+Enter 发表