教育类小程序课程详情页设计，竖版3:4，现代简约风格，清晰排版。页面上方展示标题"练习内容"，下方依次排列四个练习项目：1. 单元课文讨论 2. Big Question 深度思辨 3. 重点语法句型
1q08q6rir3-...
2026.05.22教育类小程序课程详情页设计，竖版3:4，现代简约风格，清晰排版。页面上方展示标题"练习内容"，下方依次排列四个练习项目：1. 单元课文讨论 2. Big Question 深度思辨 3. 重点语法句型
1q08q6rir3-...
2026.05.22
![[第3屏] 本屏功能定义：四大闯关类型多维能力培养介绍模块。
[氛围/风格] 清晰专业教育风，表格卡片化展示，延续整体明亮清新风格。
[元素布局] 顶部大标题区域，下方用卡片列表方式展示四个闯关类型和对应培养方向。每个闯关类型占一行，左侧为闯关名称，右侧为培养方向，用分隔线区分行间距，整体分区清晰。背景可加入简约科技感点状底纹，不干扰阅读。
[光影质感] 整体均匀光照，卡片之间层次感清晰，文字与背景对比度足够，保证移动端阅读清晰。
[配色色系] 全局底色：#F5F9FF；标题：#2A4B8D；卡片背景白色；闯关名称文字深蓝色加粗；培养方向文字深灰色，保持和前两屏一致的统一配色。
[视角构图] 9:16竖版，从上到下线性排版，信息层级清晰，符合手机浏览顺序。
[文字版式] 顶部主标题加粗居中："4大闯关类型，多维培养"。列表依次排版：
1. 口算闯关 → 逻辑思维与运算速度
2. 听写闯关 → 专注力与信息捕捉能力
3. 跟读闯关 → 语言感知与模仿能力
4. 练习闯关 → 综合应用与知识迁移能力
每行名称左对齐加粗，培养方向右对齐常规字，表格边框浅色，行间距宽松，所有文字在移动端清晰可辨，不拥挤。
[比例分辨率] 9:16竖版比例，4K分辨率，文字清晰可辨。
[负向提示词] 表格变形，文字错位，文字模糊，颜色刺眼，水印，违规内容，背景杂乱。](https://gd-cms.dancf.com/gd-cms/xi19e5/0/6b4fdfa8-8c07-4479-aefc-d49fe097e78a454.png?x-oss-process=image/resize,w_640,type_6/sharpen,120/interlace,1)
![[第6屏] 详情页卖点屏，展示情绪价值赋能和错题重练个性化推荐优势。
[氛围/风格] 温暖鼓励的学习氛围，清晰专业，信息层级分明。
[元素布局] 分为上下两个模块，上半部分展示情绪价值，下半部分展示错题重练功能。顶部通栏大标题，每个模块占据一半左右高度，中间用浅蓝细线分隔，排版宽松，内容不拥挤。
[光影质感] 均匀柔和光线，每个模块内容清晰展示，无明暗遮挡，阅读舒适。
[配色色系] 全局底色 #F5F8FF；标题蓝 #4086FF；文字深蓝 #1E3A8A；分隔线浅蓝，整体配色温暖干净。
[视角构图] 从上到下竖版9:16构图，适配移动端浏览，两个卖点模块纵向排列，信息清晰有序。
[文字版式] 顶部蓝色通栏大标题，白色加粗文字"个性化备考 更懂你的需求"，居中；上半模块标题加粗蓝色文字"情绪价值赋能"，说明文字"每套题后配鼓励语、错误率分布、进度激励，备考从不孤单"；下半模块标题加粗蓝色文字"错题重练+个性化推荐"，说明文字"自动记录高频错题，推荐同类题目针对性练习，高效提分"。标题突出，说明文字清晰，字号适合手机阅读。
[比例分辨率] 9:16竖版比例，4K分辨率，文字清晰可辨，超高清。
[负向提示词] 文字错乱，排版拥挤，颜色偏差，水印，图形变形，背景杂乱。](https://gd-cms.dancf.com/gd-cms/xi19e5/0/9ad8d6f8-d591-4b8e-966a-5c77c8b12449331.png?x-oss-process=image/resize,w_640,type_6/sharpen,120/interlace,1)
