创意预览图

数据可视化页面设计,整体科技蓝风格,左侧固定黑色导航栏,包含菜单项:数据概览、评分分析、类型分析、时间分析、地域分布分析、消费分析、词云舆情分析、电影排行分析,电影排行分析菜单常驻高亮。右侧为白色自适

用户头像

GD251658601

2026.06.03
生成一张网页端UI设计图,宽高比为16:9。整体风格为深色专业风,与之前所有页面保持完全一致的视觉体系,左侧侧边导航栏当前“⚙️ 设置”菜单项高亮显示,所有导航栏文字全部替换为中文,不得出现英文,右侧为内容区。侧边栏所有文字均为中文,内容与之前保持一致,仅切换选中态到设置。右侧内容区:顶部页面标题“系统设置”字体稍大,采用分组卡片形式,每组一个设置区域:分组1账户信息,包含当前头像缩略图+“更换头像”按钮、昵称输入框默认显示“吴建旭”、登录邮箱输入框默认显示“xxx@example.com”、“🔒 修改密码”按钮;分组2品牌信息,右上角小标签“💡 未来版本:您的品牌信息将用于文章的品牌露出”,包含品牌名称输入框默认显示“智宅焕”、品牌Logo上传区域+当前Logo缩略图、品牌简介多行文本输入框默认显示示例简介;分组3写作偏好,包含默认写作语气下拉框选项“深度专业”“通俗易懂”“犀利直接”、默认文章长度下拉框选项“短文(800字)”“中长文(1500字)”“长文(2500字)”、自动保存频率下拉框选项“每30秒”“每1分钟”“每5分钟”;分组4数据与存储,显示当前存储用量“已使用 156MB / 总计 1GB”、“📤 导出全部数据”按钮、“🗑️ 清空缓存”低调灰色按钮。底部操作区为主按钮高亮样式“💾 保存设置”。设置页信息层级清晰分组明确,品牌信息扩展点低调可见,所有中文文字清晰可见,字体使用无衬线体,整个页面所有文字均为中文,不得保留任何英文导航项。生成一张网页端UI设计图,宽高比为16:9。整体风格为深色专业风,与之前所有页面保持完全一致的视觉体系,左侧侧边导航栏当前“⚙️ 设置”菜单项高亮显示,所有导航栏文字全部替换为中文,不得出现英文,右侧为内容区。侧边栏所有文字均为中文,内容与之前保持一致,仅切换选中态到设置。右侧内容区:顶部页面标题“系统设置”字体稍大,采用分组卡片形式,每组一个设置区域:分组1账户信息,包含当前头像缩略图+“更换头像”按钮、昵称输入框默认显示“吴建旭”、登录邮箱输入框默认显示“xxx@example.com”、“🔒 修改密码”按钮;分组2品牌信息,右上角小标签“💡 未来版本:您的品牌信息将用于文章的品牌露出”,包含品牌名称输入框默认显示“智宅焕”、品牌Logo上传区域+当前Logo缩略图、品牌简介多行文本输入框默认显示示例简介;分组3写作偏好,包含默认写作语气下拉框选项“深度专业”“通俗易懂”“犀利直接”、默认文章长度下拉框选项“短文(800字)”“中长文(1500字)”“长文(2500字)”、自动保存频率下拉框选项“每30秒”“每1分钟”“每5分钟”;分组4数据与存储,显示当前存储用量“已使用 156MB / 总计 1GB”、“📤 导出全部数据”按钮、“🗑️ 清空缓存”低调灰色按钮。底部操作区为主按钮高亮样式“💾 保存设置”。设置页信息层级清晰分组明确,品牌信息扩展点低调可见,所有中文文字清晰可见,字体使用无衬线体,整个页面所有文字均为中文,不得保留任何英文导航项。
生成一张网页端UI设计图,宽高比为16:9。整体风格为深色专业风,与之前所有页面保持完全一致的视觉体系,左侧侧边栏不限定具体菜单高亮,右侧为内容区。右侧内容区:顶部页面标题“内容资产导出”字体稍大,标题下方为筛选工具栏,三个筛选条件水平排列:知识库筛选下拉框默认显示“全部知识库”,日期范围起止选择器默认显示“2026-06-01”至“2026-07-04”,标签筛选下拉多选框默认显示“全部标签”,筛选工具栏右侧有“🔍 筛选”按钮。内容列表区展示可导出内容条目,每行一条,包含勾选框、标题、所属知识库标签、日期、字数,示例展示5条内容:✅ 《智能锁交付痛点》- 文章库 - 2026-07-01 - 2800字、✅ 《智能锁售后铁律》- 案例库 - 2026-06-15 - 450字、✅ 《规则不是限制,是保护》- 金句库 - 2026-05-20 - 30字、☐ 《蒲总线控器事件》- 案例库 - 2026-04-10 - 600字、✅ 《写作框架:痛点-归因-解法》- 写作框架库 - 2026-07-03 - 200字,列表上方显示“已选择 4 条内容”。导出格式选择区在列表下方,三个导出格式选项大卡片水平排列:卡片1 📄 Word (.docx) - 保留精美排版,可本地微调;卡片2 📑 PDF - 保留精美排版,适配A4纸打印;卡片3 📝 Markdown (.md) - 纯文本版本,跨平台迁移,当前选中的格式卡片有高亮边框。底部操作区:主按钮高亮样式“📥 一键导出”,按钮下方提示文字“导出内容将包含完整排版,可直接用于交付或发布。”。筛选选择流程清晰,三种导出格式价值一目了然,所有中文文字清晰可见,字体使用无衬线体。生成一张网页端UI设计图,宽高比为16:9。整体风格为深色专业风,与之前所有页面保持完全一致的视觉体系,左侧侧边栏不限定具体菜单高亮,右侧为内容区。右侧内容区:顶部页面标题“内容资产导出”字体稍大,标题下方为筛选工具栏,三个筛选条件水平排列:知识库筛选下拉框默认显示“全部知识库”,日期范围起止选择器默认显示“2026-06-01”至“2026-07-04”,标签筛选下拉多选框默认显示“全部标签”,筛选工具栏右侧有“🔍 筛选”按钮。内容列表区展示可导出内容条目,每行一条,包含勾选框、标题、所属知识库标签、日期、字数,示例展示5条内容:✅ 《智能锁交付痛点》- 文章库 - 2026-07-01 - 2800字、✅ 《智能锁售后铁律》- 案例库 - 2026-06-15 - 450字、✅ 《规则不是限制,是保护》- 金句库 - 2026-05-20 - 30字、☐ 《蒲总线控器事件》- 案例库 - 2026-04-10 - 600字、✅ 《写作框架:痛点-归因-解法》- 写作框架库 - 2026-07-03 - 200字,列表上方显示“已选择 4 条内容”。导出格式选择区在列表下方,三个导出格式选项大卡片水平排列:卡片1 📄 Word (.docx) - 保留精美排版,可本地微调;卡片2 📑 PDF - 保留精美排版,适配A4纸打印;卡片3 📝 Markdown (.md) - 纯文本版本,跨平台迁移,当前选中的格式卡片有高亮边框。底部操作区:主按钮高亮样式“📥 一键导出”,按钮下方提示文字“导出内容将包含完整排版,可直接用于交付或发布。”。筛选选择流程清晰,三种导出格式价值一目了然,所有中文文字清晰可见,字体使用无衬线体。