[第4屏] 公开课搜索功能页面展示，包含顶部搜索框、输入关键字后展示搜索结果列表。 [氛围/风格] 现代简约搜索界面设计，清晰交互反馈，干净清爽。 [元素布局] 顶部导航下方是搜索框，带放大镜搜索图标
乐清_
![[第8屏] 完整公开课APP列表页面总览，展示完整长列表滚动效果，整体视觉风格统一收尾。
[氛围/风格] 整体展示，统一视觉风格，现代简约设计。
[元素布局] 展示从顶部导航、搜索框、到3条完整公开课列表的完整页面，滚动布局自然，所有信息模块都展示到位，风格统一。
[光影质感] 统一光影，所有卡片和元素风格保持一致。
[配色色系] 整体白色背景，蓝色主色调，灰色文字层级，保持前面所有页面配色一致。
[视角构图] 正视图，完整移动端竖屏页面，从上到下完整展示。
[文字版式] 所有文字排版和前面页面保持一致，层级清晰，统一风格。
[比例分辨率] 9:16 竖版比例，移动端适配，4K分辨率，文字清晰可辨。
[负向提示词] 风格不统一，布局错乱，文字模糊，变形，水印。](https://gd-cms.dancf.com/gd-cms/xi19e5/0/1ed88d4f-6983-4f8d-a0a2-af15a47ea8c66854.png?x-oss-process=image/resize,w_640,type_6/sharpen,120/interlace,1)
![[第8屏] 完整公开课APP列表页面总览，展示完整长列表滚动效果，整体视觉风格统一收尾。
[氛围/风格] 整体展示，统一视觉风格，现代简约设计。
[元素布局] 展示从顶部导航、搜索框、到3条完整公开课列表的完整页面，滚动布局自然，所有信息模块都展示到位，风格统一。
[光影质感] 统一光影，所有卡片和元素风格保持一致。
[配色色系] 整体白色背景，蓝色主色调，灰色文字层级，保持前面所有页面配色一致。
[视角构图] 正视图，完整移动端竖屏页面，从上到下完整展示。
[文字版式] 所有文字排版和前面页面保持一致，层级清晰，统一风格。
[比例分辨率] 9:16 竖版比例，移动端适配，4K分辨率，文字清晰可辨。
[负向提示词] 风格不统一，布局错乱，文字模糊，变形，水印。](https://gd-cms.dancf.com/gd-cms/xi19e5/0/5dce97c6-5b9e-40be-acd0-e93e74db55487004.png?x-oss-process=image/resize,w_640,type_6/sharpen,120/interlace,1)
![[第1屏] 公开课APP首页头屏，展示移动端APP顶部导航区域，包含可切换的"公开课"和"我发布"两个标题标签，当前选中"公开课"标签，下方展示公开课列表页面框架。
[氛围/风格] 现代简约UI设计，专业干净的移动端界面风格，清晰信息层级，扁平化设计，商业UI界面质感，舒适干净色调。
[元素布局] 状态栏在最顶部，下方是导航标签栏，"公开课"标签默认蓝色选中状态，"我发布"标签灰色未选中状态，标签栏下方预留搜索框位置，再往下是公开课列表区域顶部，整体占比合理，界面元素间距舒适。
[光影质感] 扁平简约光影，清晰锐利，界面元素区分明显，无过多渐变阴影，保持清爽干净。
[配色色系] 全局底色 #FFFFFF，主选中色 #165DFF，未选中文字 #666666，分割线 #F5F5F5。
[视角构图] 正视图，移动端竖屏构图，阅读动线从上到下清晰自然。
[文字版式] 顶部导航主标题文字清晰，"公开课"字号18px加粗蓝色，"我发布"字号18px常规灰色，文字不挤压，留白舒适，信息层级区分明确。
[比例分辨率] 9:16 竖版比例，移动端适配，4K分辨率，文字清晰可辨。
[负向提示词] 文字错乱，界面变形，布局拥挤，颜色怪异，水印，缺件错件，结构错误。](https://gd-cms.dancf.com/gd-cms/xi19e5/0/ca78e1c2-c98a-403f-baa4-43884ef8cdc07006.png?x-oss-process=image/resize,w_640,type_6/sharpen,120/interlace,1)
![[第5屏] "我发布"标签页面展示，点击顶部"我发布"标签后，展示用户自己发布的公开课列表。
[氛围/风格] 保持和公开课列表一致的设计风格，统一UI体验。
[元素布局] 顶部导航"我发布"标签蓝色选中状态，"公开课"未选中，下方展示用户发布的2条公开课列表，布局、信息展示和全部公开课列表保持一致，包含所有信息字段。
[光影质感] 和主列表一致的光影层次，保持整个APP风格统一。
[配色色系] 和主列表完全一致，全局白色底色，蓝色选中标签，文字颜色层级和主列表一致。
[视角构图] 正视图，移动端竖屏，和公开课页面结构完全一致，只切换列表内容。
[文字版式] 和主列表统一排版，文字大小、颜色层级完全一致，体验一致。
[比例分辨率] 9:16 竖版比例，移动端适配，4K分辨率，文字清晰可辨。
[负向提示词] 风格不统一，布局错乱，文字错乱，变形，水印。](https://gd-cms.dancf.com/gd-cms/xi19e5/0/c571dbd9-0f9a-46f8-972e-413b0d8fa5dc6785.png?x-oss-process=image/resize,w_640,type_6/sharpen,120/interlace,1)
![[第5屏] 课程优势与教学特色展示页，说明朗优教育课程的核心优势。
[氛围/风格] 延续整套详情页清新活力风格，保持蓝黄橙配色统一，专业且有吸引力。
[元素布局] 顶部大标题「我们的教学特色」，下方四个特色模块卡片竖向排列，每个模块搭配小图标+标题+一句话说明，分别展示：趣味互动教学、专业师资团队、分层定制课程、贴心陪伴辅导四个核心优势，模块间距适中，排版透气不拥挤。所有文字可编辑，保持整体设计风格统一。
[光影质感] 整体明亮干净，每个模块卡片有浅底色衬托，文字和图标对比清晰，阅读体验好。
[配色色系] 全局底色：#f8fafc（浅灰白）；模块卡片：#ffffff（白色）；主题配色沿用#165DFF蓝色+#ff7a45橙色+#fecd2f黄色，和整套保持一致。
[视角构图] 9:16竖向满版构图，从上到下纵向排列四个模块，符合移动端单手阅读顺序，信息层级清晰。
[文字版式] 顶部大标题加粗，每个模块标题加粗，说明文字字号适中，所有文字在移动端清晰可辨认，行间距舒适不拥挤。
[比例分辨率] 9:16竖版比例，4K分辨率，文字清晰可辨，超高清。
[负向提示词] 文字错乱，排版拥挤，图标变形，颜色偏差，水印，违规极限词，背景杂乱。](https://gd-cms.dancf.com/gd-cms/xi19e5/0/e69d7911-7168-4c95-b985-c5ab7779c21820.png?x-oss-process=image/resize,w_640,type_6/sharpen,120/interlace,1)
![[第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)
![[第5屏] 详情页卖点屏，展示"全电子解析+生态联动"核心卖点。
[氛围/风格] 现代科技感学习场景，简洁清晰，突出便捷优势。
[元素布局] 顶部为通栏大标题，中部为手机扫码展示示意图，底部为卖点文字说明。标题占上1/6，手机示意图占中1/2，文字占下1/3。手机展示扫码跳转解析页面的场景，排版突出扫码操作的便捷性，背景干净。
[光影质感] 明亮均匀光线，手机屏幕内容清晰可见，文字清晰无暗区，整体通透干净。
[配色色系] 全局底色 #F8FBFF；标题蓝 #4086FF；文字深蓝 #1E3A8A，手机机身保持经典深色，屏幕白色背景，整体配色清爽。
[视角构图] 从上到下竖版构图，适配9:16手机阅读，标题顶部居中，示意图居中，文字底部排列，符合用户从上到下浏览习惯。
[文字版式] 顶部蓝色通栏标题，白色加粗文字"生态联动 书课练闭环"，居中；说明文字："扫码即可获取详尽解析，打通橙啦APP题库、课程、答疑服务，形成书籍+课程+练习完整闭环学习体验。"分段落展示，字号适中，手机清晰可读。
[比例分辨率] 9:16竖版比例，4K分辨率，文字清晰可辨，超高清。
[负向提示词] 屏幕内容模糊，二维码错误，文字错乱，排版拥挤，颜色偏差，水印。](https://gd-cms.dancf.com/gd-cms/xi19e5/0/0c9c31a8-2f5a-4aa3-866d-8753e8ac0968411.png?x-oss-process=image/resize,w_640,type_6/sharpen,120/interlace,1)
![[第2屏] 考研备考痛点分析页面，目标人群匹配。参考原图1的蓝白风格和卡片版式，保持设计语言统一。
[氛围/风格] 专业清新，明快通透，卡片式分区设计，信息层级清晰，符合教育产品调性。
[元素布局] 页面顶部蓝色圆角栏放置大标题"适合这样的你"，标题下方垂直排列三个痛点信息卡片，每个卡片左侧带圆形图标，右侧放痛点文字，卡片之间留白均匀，上下预留足够边距符合移动端浏览。
[光影质感] 卡片区域白色背景带柔和阴影，文字对比清晰，整体光照均匀，阅读舒适。
[配色色系] 全局底色：浅蓝渐变背景；标题栏：蓝色#165DFF；卡片：白底深蓝色文字；图标：浅蓝色填充配白色icon。配色保持和第1屏完全一致统一。
[视角构图] 竖向9:16构图，通栏卡片设计，信息从上到下依次排列，每页一个核心主题，阅读动线清晰。
[文字版式] 主标题"适合这样的你"，白色大字居中；三个痛点分别是：1. "院校有效信息少，备考抉择难" 2. "专业课知识点多，抓不住重点" 3. "缺少合理学习规划，复习效率低"，每个痛点一行深蓝色文字，字号适中移动端清晰可读。
[比例分辨率] 9:16竖版比例，4K分辨率，文字清晰可辨，超高清。
[负向提示词] 文字错乱，文字模糊，颜色偏差，水印，变形，背景杂乱，结构错误](https://gd-cms.dancf.com/gd-cms/xi19e5/0/f3a956d2-2de8-4415-9277-f269b32792d4956.png?x-oss-process=image/resize,w_640,type_6/sharpen,120/interlace,1)
![[第6屏] 公开课信息分区细节展示，放大展示单条课程信息不同类型排版和视觉区分。
[氛围/风格] 清晰信息层次，细节呈现，专业UI设计。
[元素布局] 放大展示单张课程卡片，将基础信息、时间信息和状态信息用颜色和字号明确区分，标签化展示更直观。
[光影质感] 保持简约干净，不同区域信息对比清晰。
[配色色系] 和整体风格一致，白色底色，信息层级用颜色深浅区分。
[视角构图] 正视图，单卡片放大展示，占据屏幕80%高度，细节呈现清晰。
[文字版式] 不同信息类型字号和颜色区分明确，文字清晰可读。
[比例分辨率] 9:16 竖版比例，移动端适配，4K分辨率，文字清晰可辨。
[负向提示词] 层次不清晰，文字模糊，变形，水印。](https://gd-cms.dancf.com/gd-cms/xi19e5/0/990ab488-602d-4755-89ab-bcace80d41316699.png?x-oss-process=image/resize,w_640,type_6/sharpen,120/interlace,1)
