创意预览图

构思适老化UI界面

用户头像

1qxnle5cgrJ...

2026.05.16
页面 1:封面(开篇吸睛,传递温暖)​ ​ ​ ​ 背景色:渐变暖橙(#FFE8D6 到 #FFDBA9),模拟夕阳余晖的柔和感​ 标题:【加粗 + 阴影】AI + 社区银发智能陪伴站(字号 32 号,字体:思源黑体 Bold)​ 副标题:科技守护・温暖不缺席(字号 20 号,字体:思源黑体 Light,颜色 #73503C)​ 配图:优化后的社区线下智能服务站场景示意图(4:3,画面中心突出智能终端,背景有老人微笑剪影)​ 交互细节:页面加载完成后,标题从下往上缓慢浮现,配图带轻微缩放动画​ 底部提示:【小字体 14 号】向下滑动,了解更多 →(颜色 #9A7B66)​ ​ ​ 页面 2:核心思路(清晰易懂,突出重点)​ 背景色:米白(#FAF7F2),搭配浅棕色边框装饰(1px 实线,#E8D9C7)​ 标题栏:​ 图标:【暖橙色小房子图标】(尺寸 24px)​ 标题:我们在做什么?(字号 26 号,颜色 #6B4C32,加粗)​ 下划线:底部添加 3px 宽暖橙渐变线(#FFB88A 到 #FF9F69)​ 正文:​ 开篇总述:【16 号,颜色 #5A432E】专门为独居老人打造「线上 + 线下」双重守护方案,兼顾情感陪伴、健康监测与日常需求。​ 分点展示(带图标,增强视觉引导):​ 【图标:暖橙色终端图标】线下:社区智能服务站 → 语音交互、一键呼叫,操作简单不用学​ 【图标:暖橙色云朵图标】线上:AI 数字人陪伴 + 健康小程序监测,随时响应不打烊​ 【图标:暖橙色握手图标】闭环:联动网格员、周边商家,需求解决更高效​ 配图:线上 + 线下服务闭环的系统示意图(4:3,配色与 H5 统一,线条加粗至 2px,关键节点用暖橙高亮)​ 排版:文字左对齐,行间距 1.8 倍,分点之间空 1 行,提升阅读舒适度​ ​ ​ 页面 3:落地路径(步骤清晰,有执行力)​ 背景色:淡暖黄(#FFF9E8),搭配浅橙色圆角卡片(#FFEDD8,圆角 8px)​ 标题栏:​ 图标:【暖橙色路径图标】(尺寸 24px)​ 标题:我们要怎么做?(字号 26 号,颜色 #6B4C32,加粗)​ 下划线:底部添加 3px 宽暖橙渐变线(#FFB88A 到 #FF9F69)​ 正文:4 条路径分 4 个卡片展示(卡片间距 15px,hover 时轻微上浮)​ 卡片 1:【序号 1 + 街道图标】先试点 → 和街道合作,选取 2-3 个老龄化率高的社区搭建首批站点(16 号字,颜色 #5A432E)​ 卡片 2:【序号 2 + 系统图标】做系统 → 开发轻量化 AI 陪伴系统,对接现有养老平台,降低成本(16 号字,颜色 #5A432E)​ 卡片 3:【序号 3 + 商家图标】找帮手 → 签约周边药店、餐饮店、维修店,提供上门配送 / 维修服务(16 号字,颜色 #5A432E)​ 卡片 4:【序号 4 + 志愿者图标】有人兜底 → 招募志愿者团队,承接 AI 无法解决的紧急需求(如就医)(16 号字,颜色 #5A432E)​ 配图:落地路径流程示意图(4:3,用箭头串联 4 个步骤,图标与卡片一致,颜色统一暖橙)​ 细节:序号用圆形暖橙背景(#FF9F69),白色数字,尺寸 24px,增强层次感​ ​ ​ 页面 4:创新亮点(突出优势,传递价值)​ 背景色:淡粉橙(#FFEEE0),搭配白色圆角卡片(#FFFFFF,圆角 10px,阴影:0 2px 8px rgba (255,159,105,0.1))​ 标题栏:​ 图标:【暖橙色星星图标】(尺寸 24px)​ 标题:我们的核心优势(字号 26 号,颜色 #6B4C32,加粗)​ 下划线:底部添加 3px 宽暖橙渐变线(#FFB88A 到 #FF9F69)​ 正文:3 个亮点分 3 个卡片展示(卡片内边距 20px)​ 卡片 1:​ 图标:【暖橙色人形图标】(尺寸 32px)​ 标题:定制化情感陪伴(20 号字,颜色 #6B4C32,加粗)​ 内容:AI 数字人可复刻家人声音 / 形象(如远居子女、已故伴侣),缓解老人孤独感(15 号字,颜色 #5A432E,行间距 1.6 倍)​ 卡片 2:​ 图标:【暖橙色齿轮图标】(尺寸 32px)​ 标题:轻量化资源整合(20 号字,颜色 #6B4C32,加粗)​ 内容:不新增硬件基建,仅通过智能终端 + 软件系统,整合社区现有资源实现服务升级(15 号字,颜色 #5A432E,行间距 1.6 倍)​ 卡片 3:​ 图标:【暖橙色手机图标】(尺寸 32px)​ 标题:子女实时监护(20 号字,颜色 #6B4C32,加粗)​ 内容:老人健康数据自动同步至子女手机端,解决异地子女的监护焦虑(15 号字,颜色 #5A432E,行间距 1.6 倍)​ 配图:AI 数字人交互、健康数据同步的功能示意图(4:3,画面中老人与 AI 数字人微笑对话,子女手机端显示数据同步弹窗)​ ​ ​ 页面 5:结尾(引导行动,传递温度)​ 背景色:渐变暖红(#FFE0D0 到 #FFC0A8),营造温暖收尾的氛围​ 标题:【加粗 + 阴影】一起为老人多添一份温暖(字号 28 号,颜色 #734833,字体:思源黑体 Bold)​ 正文:【16 号字,颜色 #5A432E,行间距 1.8 倍】​ 如果你是社区工作者、周边商家,​ 或是想贡献力量的志愿者,​ 欢迎加入我们,让科技的温度触达每一位独居老人~​ 预留区域:​ 标题:联系方式(字号 20 号,颜色 #734833,加粗,搭配电话图标)​ 内容框:【白色圆角框,圆角 10px】可填写手机号、微信二维码位置、邮箱(提示文字:请在此处添加联系方式)​ 配图:老人使用智能终端微笑的场景示意图(4:3,画面色调温暖,老人表情慈祥,智能终端屏幕亮着暖光)​ 交互细节:预留区域 hover 时,边框变为暖橙色(#FF9F69),添加轻微缩放动画​ 底部落款:【小字体 14 号,颜色 #9A7B66】AI + 社区银发智能陪伴站 版权所有页面 1:封面(开篇吸睛,传递温暖)​ ​ ​ ​ 背景色:渐变暖橙(#FFE8D6 到 #FFDBA9),模拟夕阳余晖的柔和感​ 标题:【加粗 + 阴影】AI + 社区银发智能陪伴站(字号 32 号,字体:思源黑体 Bold)​ 副标题:科技守护・温暖不缺席(字号 20 号,字体:思源黑体 Light,颜色 #73503C)​ 配图:优化后的社区线下智能服务站场景示意图(4:3,画面中心突出智能终端,背景有老人微笑剪影)​ 交互细节:页面加载完成后,标题从下往上缓慢浮现,配图带轻微缩放动画​ 底部提示:【小字体 14 号】向下滑动,了解更多 →(颜色 #9A7B66)​ ​ ​ 页面 2:核心思路(清晰易懂,突出重点)​ 背景色:米白(#FAF7F2),搭配浅棕色边框装饰(1px 实线,#E8D9C7)​ 标题栏:​ 图标:【暖橙色小房子图标】(尺寸 24px)​ 标题:我们在做什么?(字号 26 号,颜色 #6B4C32,加粗)​ 下划线:底部添加 3px 宽暖橙渐变线(#FFB88A 到 #FF9F69)​ 正文:​ 开篇总述:【16 号,颜色 #5A432E】专门为独居老人打造「线上 + 线下」双重守护方案,兼顾情感陪伴、健康监测与日常需求。​ 分点展示(带图标,增强视觉引导):​ 【图标:暖橙色终端图标】线下:社区智能服务站 → 语音交互、一键呼叫,操作简单不用学​ 【图标:暖橙色云朵图标】线上:AI 数字人陪伴 + 健康小程序监测,随时响应不打烊​ 【图标:暖橙色握手图标】闭环:联动网格员、周边商家,需求解决更高效​ 配图:线上 + 线下服务闭环的系统示意图(4:3,配色与 H5 统一,线条加粗至 2px,关键节点用暖橙高亮)​ 排版:文字左对齐,行间距 1.8 倍,分点之间空 1 行,提升阅读舒适度​ ​ ​ 页面 3:落地路径(步骤清晰,有执行力)​ 背景色:淡暖黄(#FFF9E8),搭配浅橙色圆角卡片(#FFEDD8,圆角 8px)​ 标题栏:​ 图标:【暖橙色路径图标】(尺寸 24px)​ 标题:我们要怎么做?(字号 26 号,颜色 #6B4C32,加粗)​ 下划线:底部添加 3px 宽暖橙渐变线(#FFB88A 到 #FF9F69)​ 正文:4 条路径分 4 个卡片展示(卡片间距 15px,hover 时轻微上浮)​ 卡片 1:【序号 1 + 街道图标】先试点 → 和街道合作,选取 2-3 个老龄化率高的社区搭建首批站点(16 号字,颜色 #5A432E)​ 卡片 2:【序号 2 + 系统图标】做系统 → 开发轻量化 AI 陪伴系统,对接现有养老平台,降低成本(16 号字,颜色 #5A432E)​ 卡片 3:【序号 3 + 商家图标】找帮手 → 签约周边药店、餐饮店、维修店,提供上门配送 / 维修服务(16 号字,颜色 #5A432E)​ 卡片 4:【序号 4 + 志愿者图标】有人兜底 → 招募志愿者团队,承接 AI 无法解决的紧急需求(如就医)(16 号字,颜色 #5A432E)​ 配图:落地路径流程示意图(4:3,用箭头串联 4 个步骤,图标与卡片一致,颜色统一暖橙)​ 细节:序号用圆形暖橙背景(#FF9F69),白色数字,尺寸 24px,增强层次感​ ​ ​ 页面 4:创新亮点(突出优势,传递价值)​ 背景色:淡粉橙(#FFEEE0),搭配白色圆角卡片(#FFFFFF,圆角 10px,阴影:0 2px 8px rgba (255,159,105,0.1))​ 标题栏:​ 图标:【暖橙色星星图标】(尺寸 24px)​ 标题:我们的核心优势(字号 26 号,颜色 #6B4C32,加粗)​ 下划线:底部添加 3px 宽暖橙渐变线(#FFB88A 到 #FF9F69)​ 正文:3 个亮点分 3 个卡片展示(卡片内边距 20px)​ 卡片 1:​ 图标:【暖橙色人形图标】(尺寸 32px)​ 标题:定制化情感陪伴(20 号字,颜色 #6B4C32,加粗)​ 内容:AI 数字人可复刻家人声音 / 形象(如远居子女、已故伴侣),缓解老人孤独感(15 号字,颜色 #5A432E,行间距 1.6 倍)​ 卡片 2:​ 图标:【暖橙色齿轮图标】(尺寸 32px)​ 标题:轻量化资源整合(20 号字,颜色 #6B4C32,加粗)​ 内容:不新增硬件基建,仅通过智能终端 + 软件系统,整合社区现有资源实现服务升级(15 号字,颜色 #5A432E,行间距 1.6 倍)​ 卡片 3:​ 图标:【暖橙色手机图标】(尺寸 32px)​ 标题:子女实时监护(20 号字,颜色 #6B4C32,加粗)​ 内容:老人健康数据自动同步至子女手机端,解决异地子女的监护焦虑(15 号字,颜色 #5A432E,行间距 1.6 倍)​ 配图:AI 数字人交互、健康数据同步的功能示意图(4:3,画面中老人与 AI 数字人微笑对话,子女手机端显示数据同步弹窗)​ ​ ​ 页面 5:结尾(引导行动,传递温度)​ 背景色:渐变暖红(#FFE0D0 到 #FFC0A8),营造温暖收尾的氛围​ 标题:【加粗 + 阴影】一起为老人多添一份温暖(字号 28 号,颜色 #734833,字体:思源黑体 Bold)​ 正文:【16 号字,颜色 #5A432E,行间距 1.8 倍】​ 如果你是社区工作者、周边商家,​ 或是想贡献力量的志愿者,​ 欢迎加入我们,让科技的温度触达每一位独居老人~​ 预留区域:​ 标题:联系方式(字号 20 号,颜色 #734833,加粗,搭配电话图标)​ 内容框:【白色圆角框,圆角 10px】可填写手机号、微信二维码位置、邮箱(提示文字:请在此处添加联系方式)​ 配图:老人使用智能终端微笑的场景示意图(4:3,画面色调温暖,老人表情慈祥,智能终端屏幕亮着暖光)​ 交互细节:预留区域 hover 时,边框变为暖橙色(#FF9F69),添加轻微缩放动画​ 底部落款:【小字体 14 号,颜色 #9A7B66】AI + 社区银发智能陪伴站 版权所有
设计“银龄·康语”小程序的健康档案功能界面,延续统一设计语言:白色背景,浅灰色分割,浅蓝色为基准色,红色和橙色作为强调色,保持信息极简聚焦核心,无多余装饰元素。从上到下布局:顶部导航,左侧返回箭头+“< 返回”文字,中央大标题“健康档案”旁配折线图图标;标题下方浅蓝色背景圆角大卡片核心数据总览,左右并列显示两个关键数据:左侧大号数字“132/85”,下方标签“最新血压”,数字下方红色向下箭头+小字“较昨日+2”;右侧大号数字“65.5kg”,下方标签“最新体重”,绿色向上箭头+小字“较昨日-0.3”;健康趋势分析模块,加粗模块标题“健康趋势”,下方两个大按钮标签“本周”(选中态浅蓝色填充)和“本月”(未选中态仅边框);趋势可视化区,血压趋势图为高度简化折线图,仅保留蓝色高压平滑曲线和坐标轴,曲线上最高点用醒目的红色圆点标注,引出标签框写“最高:152”;血压图下方为体重趋势图,简化柱状图,蓝色柱子表示体重,其中一根超高柱子用橙色填充,引出标签“68kg”;异常警报记录模块,模块标题“异常警报记录”左侧配红色铃铛图标,包含两条记录:第一条左侧红色感叹号圆形图标,中间文字“血压高压152”,右侧时间“10/21 上午”,整条背景带轻微红色高光;第二条左侧橙色感叹号圆形图标,中间文字“体重68kg”,右侧时间“10/18 下午”;每条记录下方灰色小字提示“点击查看AI建议”;屏幕底部固定浅灰色语音查询输入框,预设文字“您可以问‘我这一周血压怎么样?’”,右侧配麦克风图标。要求:趋势图去掉复杂网格和刻度,只保留核心线柱和异常点标注,严格颜色编码红色代表血压异常、橙色代表体重预警,清晰区分三个信息层级,高清写实UI数据仪表盘设计风格,和前两个界面保持系列统一性,专业级清晰度,图表和文字清晰可辨。设计“银龄·康语”小程序的健康档案功能界面,延续统一设计语言:白色背景,浅灰色分割,浅蓝色为基准色,红色和橙色作为强调色,保持信息极简聚焦核心,无多余装饰元素。从上到下布局:顶部导航,左侧返回箭头+“< 返回”文字,中央大标题“健康档案”旁配折线图图标;标题下方浅蓝色背景圆角大卡片核心数据总览,左右并列显示两个关键数据:左侧大号数字“132/85”,下方标签“最新血压”,数字下方红色向下箭头+小字“较昨日+2”;右侧大号数字“65.5kg”,下方标签“最新体重”,绿色向上箭头+小字“较昨日-0.3”;健康趋势分析模块,加粗模块标题“健康趋势”,下方两个大按钮标签“本周”(选中态浅蓝色填充)和“本月”(未选中态仅边框);趋势可视化区,血压趋势图为高度简化折线图,仅保留蓝色高压平滑曲线和坐标轴,曲线上最高点用醒目的红色圆点标注,引出标签框写“最高:152”;血压图下方为体重趋势图,简化柱状图,蓝色柱子表示体重,其中一根超高柱子用橙色填充,引出标签“68kg”;异常警报记录模块,模块标题“异常警报记录”左侧配红色铃铛图标,包含两条记录:第一条左侧红色感叹号圆形图标,中间文字“血压高压152”,右侧时间“10/21 上午”,整条背景带轻微红色高光;第二条左侧橙色感叹号圆形图标,中间文字“体重68kg”,右侧时间“10/18 下午”;每条记录下方灰色小字提示“点击查看AI建议”;屏幕底部固定浅灰色语音查询输入框,预设文字“您可以问‘我这一周血压怎么样?’”,右侧配麦克风图标。要求:趋势图去掉复杂网格和刻度,只保留核心线柱和异常点标注,严格颜色编码红色代表血压异常、橙色代表体重预警,清晰区分三个信息层级,高清写实UI数据仪表盘设计风格,和前两个界面保持系列统一性,专业级清晰度,图表和文字清晰可辨。
商业级产品摄影 主体:候诊屏严格参照上传产品图,完整保留所有可见组件、部件、轮廓、结构、比例、材质、颜色与产品本体上的文字信息,与上传图完全一致;产品占画面60%~70%,完整不裁切,中景构图,产品边缘距画面边缘≥6%,产品作为画面最前景绝对视觉主导;自然融入场景光影,与场景共处同一物理空间。 构图:居中构图,视角偏转15°,平视视线高度。 风格:现代写实。 场景概念:三甲医院门诊大厅,日常就诊时段。 承载与空间:①白色浅灰纹理大理石地面,平整干净;②背景是宽敞明亮的三甲医院门诊大厅,浅米色乳胶漆墙面,远景有玻璃门窗和导诊台,空间干净通透。 陪衬物:①候诊屏右后方,一株深绿色散尾葵盆栽,塑料花盆,深绿色;②候诊屏左侧地面,一个浅蓝色塑料等候座椅,哑光质感;③远景导诊台旁,一个白色立式指示牌,哑光白色。 配色:主色调浅米色,辅助色白色/浅灰色,点缀色深绿色/浅蓝色;画面实际颜色5种:浅米白/白色/浅灰/深绿/浅蓝 材质:大理石/乳胶漆/塑料/布料/玻璃,画面实际材质5种:大理石/乳胶漆/塑料/绿植/玻璃 光影:主光从门诊大厅正门斜前45°射入,照亮候诊屏正面;辅光为墙面环境反射补光,候诊屏边缘有柔和轮廓光;屏幕玻璃通透折射,边框哑光柔反。 参数:4K 写实光追。保持产品外观和色彩色调不变,完整展示产品,产品界面根据场景需求进行修改,严格锁定宽高比为3:4商业级产品摄影
主体:候诊屏严格参照上传产品图,完整保留所有可见组件、部件、轮廓、结构、比例、材质、颜色与产品本体上的文字信息,与上传图完全一致;产品占画面60%~70%,完整不裁切,中景构图,产品边缘距画面边缘≥6%,产品作为画面最前景绝对视觉主导;自然融入场景光影,与场景共处同一物理空间。
构图:居中构图,视角偏转15°,平视视线高度。
风格:现代写实。
场景概念:三甲医院门诊大厅,日常就诊时段。
承载与空间:①白色浅灰纹理大理石地面,平整干净;②背景是宽敞明亮的三甲医院门诊大厅,浅米色乳胶漆墙面,远景有玻璃门窗和导诊台,空间干净通透。
陪衬物:①候诊屏右后方,一株深绿色散尾葵盆栽,塑料花盆,深绿色;②候诊屏左侧地面,一个浅蓝色塑料等候座椅,哑光质感;③远景导诊台旁,一个白色立式指示牌,哑光白色。
配色:主色调浅米色,辅助色白色/浅灰色,点缀色深绿色/浅蓝色;画面实际颜色5种:浅米白/白色/浅灰/深绿/浅蓝
材质:大理石/乳胶漆/塑料/布料/玻璃,画面实际材质5种:大理石/乳胶漆/塑料/绿植/玻璃
光影:主光从门诊大厅正门斜前45°射入,照亮候诊屏正面;辅光为墙面环境反射补光,候诊屏边缘有柔和轮廓光;屏幕玻璃通透折射,边框哑光柔反。
参数:4K 写实光追。保持产品外观和色彩色调不变,完整展示产品,产品界面根据场景需求进行修改,严格锁定宽高比为3:4
商业级产品摄影 主体:候诊屏严格参照上传产品图,完整保留所有可见组件、部件、轮廓、结构、比例、材质、颜色与产品本体上的文字信息,与上传图完全一致;产品占画面60%~70%,完整不裁切,中景构图,产品边缘距画面边缘≥6%,产品作为画面最前景绝对视觉主导;自然融入场景光影,与场景共处同一物理空间。 构图:居中构图,视角偏转15°,平视视线高度。 风格:现代写实。 场景概念:三甲医院门诊大厅,日常就诊时段。 承载与空间:①白色浅灰纹理大理石地面,平整干净;②背景是宽敞明亮的三甲医院门诊大厅,浅米色乳胶漆墙面,远景有玻璃门窗和导诊台,空间干净通透。 陪衬物:①候诊屏右后方,一株深绿色散尾葵盆栽,塑料花盆,深绿色;②候诊屏左侧地面,一个浅蓝色塑料等候座椅,哑光质感;③远景导诊台旁,一个白色立式指示牌,哑光白色。 配色:主色调浅米色,辅助色白色/浅灰色,点缀色深绿色/浅蓝色;画面实际颜色5种:浅米白/白色/浅灰/深绿/浅蓝 材质:大理石/乳胶漆/塑料/布料/玻璃,画面实际材质5种:大理石/乳胶漆/塑料/绿植/玻璃 光影:主光从门诊大厅正门斜前45°射入,照亮候诊屏正面;辅光为墙面环境反射补光,候诊屏边缘有柔和轮廓光;屏幕玻璃通透折射,边框哑光柔反。 参数:4K 写实光追。保持产品外观和色彩色调不变,完整展示产品,产品界面根据场景需求进行修改,严格锁定宽高比为3:4商业级产品摄影
主体:候诊屏严格参照上传产品图,完整保留所有可见组件、部件、轮廓、结构、比例、材质、颜色与产品本体上的文字信息,与上传图完全一致;产品占画面60%~70%,完整不裁切,中景构图,产品边缘距画面边缘≥6%,产品作为画面最前景绝对视觉主导;自然融入场景光影,与场景共处同一物理空间。
构图:居中构图,视角偏转15°,平视视线高度。
风格:现代写实。
场景概念:三甲医院门诊大厅,日常就诊时段。
承载与空间:①白色浅灰纹理大理石地面,平整干净;②背景是宽敞明亮的三甲医院门诊大厅,浅米色乳胶漆墙面,远景有玻璃门窗和导诊台,空间干净通透。
陪衬物:①候诊屏右后方,一株深绿色散尾葵盆栽,塑料花盆,深绿色;②候诊屏左侧地面,一个浅蓝色塑料等候座椅,哑光质感;③远景导诊台旁,一个白色立式指示牌,哑光白色。
配色:主色调浅米色,辅助色白色/浅灰色,点缀色深绿色/浅蓝色;画面实际颜色5种:浅米白/白色/浅灰/深绿/浅蓝
材质:大理石/乳胶漆/塑料/布料/玻璃,画面实际材质5种:大理石/乳胶漆/塑料/绿植/玻璃
光影:主光从门诊大厅正门斜前45°射入,照亮候诊屏正面;辅光为墙面环境反射补光,候诊屏边缘有柔和轮廓光;屏幕玻璃通透折射,边框哑光柔反。
参数:4K 写实光追。保持产品外观和色彩色调不变,完整展示产品,产品界面根据场景需求进行修改,严格锁定宽高比为3:4