源码获取：ym7k.com/11811/

在线教育 App 界面拆解：用清单看懂学习平台的完整设计

一、首页：一站式课程发现入口

• 顶部搜索与品牌区：页面最上方是搜索栏，支持输入关键词快速查找课程；下方搭配 “金牌导师”“绝对干货”“学员互动”“数据贯通” 标签，传递平台核心优势，快速建立用户信任。
• 课程分类入口区：用图标 + 文字的形式，提供 “免费课程、VIP 课程、线下课程、线上互动” 四大入口，覆盖不同用户的学习场景与付费意愿，引导用户快速进入对应板块。
• 课程推荐区：分为 “猜你喜欢” 和 “精品课程” 两个板块，以 “Java 从入门到放弃” 为例，展示课程封面、简介、学习人数和价格；“换一换”“更多 >” 按钮则满足用户浏览更多课程的需求，提升内容曝光率。
• 底部导航栏：包含 “首页、课程、线下课程、发现、我的” 五大入口，实现不同功能模块的快速切换，构建完整的 App 功能闭环。

二、“我的” 页面：个人中心与服务管理

• 登录与账户信息区：顶部醒目的 “请登录” 提示，搭配余额、积分、学习成就、优惠券等数据模块，既引导用户登录，也展示了平台的会员体系与用户权益；“成为会员” 按钮则为用户提供了升级路径，实现付费转化引导。
• “我的课程” 模块：提供 “线上课程、线下课程、退款、收藏” 功能入口，方便用户管理已购课程，解决学习进度查看、订单管理等核心需求。
• “我的服务” 模块：包含签到、我的积分、我的足迹、我的佣金、我的团队、学习记录、我的评论、学习券、分享好友、帮助中心、投诉建议、官方热线等功能，覆盖用户从日常学习、权益管理到问题反馈的全流程，提升用户留存与体验。

三、课程列表页：结构化的课程筛选与浏览

• 分类标签栏：顶部提供 “全部、免费、VIP、热门好评、视频” 标签，支持用户按课程类型、付费方式、热度等维度筛选课程，快速找到符合需求的内容。
• 侧边分类栏：按学科划分 “编程语言、计算机、音乐” 等大类，方便用户按学习方向浏览课程，解决用户 “不知道学什么” 的问题。
• 课程展示区：以列表形式展示课程，包含课程名称、简介、学习人数和价格等关键信息，让用户快速判断课程价值，降低决策成本。