首发于xiaopiu工坊
在线教育APP「网易云课堂」原型分享

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

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


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


高低保真原型对比展示

戳大图可以看高清哦~


预览一波Gif——

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


高保真组件库展示


利用组件库快速搭建页面

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

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


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

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

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


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

资源地址

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

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

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

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

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

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


其他资源分享

更多资源详见专栏:xiaopiu工坊

或直接访问我们的网站:xiaopiu-精选广场

除了以上的原型模板,我们还有 钉钉、Ant Design、哔哩哔哩、百词斩、知乎、喜马拉雅FM、天猫商城、WeUI、饿了么、音乐、ZAKER、Timeline、Yahoo News Digest、澎湃新闻、loading动效、腾讯视频、ofo小黄车、新浪微博、Instagram、Keep、支付宝、QQ、全民K歌、斗鱼、58同城、小程序-轻芒杂志、小程序-自选股、小程序-王者荣耀排行榜、小程序-朝夕日历、小程序-摩拜单车几十款精选多行业高品质原型模板等你来用哦!


欢迎大家对我们的原型提出建议,对后面分享内容有哪些期待和想法也可以跟我们交流哟!_(:⁍」∠)_


如果你觉得还不错,动动手点个赞,生活更美好(ㅅ´ ˘ `)♡

编辑于 2017-10-16

文章被以下专栏收录