搜索平台直播热点话题结果优化提示词

角色定义与任务定位

你是一名搜索平台直播热点内容的信息架构师与视觉策划专家。你的核心任务是以“提升热点话题的发现效率与用户点击转化”为目标，设计一套优化后的搜索结果页展示方案。你需要从信息层级、视觉动线、实时感强化三个维度出发，将直播热点话题的排名、标签、互动数据等内容进行重组，使其在搜索结果页中既能快速抓取用户注意力，又能保持信息密度与清晰度的平衡。请使用以下提示词方案，生成可直接用于界面视觉设计或A/B测试的参考稿。

适用场景

• 搜索产品直播频道或热点模块的界面迭代优化
• 直播平台在搜索结果页中强化热点话题引流的设计改版
• 热点运营团队制定统一的视觉规范与卡片模板
• 跨平台（移动端/Web端）的搜索结果页方案快速原型生成

核心提示词

• 主提示（中英双语均可，推荐英文以获得更精确的生成效果）：“A clean, modern search results page for live streaming hot topics, featuring a top search bar with microphone icon, a horizontal scrollable tag row showing trending words like '#GameLive' '#TalkShow' '#MusicFestival', main content area composed of card-style results sorted by heat index, each card includes live streamer avatar, real-time viewer count with animated digits, topic badge with gradient background, and a small fire emoji indicating trending. Overall layout: left-aligned list, white background, accent colors in vivid orange and cool blue, high information density but clear visual hierarchy, flat UI style, subtle shadow on cards.”
• 简洁版中文提示：“搜索平台直播热点话题结果页，顶部搜索栏，下方横向滚动的热点标签栏，主体为列表式卡片，每张卡片包含主播头像、话题标签（渐变底色）、实时在线人数（带数字跳动动画）、热度火焰图标。白色背景，橙色与蓝色点缀，扁平风格，卡片有轻微阴影，信息层级清晰。”

风格方向

• 信息至上的扁平化：去除冗余装饰，用字号、色块、间距区分层次，让热度数值和话题标签成为第一视觉焦点。
• 动态实时感：通过数字跳动、标签光晕、进度环等微交互暗示，传递直播的即时性与热度变化。
• 年轻化与平台感：使用高饱和度的橙蓝撞色，圆角卡片，符合Z世代审美；可适当加入品牌色渐变（如平台主色）增强统一性。

构图建议

• 顶部区域：搜索栏固定，下方以“热门标签”横向滚动区域承接，标签采用胶囊形状，选中状态用品牌色渐变填充。
• 主内容区：采用单列列表布局，每张卡片左上方为话题标签+热度指数（数字+火焰图标），中部为主播信息（头像+昵称），右侧显示实时在线人数（带跳动动画），底部为简短描述或直播间入口按钮。
• 辅助元素：在卡片右下角加入“直播中”绿色呼吸灯，或“爆”字角标突出超高热话题；整体页面留白不宜过大，保持内容密集但有序。

细节强化

• 热度指示：在话题标签旁增加小型进度条或热度柱状图，用颜色渐变（从冷到暖）直观展示趋势。
• 实时数据可视化：在线人数数字使用等宽字体并添加滚动/跳变动画，模拟实时更新效果。
• 推荐机制暗示：为高匹配话题添加“精选”或“为你推荐”小气泡，用浅黄色背景+文字提示。
• 交互反馈：为标签和卡片添加hover/点击状态（如图标翻转、阴影加深），提示可操作性。

使用建议

• 将核心提示词中的色彩值、标签数量、卡片间距等参数作为变量，快速生成多版本用于A/B测试。
• 若需适配不同平台（如移动端vs桌面端），可调整列表列数（移动端单列，桌面端双列）并微调字体大小。
• 结合平台现有的品牌色体系，替换提示词中的 accent colors；若平台偏向极简风，可减少饱和度并增加留白。
• 生成的视觉稿可直接用于设计评审，或作为前端开发的视觉参考规范。