创意预览图

地尔卫浴小程序服务页面UI设计,科技蓝白色调。顶部导航栏"服务"标题,左侧返回,右侧客服图标。页面上方两个大服务入口卡片并排:左侧"安装服务"有安装工人图标和"预约安装"按钮,右侧"售后服务"有维修工

用户头像

GD176642723

2026.08.14
地尔卫浴小程序智家页面UI设计,科技蓝白色调,智能卫浴全景场景。顶部导航栏"智家"标题,左侧"设备管理"文字,右侧"+ 添加设备"。页面顶部是大尺寸智能卫生间全景Banner图,画面中同时展示:智能马桶、智能浴室镜带灯带、顶喷花洒淋浴区、智能浴霸在天花板、智能毛巾架,整体是现代轻奢卫浴空间,蓝色科技氛围灯。Banner中央悬浮一个半透明毛玻璃控制面板,显示"卫浴模式"大字标题,副标"智能生活·舒适掌控",下方三个数据:水温38℃、座温36℃、空气质量优,各配图标。Banner底部有轮播指示点。下方"我的设备"标题栏,右侧"设备管理>"。设备区域两行三列共6个卡片:智能马桶(显示座温36℃/水温38℃/风温28℃)、智能浴室镜、智能花洒、智能浴霸、智能晾衣架、空气净化器,每个卡片有设备实物图、名称、绿色在线小点、蓝色开关按钮。中间"场景推荐"标题栏,右侧"更多场景>"。下方三个场景卡片并排:起床模式(自动开盖+预热座圈)、淋浴模式(花洒+浴霸联动)、夜间模式(柔光夜灯),每个卡片有图标、标题、说明、场景小图和播放按钮。底部蓝色大按钮"+ 添加智能设备"。最底部是底部导航栏,5个Tab:首页、积分商城、智家(选中蓝色高亮)、服务、我的,每个Tab有线条图标和文字。整体科技洁净感,蓝白配色,圆角卡片,UI设计稿,高保真,界面清晰地尔卫浴小程序智家页面UI设计,科技蓝白色调,智能卫浴全景场景。顶部导航栏"智家"标题,左侧"设备管理"文字,右侧"+ 添加设备"。页面顶部是大尺寸智能卫生间全景Banner图,画面中同时展示:智能马桶、智能浴室镜带灯带、顶喷花洒淋浴区、智能浴霸在天花板、智能毛巾架,整体是现代轻奢卫浴空间,蓝色科技氛围灯。Banner中央悬浮一个半透明毛玻璃控制面板,显示"卫浴模式"大字标题,副标"智能生活·舒适掌控",下方三个数据:水温38℃、座温36℃、空气质量优,各配图标。Banner底部有轮播指示点。下方"我的设备"标题栏,右侧"设备管理>"。设备区域两行三列共6个卡片:智能马桶(显示座温36℃/水温38℃/风温28℃)、智能浴室镜、智能花洒、智能浴霸、智能晾衣架、空气净化器,每个卡片有设备实物图、名称、绿色在线小点、蓝色开关按钮。中间"场景推荐"标题栏,右侧"更多场景>"。下方三个场景卡片并排:起床模式(自动开盖+预热座圈)、淋浴模式(花洒+浴霸联动)、夜间模式(柔光夜灯),每个卡片有图标、标题、说明、场景小图和播放按钮。底部蓝色大按钮"+ 添加智能设备"。最底部是底部导航栏,5个Tab:首页、积分商城、智家(选中蓝色高亮)、服务、我的,每个Tab有线条图标和文字。整体科技洁净感,蓝白配色,圆角卡片,UI设计稿,高保真,界面清晰
[第12张] 售后保障与行动号召页——服务承诺与立即预约。本张使用【图1】作为服务品质背景图参考(半透明背景叠加)。 [氛围/风格] 信任保障+行动号召,稳重有力,京东服务保障风格,渐变背景+图标组合。 [元素布局] 画面背景为淡蓝色渐变,叠加半透明安装场景(参考输入图中师傅与幕布,作为氛围背景);中上部为4大售后保障图标横向排列:「质保服务」「快速响应」「免费返工」「全程保险」;中下部为大号行动号召按钮区;底部为客服与联系方式提示。 [光影质感] 背景柔和朦胧,前景图标与文字清晰突出,按钮有光泽感和立体感,整体温暖可信。 [配色色系] 全局底色浅蓝渐变 #E3F2FD → #BBDEFB;主色深蓝 #1F3A5F;行动按钮橙色渐变 #F5A623 → #E67E22;图标蓝色填充;保障标签白色底。 [视角构图] 正面平视,居中对称布局,阅读动线顶部标语 → 4大保障 → 行动按钮 → 底部客服提示。 [文字版式] 顶部主标题「售后无忧 安心之选」,副标题「多重保障 让您安装无后顾之忧」;4个保障图标下方对应文字:「质保服务」「快速响应」「不满意返工」「安全保障」;中间大号橙色按钮「立即预约上门安装」,按钮内白色粗体字;按钮下方小字「点击咨询客服 获取专属安装方案」;最底部标注「全国主要城市可上门服务 详情咨询在线客服」。 [比例分辨率] 9:16 竖版比例,4K 分辨率,文字清晰可辨,高清画质。 [负向提示词] 按钮诱导点击感过强,文字错乱,文字过小,水印,京东logo,虚假承诺。[第12张] 售后保障与行动号召页——服务承诺与立即预约。本张使用【图1】作为服务品质背景图参考(半透明背景叠加)。
[氛围/风格] 信任保障+行动号召,稳重有力,京东服务保障风格,渐变背景+图标组合。
[元素布局] 画面背景为淡蓝色渐变,叠加半透明安装场景(参考输入图中师傅与幕布,作为氛围背景);中上部为4大售后保障图标横向排列:「质保服务」「快速响应」「免费返工」「全程保险」;中下部为大号行动号召按钮区;底部为客服与联系方式提示。
[光影质感] 背景柔和朦胧,前景图标与文字清晰突出,按钮有光泽感和立体感,整体温暖可信。
[配色色系] 全局底色浅蓝渐变 #E3F2FD → #BBDEFB;主色深蓝 #1F3A5F;行动按钮橙色渐变 #F5A623 → #E67E22;图标蓝色填充;保障标签白色底。
[视角构图] 正面平视,居中对称布局,阅读动线顶部标语 → 4大保障 → 行动按钮 → 底部客服提示。
[文字版式] 顶部主标题「售后无忧 安心之选」,副标题「多重保障 让您安装无后顾之忧」;4个保障图标下方对应文字:「质保服务」「快速响应」「不满意返工」「安全保障」;中间大号橙色按钮「立即预约上门安装」,按钮内白色粗体字;按钮下方小字「点击咨询客服 获取专属安装方案」;最底部标注「全国主要城市可上门服务 详情咨询在线客服」。
[比例分辨率] 9:16 竖版比例,4K 分辨率,文字清晰可辨,高清画质。
[负向提示词] 按钮诱导点击感过强,文字错乱,文字过小,水印,京东logo,虚假承诺。
微信小程序装修套餐列表页面,竖屏手机端UI界面,375px宽度比例,简约现代风格,白色背景浅灰色卡片。配色方案:主色调蓝色#2B6CB0,辅助色浅灰#F7F8FA,价格色红色#E53E3E,正文深灰#333,辅助文字#999,分割线#EEEEEE。页面布局从上到下:1.顶部导航栏:白色背景,左侧灰色返回箭头图标,中间深灰色文字标题"装修套餐"17px加粗,右侧无按钮,导航栏底部1px浅灰分割线。2.横向滑动分类标签栏:白色背景,横向排列6个分类标签:全部、卫生间、厨房、卧室、客厅、全屋整装;当前选中"全部",蓝色#2B6CB0文字加粗+底部蓝色下划线高亮,未选中灰色#666文字,标签可左右滑动,标签栏底部1px浅灰分割线。3.主体套餐卡片列表:纵向排列多张套餐卡片,每张卡片浅灰色#F7F8FA背景圆角12px,卡片间距12px,左右边距16px,内边距14px;每张卡片左侧是套餐效果图圆角矩形(如卫生间/厨房/卧室实景图),右侧上方套餐名称如"卫生间翻新套餐A"深灰色16px加粗,名称下方一行灰色小字标注面积范围和适用户型如"3-6㎡ · 适用于老房翻新",再下方是2-3个套餐亮点标签小圆角胶囊样式如"防水质保5年""环保材料""7天完工",浅蓝背景蓝色文字;卡片底部左侧套餐价格红色#E53E3E加粗如"¥9,800起"18px,右侧是"查看详情"按钮蓝色#2B6CB0实心圆角按钮白色文字。整体留白充足,信息层次清晰。4.底部TabBar:白色背景顶部1px浅灰分割线,4个Tab等分——首页、套餐、商城、我的;"套餐"Tab当前选中,图标和文字均为蓝色#2B6CB0,未选中图标灰色#999。整体干净简洁,适合28-55岁家装用户群体,高清商用UI设计稿,iPhone手机屏幕比例微信小程序装修套餐列表页面,竖屏手机端UI界面,375px宽度比例,简约现代风格,白色背景浅灰色卡片。配色方案:主色调蓝色#2B6CB0,辅助色浅灰#F7F8FA,价格色红色#E53E3E,正文深灰#333,辅助文字#999,分割线#EEEEEE。页面布局从上到下:1.顶部导航栏:白色背景,左侧灰色返回箭头图标,中间深灰色文字标题"装修套餐"17px加粗,右侧无按钮,导航栏底部1px浅灰分割线。2.横向滑动分类标签栏:白色背景,横向排列6个分类标签:全部、卫生间、厨房、卧室、客厅、全屋整装;当前选中"全部",蓝色#2B6CB0文字加粗+底部蓝色下划线高亮,未选中灰色#666文字,标签可左右滑动,标签栏底部1px浅灰分割线。3.主体套餐卡片列表:纵向排列多张套餐卡片,每张卡片浅灰色#F7F8FA背景圆角12px,卡片间距12px,左右边距16px,内边距14px;每张卡片左侧是套餐效果图圆角矩形(如卫生间/厨房/卧室实景图),右侧上方套餐名称如"卫生间翻新套餐A"深灰色16px加粗,名称下方一行灰色小字标注面积范围和适用户型如"3-6㎡ · 适用于老房翻新",再下方是2-3个套餐亮点标签小圆角胶囊样式如"防水质保5年""环保材料""7天完工",浅蓝背景蓝色文字;卡片底部左侧套餐价格红色#E53E3E加粗如"¥9,800起"18px,右侧是"查看详情"按钮蓝色#2B6CB0实心圆角按钮白色文字。整体留白充足,信息层次清晰。4.底部TabBar:白色背景顶部1px浅灰分割线,4个Tab等分——首页、套餐、商城、我的;"套餐"Tab当前选中,图标和文字均为蓝色#2B6CB0,未选中图标灰色#999。整体干净简洁,适合28-55岁家装用户群体,高清商用UI设计稿,iPhone手机屏幕比例
[第4屏] 家庭维保服务流程展示页面。 [氛围/风格] 清晰有序、步骤明确、时间轴设计风格,专业可信。 [元素布局] 画面采用横向时间轴四步流程设计,从左到右依次展示四个服务步骤;时间轴是一条蓝色的渐变线条,上面有四个圆形节点,每个节点内有步骤数字编号1/2/3/4;每个节点上方或下方对应一个步骤场景插画:1. 在线预约(手机APP界面+点击动作)2. 上门检测(技师按门铃+工具箱)3. 专业施工(技师维修操作场景)4. 验收售后(客户签字确认+微笑握手);四个场景插画风格统一,人物形象一致;背景有淡淡的连接线条和装饰元素。 [光影质感] 整体明亮柔和的光线,每个步骤卡片有轻微阴影,时间轴线条有发光效果,插画人物有清晰的明暗层次。 [配色色系] 全局底色 #EFF6FF 淡蓝色;主色 #2563EB 蓝色;辅助色 #F97316 橙色;节点圆圈用蓝色填充白色数字;步骤插画使用丰富的配色但整体协调。 [视角构图] 正面平视,横向时间轴居中,阅读动线从左到右依次浏览四个步骤。 [文字版式] 顶部居中主标题「四步标准流程 服务全程透明」粗体蓝色字;每个步骤节点下方:步骤名称(粗体深色字,如「在线预约」)+ 2行小字说明(如「手机下单 选择服务时间」);时间轴两端有装饰性箭头;底部有一行文字「全程可追踪 进度随时查」配手机小图标。文字清晰可读,步骤名称醒目。 [比例分辨率] 3:4 竖版比例,4K 分辨率,文字清晰可辨,高清画质。 [负向提示词] 变形,水印,文字错乱,文字过小,人物面部模糊,背景杂乱,颜色偏差,低俗内容。[第4屏] 家庭维保服务流程展示页面。
[氛围/风格] 清晰有序、步骤明确、时间轴设计风格,专业可信。
[元素布局] 画面采用横向时间轴四步流程设计,从左到右依次展示四个服务步骤;时间轴是一条蓝色的渐变线条,上面有四个圆形节点,每个节点内有步骤数字编号1/2/3/4;每个节点上方或下方对应一个步骤场景插画:1. 在线预约(手机APP界面+点击动作)2. 上门检测(技师按门铃+工具箱)3. 专业施工(技师维修操作场景)4. 验收售后(客户签字确认+微笑握手);四个场景插画风格统一,人物形象一致;背景有淡淡的连接线条和装饰元素。
[光影质感] 整体明亮柔和的光线,每个步骤卡片有轻微阴影,时间轴线条有发光效果,插画人物有清晰的明暗层次。
[配色色系] 全局底色 #EFF6FF 淡蓝色;主色 #2563EB 蓝色;辅助色 #F97316 橙色;节点圆圈用蓝色填充白色数字;步骤插画使用丰富的配色但整体协调。
[视角构图] 正面平视,横向时间轴居中,阅读动线从左到右依次浏览四个步骤。
[文字版式] 顶部居中主标题「四步标准流程 服务全程透明」粗体蓝色字;每个步骤节点下方:步骤名称(粗体深色字,如「在线预约」)+ 2行小字说明(如「手机下单 选择服务时间」);时间轴两端有装饰性箭头;底部有一行文字「全程可追踪 进度随时查」配手机小图标。文字清晰可读,步骤名称醒目。
[比例分辨率] 3:4 竖版比例,4K 分辨率,文字清晰可辨,高清画质。
[负向提示词] 变形,水印,文字错乱,文字过小,人物面部模糊,背景杂乱,颜色偏差,低俗内容。
微信小程序装修套餐详情页,竖屏手机端UI界面,375px宽度比例,简约现代风格,白色为主背景色,信息清晰层次分明,突出套餐价值和信任感。主色调微信绿色#07C160,促销红色#FF4D4F,正文色#333,辅助文字色#999,分割线色#F0F0F0,卡片圆角12px,模块间距12px。页面从上到下包含以下模块:1.顶部导航栏:左侧灰色返回箭头,中间深灰色文字"套餐详情"标题,右侧灰色分享图标,白色背景底部1px浅灰分割线。2.套餐头图区:顶部大图占满宽度高约220px,展示干净明亮的卫生间翻新完工实景图,图片底部叠加半透明黑色渐变遮罩,白色文字"卫生间翻新套餐"20px加粗,下方白色小字"防水+瓷砖+洁具+吊顶 · 7天完工"。3.价格信息条:白色背景内边距16px,左侧大字"¥3,999"深绿色加粗26px,右侧原价"¥5,800"灰色删除线;价格下方灰色小字"约¥444/㎡ · 按实际面积结算";右上角红色圆角标签"限时9折"。4.套餐包含清单:白色圆角12px卡片,标题"套餐包含"深灰色加粗;下方纵向列表6项,每项左侧绿色对勾图标✓,中间项目名称+品牌+规格说明,右侧灰色小字单项参考价:防水工程东方雨虹柔性防水刷两遍价值¥800、墙地砖铺贴东鹏300×600瓷片含人工辅料价值¥1,600、吊顶工程铝扣板集成吊顶含LED灯价值¥600、洁具三件套箭牌马桶+浴室柜+花洒价值¥1,800、水电改造局部改造含管线材料价值¥500、竣工保洁+验收价值¥200;列表底部汇总行左侧"套餐总价值 ¥5,500"灰色,右侧红色"套餐价 ¥3,999 省¥1,501"。5.施工流程区:白色圆角12px卡片,标题"施工流程",横向时间轴样式5个节点从左到右:①上门量房→②方案确认→③材料进场→④施工安装→⑤验收交付,每个节点绿色圆形图标+下方步骤名称,节点之间绿色虚线连接。6.主材品牌区:白色圆角12px卡片,标题"精选主材",横向滑动4张品牌卡片每张宽约120px,上方品牌logo区域白色背景圆角矩形,下方品牌名称"东鹏瓷砖"+灰色小字"一线品牌·国标品质",卡片间距8px。7.前后对比区:白色圆角12px卡片,标题"完工效果",左右对比布局,左侧"施工前"BEFORE标签+旧卫生间偏暗旧照片,右侧"完工后"AFTER标签+翻新后明亮干净照片,两张图等宽并排中间白色竖线分割。8.业主评价区:白色圆角12px卡片,标题"已服务86户",评分"4.9分"黄色星星;下方2条评论,每条32px圆形用户头像+昵称+评分星星+2行文字内容+2张48px圆角买家秀小图;底部"查看全部评价 >"绿色文字。9.注意事项区:白色圆角12px卡片,标题"温馨提示",折叠手风琴样式3条:"套餐适用于6㎡以内卫生间""超出面积按实际用量补差价""施工期间需业主配合断水断电",每条右侧向下箭头">"。10.底部固定操作栏:高度64px白色背景顶部1px浅灰分割线,左侧客服图标+文字"咨询"和收藏图标+文字"收藏",右侧深绿色实心圆角按钮"立即预约 ¥3,999"白色加粗文字。整体视觉重点突出套餐价值感和专业信任感,高清商用UI设计稿,iPhone手机屏幕比例微信小程序装修套餐详情页,竖屏手机端UI界面,375px宽度比例,简约现代风格,白色为主背景色,信息清晰层次分明,突出套餐价值和信任感。主色调微信绿色#07C160,促销红色#FF4D4F,正文色#333,辅助文字色#999,分割线色#F0F0F0,卡片圆角12px,模块间距12px。页面从上到下包含以下模块:1.顶部导航栏:左侧灰色返回箭头,中间深灰色文字"套餐详情"标题,右侧灰色分享图标,白色背景底部1px浅灰分割线。2.套餐头图区:顶部大图占满宽度高约220px,展示干净明亮的卫生间翻新完工实景图,图片底部叠加半透明黑色渐变遮罩,白色文字"卫生间翻新套餐"20px加粗,下方白色小字"防水+瓷砖+洁具+吊顶 · 7天完工"。3.价格信息条:白色背景内边距16px,左侧大字"¥3,999"深绿色加粗26px,右侧原价"¥5,800"灰色删除线;价格下方灰色小字"约¥444/㎡ · 按实际面积结算";右上角红色圆角标签"限时9折"。4.套餐包含清单:白色圆角12px卡片,标题"套餐包含"深灰色加粗;下方纵向列表6项,每项左侧绿色对勾图标✓,中间项目名称+品牌+规格说明,右侧灰色小字单项参考价:防水工程东方雨虹柔性防水刷两遍价值¥800、墙地砖铺贴东鹏300×600瓷片含人工辅料价值¥1,600、吊顶工程铝扣板集成吊顶含LED灯价值¥600、洁具三件套箭牌马桶+浴室柜+花洒价值¥1,800、水电改造局部改造含管线材料价值¥500、竣工保洁+验收价值¥200;列表底部汇总行左侧"套餐总价值 ¥5,500"灰色,右侧红色"套餐价 ¥3,999 省¥1,501"。5.施工流程区:白色圆角12px卡片,标题"施工流程",横向时间轴样式5个节点从左到右:①上门量房→②方案确认→③材料进场→④施工安装→⑤验收交付,每个节点绿色圆形图标+下方步骤名称,节点之间绿色虚线连接。6.主材品牌区:白色圆角12px卡片,标题"精选主材",横向滑动4张品牌卡片每张宽约120px,上方品牌logo区域白色背景圆角矩形,下方品牌名称"东鹏瓷砖"+灰色小字"一线品牌·国标品质",卡片间距8px。7.前后对比区:白色圆角12px卡片,标题"完工效果",左右对比布局,左侧"施工前"BEFORE标签+旧卫生间偏暗旧照片,右侧"完工后"AFTER标签+翻新后明亮干净照片,两张图等宽并排中间白色竖线分割。8.业主评价区:白色圆角12px卡片,标题"已服务86户",评分"4.9分"黄色星星;下方2条评论,每条32px圆形用户头像+昵称+评分星星+2行文字内容+2张48px圆角买家秀小图;底部"查看全部评价 >"绿色文字。9.注意事项区:白色圆角12px卡片,标题"温馨提示",折叠手风琴样式3条:"套餐适用于6㎡以内卫生间""超出面积按实际用量补差价""施工期间需业主配合断水断电",每条右侧向下箭头">"。10.底部固定操作栏:高度64px白色背景顶部1px浅灰分割线,左侧客服图标+文字"咨询"和收藏图标+文字"收藏",右侧深绿色实心圆角按钮"立即预约 ¥3,999"白色加粗文字。整体视觉重点突出套餐价值感和专业信任感,高清商用UI设计稿,iPhone手机屏幕比例
[第8张] 详情页套餐规格-不同保洁套餐对比。本张使用【图1】场景元素作为装饰参考。 [氛围/风格] 表格卡片对比风,清晰直观,京东专业严谨风格,信息层级分明。 [元素布局] 顶部标题区;中部三个套餐卡片横向排列或纵向堆叠,分别为:单次体验保洁、日常定期保洁(每周/每两周)、深度保洁套餐;每个卡片有套餐名称、价格区间、适用面积、服务时长、包含项目;底部有选择建议。 [光影质感] 均匀平面光,卡片有轻微悬浮投影,层次分明,整体干净专业。 [配色色系] 全局底色 #F7F9FC 浅灰蓝;主推套餐卡片用蓝色渐变 #3498DB 到 #5DADE2 突出;其他套餐用白色卡片;文字深灰 #333333;价格用橙色 #E74C3C 突出。 [视角构图] 卡片式纵向排列或三列横向布局,阅读动线顶部标题 → 中部套餐对比 → 底部选择指南。 [文字版式] 顶部主标题「多种套餐 按需选择」,粗黑体居中;副标题「单次/定期/深度 总有一款适合你」;每个套餐卡片内:套餐名称大字号,价格醒目,下方4-5项服务内容用勾选图标列出;主推套餐标「热门推荐」角标;底部「不知道选哪个?联系客服为您推荐」;文字清晰,价格突出,对比明确。 [比例分辨率] 9:16 竖版比例,4K 分辨率,文字清晰可辨,高清画质。 [负向提示词] 文字过小,表格错乱,水印,颜色偏差,京东logo或平台标识,虚假价格标识。[第8张] 详情页套餐规格-不同保洁套餐对比。本张使用【图1】场景元素作为装饰参考。
[氛围/风格] 表格卡片对比风,清晰直观,京东专业严谨风格,信息层级分明。
[元素布局] 顶部标题区;中部三个套餐卡片横向排列或纵向堆叠,分别为:单次体验保洁、日常定期保洁(每周/每两周)、深度保洁套餐;每个卡片有套餐名称、价格区间、适用面积、服务时长、包含项目;底部有选择建议。
[光影质感] 均匀平面光,卡片有轻微悬浮投影,层次分明,整体干净专业。
[配色色系] 全局底色 #F7F9FC 浅灰蓝;主推套餐卡片用蓝色渐变 #3498DB 到 #5DADE2 突出;其他套餐用白色卡片;文字深灰 #333333;价格用橙色 #E74C3C 突出。
[视角构图] 卡片式纵向排列或三列横向布局,阅读动线顶部标题 → 中部套餐对比 → 底部选择指南。
[文字版式] 顶部主标题「多种套餐 按需选择」,粗黑体居中;副标题「单次/定期/深度 总有一款适合你」;每个套餐卡片内:套餐名称大字号,价格醒目,下方4-5项服务内容用勾选图标列出;主推套餐标「热门推荐」角标;底部「不知道选哪个?联系客服为您推荐」;文字清晰,价格突出,对比明确。
[比例分辨率] 9:16 竖版比例,4K 分辨率,文字清晰可辨,高清画质。
[负向提示词] 文字过小,表格错乱,水印,颜色偏差,京东logo或平台标识,虚假价格标识。
[第8张] 详情页服务保障-售后保障与安全说明。本张使用【图1】作为服务场景小插图参考。 [氛围/风格] 安心可靠、信任感强,盾牌/印章等保障元素,京东严谨风格。 [元素布局] 画面中央偏上有一个大型盾牌图标,象征保障;盾牌周围分布4个保障模块图标卡片,2x2排列;左上角小图展示清洁人员佩戴工牌上门的场景(参考图1工人形象);背景为渐变浅蓝色,营造安全可靠的氛围。 [光影质感] 整体明亮柔和,盾牌有金属光泽感,卡片轻微浮起投影,层次分明。 [配色色系] 全局底色 #F0F7FF浅蓝渐变;主色 #1E6FFF京东蓝;辅助色 #00C853绿色(安全保障色);点缀色 #FF6B00橙色。 [视角构图] 中心对称布局,盾牌为视觉焦点,四周环绕保障卡片,稳定可信。 [文字版式] 顶部主标题「四重服务保障」,副标题「让您省心又放心」;4个保障卡片:1.「满意保障」(验收不满意 免费返工)配盾牌图标、2.「价格保障」(明码标价 无隐形消费)配价格标签图标、3.「安全保障」(人员持证 物品无损)配锁图标、4.「售后保障」(48小时售后 问题快速响应)配客服图标;底部蓝色条带文字「京东服务品质 全程监督 权益有保障」。 [比例分辨率] 9:16竖版比例,4K分辨率,文字清晰可辨,高清画质。 [负向提示词] 水印,图标模糊,文字过小,京东logo,绝对化承诺。[第8张] 详情页服务保障-售后保障与安全说明。本张使用【图1】作为服务场景小插图参考。
[氛围/风格] 安心可靠、信任感强,盾牌/印章等保障元素,京东严谨风格。
[元素布局] 画面中央偏上有一个大型盾牌图标,象征保障;盾牌周围分布4个保障模块图标卡片,2x2排列;左上角小图展示清洁人员佩戴工牌上门的场景(参考图1工人形象);背景为渐变浅蓝色,营造安全可靠的氛围。
[光影质感] 整体明亮柔和,盾牌有金属光泽感,卡片轻微浮起投影,层次分明。
[配色色系] 全局底色 #F0F7FF浅蓝渐变;主色 #1E6FFF京东蓝;辅助色 #00C853绿色(安全保障色);点缀色 #FF6B00橙色。
[视角构图] 中心对称布局,盾牌为视觉焦点,四周环绕保障卡片,稳定可信。
[文字版式] 顶部主标题「四重服务保障」,副标题「让您省心又放心」;4个保障卡片:1.「满意保障」(验收不满意 免费返工)配盾牌图标、2.「价格保障」(明码标价 无隐形消费)配价格标签图标、3.「安全保障」(人员持证 物品无损)配锁图标、4.「售后保障」(48小时售后 问题快速响应)配客服图标;底部蓝色条带文字「京东服务品质 全程监督 权益有保障」。
[比例分辨率] 9:16竖版比例,4K分辨率,文字清晰可辨,高清画质。
[负向提示词] 水印,图标模糊,文字过小,京东logo,绝对化承诺。
[第3屏] 家庭维保服务范围展示页面。 [氛围/风格] 清晰专业、分类明确、图标化展示,现代简约商业设计风格。 [元素布局] 画面采用网格卡片式布局,展示五大服务品类;顶部是标题区,下方是2行3列的服务卡片(最后一个位置留空或放更多服务提示);每张卡片包含一个彩色图标、服务名称和简短说明;卡片图标分别是:1. 家电维修(空调/冰箱/洗衣机图标)2. 水电维修(水龙头/电线/灯泡图标)3. 家具安装(衣柜/桌椅/螺丝图标)4. 管道疏通(水管/马桶/地漏图标)5. 墙面修补(墙面/涂料/刷子图标);卡片之间有均匀间距,背景有淡淡的几何线条装饰。 [光影质感] 整体明亮均匀的柔光,卡片有轻微的悬浮阴影效果,增加立体感,图标有渐变光泽质感。 [配色色系] 全局底色 #F8FAFC 浅灰白;主色 #2563EB 蓝色;辅助色 #F97316 橙色、#10B981 绿色、#8B5CF6 紫色、#EC4899 粉色(每个品类一个主题色);卡片底色白色。 [视角构图] 正面俯视角度的平面布局,居中对称,阅读动线从上到下、从左到右依次浏览卡片。 [文字版式] 顶部居中主标题「全品类覆盖 一站式服务」粗体蓝色字,副标题「五大服务品类 满足您的所有需求」灰色小字;每张卡片内:上方是彩色大图标,中间是服务名称(粗体深色字),下方是2-3行小字说明具体服务项目;底部有一行文字「更多服务请咨询客服」配小箭头图标。文字清晰可读,卡片内文字不拥挤。 [比例分辨率] 3:4 竖版比例,4K 分辨率,文字清晰可辨,高清画质。 [负向提示词] 变形,水印,文字错乱,文字过小,图标模糊,背景杂乱,颜色偏差,低俗内容。[第3屏] 家庭维保服务范围展示页面。
[氛围/风格] 清晰专业、分类明确、图标化展示,现代简约商业设计风格。
[元素布局] 画面采用网格卡片式布局,展示五大服务品类;顶部是标题区,下方是2行3列的服务卡片(最后一个位置留空或放更多服务提示);每张卡片包含一个彩色图标、服务名称和简短说明;卡片图标分别是:1. 家电维修(空调/冰箱/洗衣机图标)2. 水电维修(水龙头/电线/灯泡图标)3. 家具安装(衣柜/桌椅/螺丝图标)4. 管道疏通(水管/马桶/地漏图标)5. 墙面修补(墙面/涂料/刷子图标);卡片之间有均匀间距,背景有淡淡的几何线条装饰。
[光影质感] 整体明亮均匀的柔光,卡片有轻微的悬浮阴影效果,增加立体感,图标有渐变光泽质感。
[配色色系] 全局底色 #F8FAFC 浅灰白;主色 #2563EB 蓝色;辅助色 #F97316 橙色、#10B981 绿色、#8B5CF6 紫色、#EC4899 粉色(每个品类一个主题色);卡片底色白色。
[视角构图] 正面俯视角度的平面布局,居中对称,阅读动线从上到下、从左到右依次浏览卡片。
[文字版式] 顶部居中主标题「全品类覆盖 一站式服务」粗体蓝色字,副标题「五大服务品类 满足您的所有需求」灰色小字;每张卡片内:上方是彩色大图标,中间是服务名称(粗体深色字),下方是2-3行小字说明具体服务项目;底部有一行文字「更多服务请咨询客服」配小箭头图标。文字清晰可读,卡片内文字不拥挤。
[比例分辨率] 3:4 竖版比例,4K 分辨率,文字清晰可辨,高清画质。
[负向提示词] 变形,水印,文字错乱,文字过小,图标模糊,背景杂乱,颜色偏差,低俗内容。