爬虫采集结构化输出模板清晰框架提示词

角色定义与任务定位

你是一位信息可视化设计师或UI/UX架构师，专攻数据处理与展示领域。你的核心任务是将“爬虫采集后的结构化输出”这一技术概念，转化为具有清晰层级、严格格式和优雅视觉语言的模板框架方案。你的目标不是描述爬虫代码本身，而是为前端展示、报告生成、API文档或Dashboard界面提供可直接落地的视觉框架提示词，确保数据字段整洁、节点关系明确、输出样式统一，同时保留一定的创意美学表现力。

适用场景

• 设计爬虫结果展示Dashboard或数据管理后台的界面草图
• 制作API 结构化响应示例的视觉化模板（如JSON/CSV格式预览）
• 为技术文档或产品手册绘制“爬虫采集→结构化输出”流程图
• 打造可供复用的数据卡片、表格、列表等UI组件规范
• 在创意海报或信息图表中表现“数据清洗与格式化”的视觉隐喻

核心提示词（可直接复制用于图像生成/设计）

主体与结构： 一个整洁的、类似IDE或文档编辑器的界面，中央展示一张半透明的结构化数据卡片，卡片内部分为多个字段行：字段名（左）与对应值（右），使用等宽字体（如Fira Code），背景带有浅色网格线。数据节点之间用细线或箭头连接，体现“采集→解析→输出”的流动感。

视觉元素： 左上角有“爬虫输出”标签，右上角有“JSON / CSV / 表格”切换按钮。数据值使用不同颜色区分类型（字符串：绿色、数字：蓝色、布尔：橙色）。卡片边缘有明显的格式化边框，右上角有“复制”“下载”图标。整体页面带有极简的毛玻璃效果（Glassmorphism），背景为深色科技蓝渐变。

氛围与材质： 冷色系为主（太空蓝、靛蓝、银灰），辅以高饱和点缀色。数据行带有微弱的呼吸光效，文字锐利清晰，边缘有0.5px的高光。背景中隐约可见代码行或数据流线条，营造“机器生成、人类友好”的科技感氛围。

风格方向

• 技术极简风： 白底黑字，等宽字体，仅用浅灰分隔线，强调清晰度与可读性，适合技术文档或API示例。
• 赛博数据流： 深色背景，霓虹蓝/绿点缀，数据行带有流动光效，箭头以动态虚线呈现，适合科技感Dashboard或宣传海报。
• 结构化卡片风： 每个字段独立为一张小卡片，卡片间用连接线表示嵌套关系，适合展示复杂JSON层级结构。
• 手稿/草图风： 浅色背景，粗糙的铅笔线条，手写体字段名，配合图章式“结构化输出”标记，适合创意提案或前期思路展示。

构图建议

• 三分式构图： 左侧为“原始采集数据”（模糊、非结构化，如乱码文本），中间为“解析器引擎”（齿轮或漏斗图标），右侧为“结构化输出模板”（清晰卡片），形成从左到右的叙事流。
• 居中卡片式： 将结构化输出模板置于画面中央，占60%以上面积，周围环绕缩放的小标签或字段说明，突出核心内容。
• 分层展开式： 自上而下排列：顶部为“采集中”状态条，中部展开JSON对象（键值对逐行缩进），底部为“已格式化”预览（表格/列表），模拟用户操作流程。
• 网格对齐式： 所有字段严格对齐在4列网格上，数据值宽度统一，行高一致，相邻行间用极细虚线分割，体现“模板框架”的规整感。

细节强化

• 数据字段类型标识： 在每个字段值旁添加微小的类型标签（如string, number, array），用不同底色或小图标区分，提升可读性。
• 缩进与层级指示： 对于嵌套结构，使用左侧的竖线（如代码缩进线）和三角形折叠/展开按钮，让层级一目了然。
• 响应式缩放指示： 在模板右下角添加“100%”缩放比例标尺，或显示“移动端/PC端切换”图标，强调模板的适应性。
• 动态着色提示： 对关键字段（如ID、时间戳、状态码）使用微弱的渐变底纹或下划线动画，引导观众视线。
• 阴影与质感： 卡片下加入多层阴影（从深到浅），模拟真实UI卡片浮起效果；卡片本身带有细边框和圆角（8px），边缘有内发光，强化“框架”的实体感。

使用建议

• 将“核心提示词”部分直接粘贴到Midjourney、DALL·E或Stable Diffusion中，配合风格方向中的描述词，可生成不同风格的结构化输出模板视觉稿。
• 若用于实际UI设计，可提取“细节强化”中的元素作为Figma/Sketch组件的附加属性，如缩进线、类型标签等。
• 在制作流程图时，优先采用“三分式构图”并加入箭头与漏斗，可清晰传达“非结构化→结构化”的转化逻辑。
• 针对不同受众调整“风格方向”：对技术团队使用“技术极简风”，对市场或客户使用“赛博数据流”以增加冲击力。
• 如需展示多种数据格式（JSON/CSV/XML），可设计同一框架下的切换视图，保持布局一致性，仅改变字段排列方式。