欢迎访问灵集科技有限公司
0471-4953016 nmgjoin@sina.com

开发 | 教育行业UI设计案例

发布时间:2021年10月19日    阅读次数:88

一款APP的ui设计不仅包括色彩,更有字体设计、图标设计、元素组合规范,以及不同的应用页面设计。


UI界面的排版看似很简单,每一步都是设计师的谨慎抉择。需要经过非常细致的处理,才会成为UI设计作品呈现在大众眼前。



UI设计大赏

Design  Sharing

微信图片_20211019082745.jpg

在社会推广全民素质的情况下,家长为孩子选择兴趣班时尤为困难,课程多又繁杂,所以不知道孩子想学哪个,或者不知道哪个对于孩子的未来有所帮助。【小白杨科教】为我司根据甲方需求定制开发的教育类小程序。

小白杨科教

项目类型:小程序开发

主要功能:在线约课、课程管理、积分商城、消息通知、用户互动等。

业务场景:分为教师端、销售端、用户端,不同账号显示不同业务功能。

教师端:课程表、学员列表、课程统计

销售端:排课、调课、新增会员

用户端:积分商城、优惠券、学习课程

商家入驻的形式,用户通过平台购买课程,注册会员即可免费享受平台内体验课程。

技术支持:内蒙古灵集科技


微信图片_20211019082818.jpg

业务范围之软件开发


01

APP/小程序开发:热门行业APP

02

互联网医院、政务民生类

03

电商平台:商城分销、团购直播、教育培训

04

企业办公:钉钉、OA系统、企业管理软件



设计理念介绍

Design  concept


• 对主按钮和辅助按钮使用不同的视觉权重,视觉重量最强的按钮将获得更多关注。

微信图片_20211019082823.jpg

功能:选择时间段约课


微信图片_20211019082827.jpg

功能:热门课程展示


• 使用强烈的颜色,粗体文本和大小为主要按钮赋予视觉效果。对次要动作则相反。

微信图片_20211019082831.jpg

功能:舞蹈课程展示


对于描述功能的小文本块,通常情况下,列表有以下几种形式:图像+文本、图标+文本、数字+文本等。设计师考虑用哪种形式可以让信息更有效的表达。

微信图片_20211019082835.jpg

功能:我的页面展示


适当的填充和间距可使布局看起来整洁有序,同时使用户更容易阅读和理解信息。

每个界面避免将低对比度的文本复制放置在图像上,图片内容和背景之间有足够的对比,更能突出显示


图片

在应用程序中,图标通常等同于按钮。选择正确的视觉图像以符合元素含义的原因非常重要。

让用户在深入了解产品细节时就投入到产品的使用中。

微信图片_20211019082841.jpg

积分、商城展示页

【积分/抽奖】为了实现小程序的推广,促使用户购买课程学习,举行营销活动是必不可少的。


所以在小程序中,就需要这样一个版块,用来专门举行各种活动,吸引用户前来参与,这样就可以赢取活动奖品,或是享受购买课程的优惠。既能让参与的用户更喜欢小程序,同时又能通过活动吸引更多用户前来。

微信图片_20211019082847.jpg

新增会员、约课展示页

微信图片_20211019082851.jpg

排课、课程表展示页


【排班记录】小程序快速方便记录排班的,支持多个人员排班,排班自定义,排班报表等实用功能,可直接在手机完成排班设定与排班查看,让排班更方便。


微信图片_20211019082855.jpg

课程统计展示页


【课程统计】智能统计快速反馈,快速查看消课明细、课程售卖总业绩、总授课节数、学员总人数。


微信图片_20211019082859.jpg

学员信息、客户池展示页


【小白杨科教】是面向B端商户及C端家长的综合性教育平台,功能丰富而且对会员家长和老师免费使用。一款家校沟通、班级管理的微信小程序。

发布小程序上线截止目前共计10万+数据,会员量高达3万+,成为会员即可免费享受平台体验课、报名、购买课程等等。并且家长还能方便管理自己宝贝信息,订单,学习课程等。



文章转自: