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

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

高低保真原型对比展示

部分高保真原型流程预览

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

高保真组件库展示

利用组件库搭建页面

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

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

如上图所示，点击引用后，组件库即成为自己的引用资源（库内的资源也会实

时更新），

大家可在项目中

使用，快速搭建自己

的页面，如下面搭建一个语音录制学习页面：

资源地址

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

低保真原型地址→ xiaopiu- 英语流利说（低保真）

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

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

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

文 /WOOSEVELT（知乎专栏：xiaopiu 工坊）