进阶版低代码应用向量检索设计提示词

角色定义
以低代码应用UI/UX设计师的身份，专注于为向量检索模块构建视觉与交互方案。核心目标：设计一套可直接落地的提示词，用于生成具备高质量、完整流程的检索界面，包括搜索入口、结果展示、筛选反馈与状态切换，确保用户能直观理解向量检索的语义匹配逻辑。

适用场景

低代码平台中构建知识库、文档库或商品库的语义搜索页面。
需要展示向量相似度排序结果的管理后台、分析看板。
面向用户的原型设计阶段，快速生成检索流程的视觉稿。
AI图像生成工具中（如Midjourney、DALL·E）用于产出界面概念图。


核心提示词
以下提示词可直接复制用于生成图像或界面原型，建议根据实际工具调整语言（中文/英文）：

基础检索界面：“Low-code vector search dashboard, clean UI, left sidebar with filter categories, main area showing search bar at top, results as cards with similarity score bars, modern minimal design, white and light blue color scheme, 16:9 aspect ratio, high detail.”
完整检索流程：“Step-by-step retrieval flow: input query → embedding visualization (dot cluster) → ranked results list with highlighted keywords → click detail panel showing vector nearest neighbors, frosted glass effect, dark mode option, data table with accuracy percentage.”
进阶交互元素：“Vector retrieval design with semantic matching animation, floating suggestion chips below search box, loading indicator as pulsating ring, result cards showing cosine similarity gauge, hover preview tooltip, responsive layout for low-code editor.”


风格方向

现代科技感：采用低饱和度蓝/紫色调，搭配微动效光晕，传递数据智能与语义理解的专业感。
极简清晰：减少装饰性元素，以卡片、线条和留白体现低代码平台的易用性。
数据可视化：将向量相似度转换为柱状图、径向图或热力图，让抽象匹配过程可视化。
材质细节：玻璃态毛玻璃面板、细线框图标、圆角卡片、柔光阴影，符合现代SaaS级设计语言。


构图建议

主区域布局：顶部固定搜索栏（带语音或高级选项图标），下方结果区使用三栏网格或列表视图。
侧边过滤：左侧窄栏放置向量维度筛选、数据集切换、时间范围滑动条。
细节区域：选中结果后右侧弹出详情抽屉，展示向量坐标散点图或相似度对比。
状态图形：空结果页显示向量网络示意图，加载中显示动态流动线条，错误页显示断链提示。


细节强化

高亮反馈：搜索关键词在结果中以彩色底色突出，并显示匹配的向量片段。
进度指示：检索耗时以微进度条或秒表数字展示，体现高性能。
交互反馈：拖拽排序、一键复制结果向量ID、预览相似度数值的悬浮标签。
统一图标：使用圆形或圆角方形图标，内部包含放大镜、数据库、神经元等语义符号。


使用建议

在Midjourney中生成时，添加“--ar 16:9 --v 6.0 --style raw --s 250”参数，保留更多细节与真实感。
若用于Figma或Sketch设计稿，可先使用核心提示词生成参考图，再结合低代码组件库（如Ant Design、Element Plus）进行组件化落地。
根据实际应用调整配色：知识库场景用冷色系（蓝绿），电商检索用暖色系（橙黄），ToB后台用中性灰调。
注意保持向量信息的可读性：相似度分数建议用精确数字而非颜色条，避免用户误解。