DESIGN STUDY / ARCHIVE教育产品 / 多端 UI / 内容层级

AI 教培平台 · 多端学习体验.

连接课程、AI 工具与企业培训，以紫蓝视觉体系组织移动学习入口和网页课程展示，让内容与行动更容易被找到。

我的工作：移动端与网页端 UI 视觉设计

原始作品 · 设计档案

连接学习者与培训服务

原稿围绕 AI 课程学习与企业培训展示内容，面向希望了解 AI 工具、参与课程和寻找培训服务的用户。设计将课程日程、工具导航、企业专题和个人中心分开组织，让用户能从自己的学习任务出发进入相应页面。

移动端通过卡片、日期选择和底部导航串联课程浏览、工具查找、积分明细与评价；网页端则用更充分的空间呈现品牌首页、课程目录与训练营专题。两端共用紫蓝主色和圆角语言，同时适应各自的信息密度。

课程封面、栏目标题、分类标签和主要按钮形成不同层级。浅色阅读区与深色宣传区区分学习信息和活动氛围，避免所有内容同时争夺注意力。本案例呈现 UI 方案与内容组织方式，AI 服务能力以实际产品实现为准。

9 组原作 · 完整比例呈现，点击查看大图