![[第5屏] "我发布"标签页面展示，点击顶部"我发布"标签后，… - 图片创意预览](https://gd-cms.dancf.com/gd-cms/xi19e5/0/c571dbd9-0f9a-46f8-972e-413b0d8fa5dc6785.png)
[第5屏] "我发布"标签页面展示，点击顶部"我发布"标签后，…
[第5屏] "我发布"标签页面展示，点击顶部"我发布"标签后，展示用户自己发布的公开课列表。 [氛围/风格] 保持和公开课列表一致的设计风格，统一UI体验。 [元素布局] 顶部导航"我发布"标签蓝色选
乐清_
2026.06.08[第5屏] "我发布"标签页面展示，点击顶部"我发布"标签后，展示用户自己发布的公开课列表。 [氛围/风格] 保持和公开课列表一致的设计风格，统一UI体验。 [元素布局] 顶部导航"我发布"标签蓝色选
乐清_
2026.06.08![[第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)
![[第4屏] 公开课搜索功能页面展示，包含顶部搜索框、输入关键字后展示搜索结果列表。
[氛围/风格] 现代简约搜索界面设计，清晰交互反馈，干净清爽。
[元素布局] 顶部导航下方是搜索框，带放大镜搜索图标，搜索框内显示占位文字"搜索公开课关键字"，输入"数据分析"关键字后，下方展示匹配的搜索结果列表，展示2条匹配结果，每条结果和主列表样式一致。
[光影质感] 搜索框边框浅灰色，输入后高亮边框，结果列表和主列表风格一致，光影清晰，交互反馈明确。
[配色色系] 全局底色 #FFFFFF，搜索框 #F5F5F5，占位文字 #999999，输入文字 #111111，匹配结果配色和主列表一致。
[视角构图] 正视图，移动端竖屏，搜索框在顶部，结果列表向下延展，符合搜索界面交互逻辑。
[文字版式] 占位文字字号15px，搜索关键字清晰，结果列表文字排版统一规范，清晰可读。
[比例分辨率] 9:16 竖版比例，移动端适配，4K分辨率，文字清晰可辨。
[负向提示词] 布局错乱，文字模糊，搜索框变形，交互逻辑错误，水印。](https://gd-cms.dancf.com/gd-cms/xi19e5/0/04c717bd-2ae2-4ad8-b8c8-e648b6a853356783.png?x-oss-process=image/resize,w_640,type_6/sharpen,120/interlace,1)
