在线教育「慕课网」网页版原型分享

UI / UI设计教程 / UI教程 /      

uimaker
UI设计师 / 江苏 南京

来源:网络   作者:佚名

关键词

刚刚毕业的学子们,终于也投身社会这个大熔炉中。初入职场,相信刚毕业的你们都有着上进的动力和梦想,但可能因为专业技能的不丰富或者略有欠缺,可能会在工作过程中不断碰壁,然而现在又不会有集中的时间去让你再次的学习,这就需要大家充分的利用起闲暇的碎片时间来不断的扩充自己的知识体系,让自己的知识体系不断的完善、完整。也许利用这些时间查漏补缺,不断完善自己才能让自己在社会的这个大熔炉中很好的生存下去,正好在这个互联网的时代网络课程越来越取代了传统辅导课程的地位,因为网络课程能促进高效学习,扩大学习空间,提升学习质量。

今天我们分享的原型资源就是功能全面的课程学习网站-慕课网,慕课网是技能学习平台。提供了丰富的视频教程资源公开课,并且富有交互性和趣味性。里面有很多的功能值得参考,原型资源已放置在文末,小伙伴们记得下载哟!!!

这次的原型资源内容包含了:

核心页面:「慕课网首页」、「职业路径页」、「职业路径-web端页」、「职业路径-套餐详情页」、「实战页」;

课程学习流程:「免费课程页」、「免费课程-章节页」、「免费课程-章节视频学习页」;

支付流程:「购物车页」、「支付界面-确认订单页」、「支付界面-支付中心页」、「订单中心页」;

常用界面:「猿问页」、「手记页」、「搜索页」、「个人信息页」、「个人设置页」、「讲师详情页」等。

慕课网是垂直的互联网IT技能免费学习网站。以独家的视频教程、在线编程工具、学习计划、问答社区为核心特色。整体交互逻辑清晰完整,交互方式生动有趣,接下来给大家展示一下低保真、高保真页面。

低保真界面预览

在线教育「慕课网」网页版原型分享

在线教育「慕课网」网页版原型分享

高保真组件库展示

在线教育「慕课网」网页版原型分享

我们组件库中的组件该如何使用呢?

1、进入 xiaopiu 精选广场的组件库/页面库,搜索慕课网高保真组件库,在搜索出的组件库右下角点击「引用为我的公用库」。

在线教育「慕课网」网页版原型分享

2、或直接进入「礼物说」组件库,然后点击右上角的引用按钮~

在线教育「慕课网」网页版原型分享

3、引用成功后,在您的项目编辑页左侧【组件库/页面库】就可以看到我们丰富的资源啦!拖拽组件到自己的页面上改一改就是你的了哟!

在线教育「慕课网」网页版原型分享

资源分享

慕课网低保真原型资源

慕课网高保真原型资源

慕课网低保真页面库资源

慕课网高保真页面库资源

慕课网高保真组件库资源

 收藏