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

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

高低保真原型对比展示

预览一波Gif——

高保真组件库展示

利用组件库快速搭建页面

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

(http://www.xiaopiu.com/square/contr?searchText=%E7%BD%91%E6%98%93%E4%BA%91%E8%AF%BE%E5%A0%82)

也可以进入组件库→

http://www.xiaopiu.com/square/contr?searchText=%E7%BD%91%E6%98%93%E4%BA%91%E8%AF%BE%E5%A0%82&libPop=contr&libId=59ddcc6da1140844fa962437

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

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

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

资源地址

高保真原型预览：http://www.xiaopiu.com/h5/byId?type=project&id=59ddc9e6a1140844fa962404

低保真原型预览：http://www.xiaopiu.com/h5/byId?type=project&id=59e02e87a1140844fa962d26

原型*载下**：

http://www.xiaopiu.com/square?searchText=%E7%BD%91%E6%98%93%E4%BA%91%E8%AF%BE%E5%A0%82

高保真页面库引用：

http://www.xiaopiu.com/square/page?searchText=%E7%BD%91%E6%98%93%E4%BA%91%E8%AF%BE%E5%A0%82&libPop=page&libId=59e02ea1a1140844fa962d2a

低保真页面库引用：

http://www.xiaopiu.com/square/page?searchText=%E7%BD%91%E6%98%93%E4%BA%91%E8%AF%BE%E5%A0%82&libPop=page&libId=59e03414a1140844fa962d7f

组件库引用：

http://www.xiaopiu.com/square/contr?searchText=%E7%BD%91%E6%98%93%E4%BA%91%E8%AF%BE%E5%A0%82&libPop=contr&libId=59ddcc6da1140844fa962437

其它「资源分享系列」链接

生活类APP「美团」原型分享

WeUI（微信）原型资源分享

共享单车（ofo）APP原型资源分享

记账APP「随手记」原型分享

移动办公App「钉钉」原型分享

外卖（饿了么）APP原型资源分享

金融（支付宝）APP原型资源分享

健身（Keep）APP原型资源分享

音乐（网易云音乐）APP原型资源分享