创意预览图

pad端相册应用,数码相框产品首页UI设计,界面上方居中位置显示主要的卡片式入口,包括图片编辑、浏览功能入口,以及收藏、解锁、隐藏相片、删除、适配至相框、调整相片、旋转相片、幻灯片、背景音乐设置、音量

用户头像

1q1fxx1rkc-...

2026.06.04
生成一张网页端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”、“📤 导出全部数据”按钮、“🗑️ 清空缓存”低调灰色按钮。底部操作区为主按钮高亮样式“💾 保存设置”。设置页信息层级清晰分组明确,品牌信息扩展点低调可见,所有中文文字清晰可见,字体使用无衬线体,整个页面所有文字均为中文,不得保留任何英文导航项。
[第3屏] 详情页核心卖点总览-8大核心功能卡片矩阵。本屏使用【图1】原木色款和【图2】白色款交替展示于各卡片中。 [氛围/风格] 科技简约卡片风,浅灰蓝底色,京东数码专业信息密度风格,商业设计质感。 [元素布局] 画面采用2列4行卡片瀑布流布局,共8张功能卡片;左上卡片放白色款相框正面图,右上卡片放原木色款相框图,其余卡片配对应功能图标+小图;卡片之间有细微间距,圆角设计;背景为浅灰色渐变,顶部有蓝色装饰线条;产品外观与输入图一致。 [光影质感] 均匀柔光照明,卡片有轻微投影增加层次感,整体明亮干净,信息清晰。 [配色色系] 全局底色 #F5F7FA;主色白色卡片+深灰文字;辅助色科技蓝 #2E7DFF 图标、浅灰边框。 [视角构图] 正面俯视卡片布局,阅读动线从左到右、从上到下,顶部大标题引导。 [文字版式] 版式为顶部大标题 + 下方8宫格功能卡片。主标题「8大核心功能 重新定义相框」,副标题「不止是相框 更是家庭智能中心」;8张卡片分别为:1.「IPS高清屏 1280×800分辨率」2.「触控操作 简单易用」3.「图片/音乐/视频 全格式播放」4.「闹钟时钟日历天气 多功能」5.「2.4G WiFi 互联传输」6.「多账号绑定 全家共享」7.「30国语言 全球通用」8.「TF卡扩展 大容量存储」;每张卡片配对应图标和简短说明,文字清晰。 [比例分辨率] 9:16 竖版比例,4K分辨率,文字清晰可辨,高清画质。 [负向提示词] 产品变形,颜色偏差,水印,文字错乱,文字过小,卡片模糊,背景杂乱。[第3屏] 详情页核心卖点总览-8大核心功能卡片矩阵。本屏使用【图1】原木色款和【图2】白色款交替展示于各卡片中。
[氛围/风格] 科技简约卡片风,浅灰蓝底色,京东数码专业信息密度风格,商业设计质感。
[元素布局] 画面采用2列4行卡片瀑布流布局,共8张功能卡片;左上卡片放白色款相框正面图,右上卡片放原木色款相框图,其余卡片配对应功能图标+小图;卡片之间有细微间距,圆角设计;背景为浅灰色渐变,顶部有蓝色装饰线条;产品外观与输入图一致。
[光影质感] 均匀柔光照明,卡片有轻微投影增加层次感,整体明亮干净,信息清晰。
[配色色系] 全局底色 #F5F7FA;主色白色卡片+深灰文字;辅助色科技蓝 #2E7DFF 图标、浅灰边框。
[视角构图] 正面俯视卡片布局,阅读动线从左到右、从上到下,顶部大标题引导。
[文字版式] 版式为顶部大标题 + 下方8宫格功能卡片。主标题「8大核心功能 重新定义相框」,副标题「不止是相框 更是家庭智能中心」;8张卡片分别为:1.「IPS高清屏 1280×800分辨率」2.「触控操作 简单易用」3.「图片/音乐/视频 全格式播放」4.「闹钟时钟日历天气 多功能」5.「2.4G WiFi 互联传输」6.「多账号绑定 全家共享」7.「30国语言 全球通用」8.「TF卡扩展 大容量存储」;每张卡片配对应图标和简短说明,文字清晰。
[比例分辨率] 9:16 竖版比例,4K分辨率,文字清晰可辨,高清画质。
[负向提示词] 产品变形,颜色偏差,水印,文字错乱,文字过小,卡片模糊,背景杂乱。
[第3屏] 详情页核心卖点总览-8大核心功能卡片矩阵。本屏使用【图1】原木色款和【图2】白色款交替展示于各卡片中。 [氛围/风格] 科技简约卡片风,浅灰蓝底色,京东数码专业信息密度风格,商业设计质感。 [元素布局] 画面采用2列4行卡片瀑布流布局,共8张功能卡片;左上卡片放白色款相框正面图,右上卡片放原木色款相框图,其余卡片配对应功能图标+小图;卡片之间有细微间距,圆角设计;背景为浅灰色渐变,顶部有蓝色装饰线条;产品外观与输入图一致。 [光影质感] 均匀柔光照明,卡片有轻微投影增加层次感,整体明亮干净,信息清晰。 [配色色系] 全局底色 #F5F7FA;主色白色卡片+深灰文字;辅助色科技蓝 #2E7DFF 图标、浅灰边框。 [视角构图] 正面俯视卡片布局,阅读动线从左到右、从上到下,顶部大标题引导。 [文字版式] 版式为顶部大标题 + 下方8宫格功能卡片。主标题「8大核心功能 重新定义相框」,副标题「不止是相框 更是家庭智能中心」;8张卡片分别为:1.「IPS高清屏 1280×800分辨率」2.「触控操作 简单易用」3.「图片/音乐/视频 全格式播放」4.「闹钟时钟日历天气 多功能」5.「2.4G WiFi 互联传输」6.「多账号绑定 全家共享」7.「30国语言 全球通用」8.「TF卡扩展 大容量存储」;每张卡片配对应图标和简短说明,文字清晰。 [比例分辨率] 9:16 竖版比例,4K分辨率,文字清晰可辨,高清画质。 [负向提示词] 产品变形,颜色偏差,水印,文字错乱,文字过小,卡片模糊,背景杂乱。[第3屏] 详情页核心卖点总览-8大核心功能卡片矩阵。本屏使用【图1】原木色款和【图2】白色款交替展示于各卡片中。
[氛围/风格] 科技简约卡片风,浅灰蓝底色,京东数码专业信息密度风格,商业设计质感。
[元素布局] 画面采用2列4行卡片瀑布流布局,共8张功能卡片;左上卡片放白色款相框正面图,右上卡片放原木色款相框图,其余卡片配对应功能图标+小图;卡片之间有细微间距,圆角设计;背景为浅灰色渐变,顶部有蓝色装饰线条;产品外观与输入图一致。
[光影质感] 均匀柔光照明,卡片有轻微投影增加层次感,整体明亮干净,信息清晰。
[配色色系] 全局底色 #F5F7FA;主色白色卡片+深灰文字;辅助色科技蓝 #2E7DFF 图标、浅灰边框。
[视角构图] 正面俯视卡片布局,阅读动线从左到右、从上到下,顶部大标题引导。
[文字版式] 版式为顶部大标题 + 下方8宫格功能卡片。主标题「8大核心功能 重新定义相框」,副标题「不止是相框 更是家庭智能中心」;8张卡片分别为:1.「IPS高清屏 1280×800分辨率」2.「触控操作 简单易用」3.「图片/音乐/视频 全格式播放」4.「闹钟时钟日历天气 多功能」5.「2.4G WiFi 互联传输」6.「多账号绑定 全家共享」7.「30国语言 全球通用」8.「TF卡扩展 大容量存储」;每张卡片配对应图标和简短说明,文字清晰。
[比例分辨率] 9:16 竖版比例,4K分辨率,文字清晰可辨,高清画质。
[负向提示词] 产品变形,颜色偏差,水印,文字错乱,文字过小,卡片模糊,背景杂乱。