陌北默

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

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

 

高低保真原型对比展示

Line education APP NetEase cloud 01

 

预览一波Gif——

Line education APP NetEase cloud 02

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

 

高保真组件库展示

Line education APP NetEase cloud 03

 

利用组件库快速搭建页面

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

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

Line education APP NetEase cloud 04

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

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

Line education APP NetEase cloud 05

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

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

Line education APP NetEase cloud 06


资源地址

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

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

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

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

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

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

 

其他资源分享

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

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

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

 

原文地址:知乎

作者:王二麻

 

转载请注明:学UI网—UI设计师学习教程平台 » 在线教育APP「网易云课堂」原型分享

登录收藏

学UI就上学UI网!越努力,越幸运!

“学UI网www.ccopus.com?”最值得关注的UI学习平台! 每天发布高质量的设计教程和分享设计经验,服务于20万UI设计师,帮助初学者快速转型。每周六晚上免费YY公开课(36013311),给大家提供更多免费学习的机会。想成为设计师的你快来关注吧!

【特色推荐】

APP截图站app.ccopus.com” 海量APP截图,让你灵感爆发!国内最好的APP截图站。

UI作业网 zuoye.ccopus.com” 每一个作业题都尽量配有教程,交作业就有大神免费帮你点评作业,爽歪歪!

UI设计导航站 hao.ccopus.com” 专为UI设计学习者打造的资源+学习,双用途的网址导航站。亲爱的,你收藏了吗?

【学UI网 原创文章 投稿邮箱:tougao@ccopus.com,也可以找各个群的管理】

 
你可能喜欢的:
移动办公app「钉钉」原型分享移动办公app「钉钉」原型分享
「Ant Design」原型资源分享「Ant Design」原型资源分享
视频APP「哔哩哔哩」原型分享视频APP「哔哩哔哩」原型分享
如何制作统一可复用iOS/Material Design元件库?(附源文件)如何制作统一可复用iOS/Material Design元件库?(附源文件)
以手机淘宝为例,看原型图易缺失的交互场景以手机淘宝为例,看原型图易缺失的交互场景
背单词APP「百词斩」原型分享背单词APP「百词斩」原型分享
对于UX设计,你不必知道一切对于UX设计,你不必知道一切
问答社区「知乎」APP原型分享问答社区「知乎」APP原型分享
不能错过的Sketch实用新技巧和资源集锦不能错过的Sketch实用新技巧和资源集锦
App搜索功能探析(附原型模板)App搜索功能探析(附原型模板)
?