社区案例

深色研究图示库 UI

创建一个深色网页图库界面，展示用于学术视觉预设库的精选研究论文图示卡片。

Heliocore.C6 · 2026-05-29 · 约 4 分钟

参考效果：深色研究图示库 UI — 社区作者发布的参考画面 · Heliocore.C6

编辑提示词

完整提示词

目标：创建一个深色、高端的图库索引页面，用于展示精选的研究论文图示样式预设库，标题为 {argument name="headline text" default="研究论文图示"}。界面应呈现为展示学术图表缩略图的精致 Web 应用截图。

画布：宽屏横向浏览器风格构图，比例约为 16:9，深炭灰色背景，带有细微的网格边框，清晰的 UI 排版，高对比度的白色和青色文字。

页眉：标题居中置于顶部，左侧配有一个小型堆叠式多色文档图标。页眉下方添加一条细水平分割线。在右上角区域，放置一个圆角紧凑按钮，标签为“↑ 图库索引”。

章节标题：在分割线下方左侧，显示加粗的浅色章节标题 {argument name="section title" default="研究论文图示网格"}。

布局：展示一个 4 列的图库网格，带有细灰色边框和深色卡片间距。显示 12 张可见的图库卡片：前两行显示 8 张完整卡片，底部边缘显示 4 张部分可见的卡片。每张卡片包含一个白色研究论文风格的缩略图、下方加粗的字母标题，以及标题下方三个深色圆角标签，文字分别为“landscape”、“high”和“Curated”。

可见卡片数量与标签：卡片 A：“患者队列与多模态生物标志物流程”，缩略图显示包含方框、图表和生存曲线的患者队列工作流。卡片 B：“单细胞免疫图谱”，缩略图显示包含 UMAP 聚类、点图、堆叠柱状图和轨迹图的单细胞免疫图谱。卡片 C：“多模态医疗 AI 方法图”，缩略图显示包含医学影像、病理、文本和模型模块的多模态基础模型临床决策支持图。卡片 D：“治疗响应统计图”，缩略图显示包含柱状图、森林图、散点图和循环工作流的治疗响应统计数据。卡片 E：“Transformer 编码器-解码器架构”，缩略图显示包含堆叠模块块的 Transformer 编码器-解码器架构图。卡片 F：“多智能体 LLM 系统架构”，缩略图显示包含中央模型块、周边工具图标、记忆、反射和评估模块的 LLM 多 Agent 系统架构。卡片 G：“去噪扩散正/逆向链”，缩略图显示包含噪声图像面板和箭头的去噪扩散正向和逆向过程链。卡片 H：“经验缩放规律图”，缩略图显示包含多条下降彩色曲线和图例的经验缩放规律。底部部分可见卡片 1：标题以“Benchmark comparison across 10 frontier LLMs”开头，缩略图为柱状图对比。底部部分可见卡片 2：标题以“Ablation of core reasoning components across 5 benchmarks”开头，缩略图为分组柱状图。底部部分可见卡片 3：标题以“LLM pretraining data mixture and downstream splits”开头，缩略图为堆叠面积/数据混合块。底部部分可见卡片 4：标题以“Representative multi-head attention patterns in a 16-layer Transformer”开头，缩略图为热力图。

视觉风格：采用现代 SaaS 仪表盘美学，深色模式，整洁的学术策展感，细微的青色点缀，标签小巧但清晰易读，研究图示缩略图需逼真，类似于高质量期刊图表。保持缩略图多样化，但统一为白色背景的科学图示。

约束：保留所写的中文界面标签和卡片标题。不要添加人物、照片、水印、浏览器地址栏或装饰性杂物。构图应看起来像是一个名为 {argument name="project name" default="GPT-IMAGE-2-SKILL"} 的精选研究图示模板库的截图。

带入创作工作台

仅带入描述，不会自动生成。参考图与编辑模式请先上传或选中原图。

来源与说明

由 Heliocore.C6 发布，经 YouMind 收录。提示词与图片权利归原作者及相应平台。

此案例需要参考图片，请在创作工作台中上传后再使用。

查看原始来源 ↗ · 作者主页

使用示例 →

把这个思路，变成下一次创作。

在 RonasAI 中开始创作 ↗