产品介绍
大学生学习课程小程序是一款针对中国大学生群体打造的一款在线学习类的小程序,为大学生精选了多项在线课程,让大学生在学习中找到乐趣,帮助大学生进行更具有针对性地学习。界面视觉采用了蓝色为主色调,给用户传达出专业的感觉,使学生更好的沉浸到学习中去,让用户感受到产品传达的严谨
高效的特性。
首页根据用户的使用习惯以及重要的程度将不同的层级进行区分,首页整体采用了卡片式的设计,使不同的功能一了然,提高了用户使用的使用效率,提升了用户的粘性。
金刚区作为首页的重要组成部分,不同的入口用不同的线面结合的形状进行了区分,并增加了渐变,增加了图标的创意性与层次性.
“公开课直播”“考研”“热门课程”的入口运用了不同的卡片进行了表现,并给卡片进行了异形化的处理,图片和卡片进行了破界处理,增加了界面的创意性给人以耳目一新的感觉。:对界面背景添加颜色,增加了几何图形提升了界面的视觉冲击力。卡片错位的处理增加了界面的创意性,将重要信息更加凸显,使界面更加具有层次感。
将页面的边缘分割进行了异形化的处理,提升了界面的创意感,打破了常规。
标签栏运用了面性的方式,相较于线性图标更具有识别效率,选中状态与未选中状态进行了区分,未选中状态为浅灰色,选中状态为添加了渐变的颜色并增加了弥散投影,与产品的调性相一致,增加了空间感。
我的:我的页面根据用户的使用习惯以及重要的程度将不同的层级进行区分,给用户一种一目了然的感觉,提高用户的浏览效率,提升用户的用户体验,增加用户粘性
图标的部分用了面面图标和线性图标,将重要的功能提取出来添加面性图标,面性图标根据不同的属性赋予不同的颜色,线性图标增加了主色的颜色,融入了品牌元素,塑造品牌形象。
对界面背景添加颜色,增加了几何图形提升了界面的视觉冲击力。卡片错位的处理增加了界面的创意性,将重要信息更加凸显,使界面更加具有层次感
将页面的边缘分割进行了异形化的处理,提升了界面的创意感,打破了常规。
学习:学习页面分为两个模块,“今日课程”以及“我的课程”给用户一种一目了然的感觉,提高用户的浏览效率,提升用户的用户体验,增加用户粘性。
“今日课程”加入了插画的设计,减少了页面的单调性,使界面更具有趣味性。“我的课程”进行了卡片化的设计,卡片进行了圆角化的设计,使界面更具有呼吸感。图片与卡片进行了破界处理,图片进行了异形化的处理,使界面更具有创意性打破了常规。
“我的课程”的学习进度不同了状态下有不同的显示,使用户可以明确的了解自己的学习进程,更具有人性化,提升了用户体验,增加了用户粘性。
消息:消息中心页面简洁、明了,使用户可以一目了然,便于用户操作。文字运用了深灰、中灰、浅灰进行了区分,明确的突出了重点,使界面更具有层次感。
图形增加了线性渐变以及弥散投影,是界面更具有空间感当有新消息提示时增加了小标签,并对小标签进行了异形化的处理,看起来具有创意性,也可以使用户一眼看到新消息,提升了用户体验,增加了用户的粘性。
购物车:购物车页面运用了大量的卡片设计,使界面更具有呼吸感,文字根据不同的重要程度用深灰、中灰、浅灰进行了区分,使界面更具有层次感。价格运用了主色的颜色,使用户可以首先注意到。物品的选中运用了渐变,,促使用户选择,进行购物。