在线教育APP「网易云课堂」原型分享

网易云课堂APP高保真和低保真原型,组件库、页面库均提供下载。

网络课程是随着计算机网络的飞速发展而开始盛行的一种新型的教学模式,不仅汇集了大量优秀的师资力量,提供多个层次的教育内容,也节省了外出学习额外花费的路程时间,可反复观看的课程还帮助了学习中不能很快吸收知识的学生反复巩固理解,帮助用户掌握自己学习权,很多课程讲师也提供一对一交流,使得用户可以根据不懂的内容再来提问。网络课程促进了高效学习,扩大了学习空间,提升了学习质量。

本次给大家提供的是在线教育app中好评较高的「网易云课堂」app,包括「首页」、「推荐」、「课程」、「微专业」、「分类」、「我的学习」、「账号」此类一级页面,「搜索」、「下载」、「课程详情」、「收藏」、「知识清单」、「文章」等次级页面,还有「课程咨询」、「购买课程」、「开始学习」、「观看学习视频」、「评价」等系列交互流程,还包括「下载」动画、「充值」流程、「感兴趣标签」、「注册登录」页面等,做视频教育类app的童鞋们千万不要错过啦!

高低保真原型对比展示

预览一波Gif——

预览完整原型请点击→ xiaopiu - 网易云课堂高保真原型

高保真组件库展示

利用组件库快速搭建页面

在精选广场的组件库里搜索 网易云课堂 ,在搜索出的组件库右下角点击「引用为我的公用库」

(或者直接简单粗暴的戳这里→ xiaopiu-搜索网易云课堂组件库

也可以戳这里直接进入组件库→ xiaopiu-网易云课堂组件库

之后点击右上角的「引用按钮」~

引用以后,就可以直接在项目中看到左边的组件库里有引用的这个组件库啦~所有引用的组件库会随着发布者的更新而更新哦~

这个组件库到底有多方便呢?看看这个动态演示↓

资源地址

高保真原型预览:xiaopiu - 网易云课堂高保真原型

低保真原型预览:xiaopiu - 网易云课堂低保真原型

原型下载: xiaopiu - 网易云课堂高低保真原型下载

高保真页面库引用: xiaopiu - 网易云课堂高保真页面库

低保真页面库引用: xiaopiu - 网易云课堂低保真页面库

组件库引用: xiaopiu-网易云课堂组件库

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

1条评论 添加新讨论

2017年10月17日评论

不错,学习到了

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