请绘制一张知识管理系统的首页界面原型图,主题为“智能知识库系统首页门户”。要求风格专业现代、扁平化、模块清晰,提升空间利用率,整体信息密度高但不拥挤,布局合理。页面应包含顶部导航区、主推荐区、搜索与快速入口区、右侧智能助手区。 --- 📌 页面标题: 智能知识库系统首页门户(现代化设计) --- 📦 页面结构分为四大区域,从上到下、从左到右排列: --- 1️⃣ 顶部区域:横向导航区(固定高度) - 左侧放系统 Logo + 系统名称(创信互联知识平台) - 中部放置一级功能导航标签(首页 / 知识库 / 应用场景 / 我的知识 / 我的消息) - 右侧显示头像 + 用户名 + 设置入口(带下拉) --- 2️⃣ 第一屏顶部中区:搜索 + 快捷入口区(高效操作入口) - 居中大搜索框(请输入关键词或问题),按钮为深蓝色突出,带搜索图标 - 搜索框下方提供“最近搜索”、“热门问题”、“我的收藏”3个标签页式入口 - 搜索下方区域使用卡片式三宫格展示: - 快捷上传文件 - 快速访问最近浏览 - 新建知识标签分类 --- 3️⃣ 第二屏左中区:知识推荐与更新内容流(主内容区) - 采用卡片流式设计,模块包括: - 今日推荐文档(标注文档类型图标,如PDF、Word、图像) - 热门分类导航按钮(彩色块状,如政策、产品图、标准、项目) - 最近更新列表(带作者、时间、关键词摘要等字段) - 支持hover卡片放大,支持一键预览/标星/下载按钮 --- 4️⃣ 页面右侧(始终可见):智能助手区域(知识对话助手) - 标题:K 知识助手(Beta) - 当前上下文状态:当前选中页面、关键词或系统推荐内容 - 提示示例语句卡片: - “请提取这份文档中的技术方案摘要” - “有没有类似的产品政策文档?” - 对话框采用扁平气泡样式,分左右区分 AI 与用户 - 支持文本 + 文件上传 + 多轮引用原文回复 - 提供三条可点击推荐问题(hover 状态变色) --- 📈 视觉设计建议: - 整体配色方案:主色为科技蓝 + 白 + 灰,推荐内容模块可加入浅蓝/绿色背景卡片分区 - 所有组件采用扁平化 UI(无阴影、无边框、圆角按钮) - 内容卡片使用图标 + 文字双通道表达,突出易识别、可点击 - 页面区块间保持合理边距,增强视觉通透感 - 推荐列表区与聊天区使用卡片+色块分割,右栏保持紧凑 --- 该设计提升了首页作为“知识门户”的聚合能力,同时增强了大模型问答交互与用户关注内容的融合,适合知识密集型企业、政府智库或研究院知识平台使用。 - Follow Up Deployment
verified
maomaobj commited on