将订单右下角蓝色按键上的文字“退款/售后”修改为“去支付”,保… - 图片创意预览

将订单右下角蓝色按键上的文字“退款/售后”修改为“去支付”,保…

将订单右下角蓝色按键上的文字“退款/售后”修改为“去支付”,保持按钮样式、颜色和整体界面排版内容不变

用户头像

GD720042415

2026.03.28
手机端小程序UI设计稿,宽度375px比例的竖屏页面(“订单详情”页),高保真电商小程序截图风格,页面底色为浅灰白。 顶部为大面积从橙色到琥珀色的渐变背景区,左上角一个白色返回箭头图标,右上角一个白色“…”更多图标;渐变区域中部居中显示大号白色订单状态文字“待发货”,其下方一行小号白色半透明文字“预计48小时内发货”。 渐变区域下方叠放一张白色圆角卡片(shadow-sm 轻阴影 + 1px 浅灰边框),卡片内左侧为一个正方形商品缩略图(圆角,图内为浅灰纹理大理石瓷砖实物),右侧从上到下:商品名“意大利进口大理石瓷砖 800×800mm”、规格标签“浅灰纹 / 600×600mm”、价格“¥128.00”与数量“×2”。 接下来依次是三个白色圆角区块(同样轻阴影 + 1px 浅灰边框,区块间距均匀): (1)区块标题行“配送信息”,右侧一个展开箭头,下方显示收货人“张先生 138****6789”与地址“上海市浦东新区张江镇XXX路XXX号”,地址行左侧有一个橙色小定位图标; (2)区块标题行“价格明细”,内部四行,左侧文字右侧金额右对齐:第一行“商品总额”与“¥256.00”,第二行“运费”与“¥0.00”(右侧另有一个灰色小标签“包邮”),第三行“优惠券”与“-¥20.00”(金额为橙色文字),第四行“实付金额”与“¥236.00”(加粗加大、橙色文字); (3)区块标题行“订单信息”,内部多行灰色小字:一行“订单编号”与“2026100800128”(右侧带一个小复制按钮图标),一行“下单时间”与“2026-10-08 14:32”,一行“支付方式”与“微信支付”,一行“商家备注”与“客户备注:周六上午送货”。 页面底部为固定操作栏,白色背景、顶部一条细线阴影,右侧两个按钮并排:左侧“联系客服”为白色底加深灰描边按钮并带小电话图标,右侧“催促发货”为橙色实心圆角按钮、白色文字。 整体风格:延续橙色渐变主题,白色卡片轻阴影与 1px 浅灰边框,信息层级清晰紧凑,淘宝式密集排版;所有文字为简体中文且全部横向排版(禁止竖排与旋转),字号清晰可读,对齐整齐;不出现水印、二维码、平台logo、绝对化用语。手机端小程序UI设计稿,宽度375px比例的竖屏页面(“订单详情”页),高保真电商小程序截图风格,页面底色为浅灰白。
顶部为大面积从橙色到琥珀色的渐变背景区,左上角一个白色返回箭头图标,右上角一个白色“…”更多图标;渐变区域中部居中显示大号白色订单状态文字“待发货”,其下方一行小号白色半透明文字“预计48小时内发货”。
渐变区域下方叠放一张白色圆角卡片(shadow-sm 轻阴影 + 1px 浅灰边框),卡片内左侧为一个正方形商品缩略图(圆角,图内为浅灰纹理大理石瓷砖实物),右侧从上到下:商品名“意大利进口大理石瓷砖 800×800mm”、规格标签“浅灰纹 / 600×600mm”、价格“¥128.00”与数量“×2”。
接下来依次是三个白色圆角区块(同样轻阴影 + 1px 浅灰边框,区块间距均匀):
(1)区块标题行“配送信息”,右侧一个展开箭头,下方显示收货人“张先生 138****6789”与地址“上海市浦东新区张江镇XXX路XXX号”,地址行左侧有一个橙色小定位图标;
(2)区块标题行“价格明细”,内部四行,左侧文字右侧金额右对齐:第一行“商品总额”与“¥256.00”,第二行“运费”与“¥0.00”(右侧另有一个灰色小标签“包邮”),第三行“优惠券”与“-¥20.00”(金额为橙色文字),第四行“实付金额”与“¥236.00”(加粗加大、橙色文字);
(3)区块标题行“订单信息”,内部多行灰色小字:一行“订单编号”与“2026100800128”(右侧带一个小复制按钮图标),一行“下单时间”与“2026-10-08 14:32”,一行“支付方式”与“微信支付”,一行“商家备注”与“客户备注:周六上午送货”。
页面底部为固定操作栏,白色背景、顶部一条细线阴影,右侧两个按钮并排:左侧“联系客服”为白色底加深灰描边按钮并带小电话图标,右侧“催促发货”为橙色实心圆角按钮、白色文字。
整体风格:延续橙色渐变主题,白色卡片轻阴影与 1px 浅灰边框,信息层级清晰紧凑,淘宝式密集排版;所有文字为简体中文且全部横向排版(禁止竖排与旋转),字号清晰可读,对齐整齐;不出现水印、二维码、平台logo、绝对化用语。
[第4屏] 详情页核心技术原理-IC卡水控机工作原理示意。本屏使用【图3】作为产品主体,配合原理示意图。 [氛围/风格] 科技图解风,深蓝底配发光线路,技术感强,商业摄影+信息图结合质感。 [元素布局] 画面左侧放置水控机产品45°视角,占比约40%;右侧及周围用发光线条和箭头绘制工作原理路径:IC卡刷卡感应 → 控制器识别扣费 → 电磁阀开启供水 → 用完自动关阀;用虚线框标注四大核心模块:读卡模块、控制主板、电磁阀、计量传感器;模块之间用蓝色发光箭头连接;产品物理结构与输入图一致。 [光影质感] 产品主体清晰打光,原理线条有自发光效果,背景深蓝有微弱科技光点,整体有科技通透感。 [配色色系] 全局底色 #0D1B2A 深蓝底;主色 #00B4D8 青蓝色发光线条;辅助色白色产品、浅灰模块标签。 [视角构图] 左产品右原理的左右构图,阅读动线从产品出发沿箭头路径阅读原理。 [文字版式] 顶部主标题「一体化智能控水系统」,副标题「刷卡即开 用完即关 精准可控」;四个模块分别标注:「读卡感应模块 快速识别IC卡信息」「智能控制主板 计时计量精准运算」「黄铜电磁阀 耐用防漏响应快」「流量传感器 高精度计量扣费」;文字用白色和浅蓝色区分层级。 [比例分辨率] 9:16 竖版比例,4K分辨率,文字清晰可辨,高清画质。 [负向提示词] 产品变形,结构错误,颜色偏差,水印,文字错乱,文字过小,线路混乱。[第4屏] 详情页核心技术原理-IC卡水控机工作原理示意。本屏使用【图3】作为产品主体,配合原理示意图。
[氛围/风格] 科技图解风,深蓝底配发光线路,技术感强,商业摄影+信息图结合质感。
[元素布局] 画面左侧放置水控机产品45°视角,占比约40%;右侧及周围用发光线条和箭头绘制工作原理路径:IC卡刷卡感应 → 控制器识别扣费 → 电磁阀开启供水 → 用完自动关阀;用虚线框标注四大核心模块:读卡模块、控制主板、电磁阀、计量传感器;模块之间用蓝色发光箭头连接;产品物理结构与输入图一致。
[光影质感] 产品主体清晰打光,原理线条有自发光效果,背景深蓝有微弱科技光点,整体有科技通透感。
[配色色系] 全局底色 #0D1B2A 深蓝底;主色 #00B4D8 青蓝色发光线条;辅助色白色产品、浅灰模块标签。
[视角构图] 左产品右原理的左右构图,阅读动线从产品出发沿箭头路径阅读原理。
[文字版式] 顶部主标题「一体化智能控水系统」,副标题「刷卡即开 用完即关 精准可控」;四个模块分别标注:「读卡感应模块 快速识别IC卡信息」「智能控制主板 计时计量精准运算」「黄铜电磁阀 耐用防漏响应快」「流量传感器 高精度计量扣费」;文字用白色和浅蓝色区分层级。
[比例分辨率] 9:16 竖版比例,4K分辨率,文字清晰可辨,高清画质。
[负向提示词] 产品变形,结构错误,颜色偏差,水印,文字错乱,文字过小,线路混乱。
[第4屏] 详情页核心技术原理-IC卡水控机工作原理示意。本屏使用【图3】作为产品主体,配合原理示意图。 [氛围/风格] 科技图解风,深蓝底配发光线路,技术感强,商业摄影+信息图结合质感。 [元素布局] 画面左侧放置水控机产品45°视角,占比约40%;右侧及周围用发光线条和箭头绘制工作原理路径:IC卡刷卡感应 → 控制器识别扣费 → 电磁阀开启供水 → 用完自动关阀;用虚线框标注四大核心模块:读卡模块、控制主板、电磁阀、计量传感器;模块之间用蓝色发光箭头连接;产品物理结构与输入图一致。 [光影质感] 产品主体清晰打光,原理线条有自发光效果,背景深蓝有微弱科技光点,整体有科技通透感。 [配色色系] 全局底色 #0D1B2A 深蓝底;主色 #00B4D8 青蓝色发光线条;辅助色白色产品、浅灰模块标签。 [视角构图] 左产品右原理的左右构图,阅读动线从产品出发沿箭头路径阅读原理。 [文字版式] 顶部主标题「一体化智能控水系统」,副标题「刷卡即开 用完即关 精准可控」;四个模块分别标注:「读卡感应模块 快速识别IC卡信息」「智能控制主板 计时计量精准运算」「黄铜电磁阀 耐用防漏响应快」「流量传感器 高精度计量扣费」;文字用白色和浅蓝色区分层级。 [比例分辨率] 9:16 竖版比例,4K分辨率,文字清晰可辨,高清画质。 [负向提示词] 产品变形,结构错误,颜色偏差,水印,文字错乱,文字过小,线路混乱。[第4屏] 详情页核心技术原理-IC卡水控机工作原理示意。本屏使用【图3】作为产品主体,配合原理示意图。
[氛围/风格] 科技图解风,深蓝底配发光线路,技术感强,商业摄影+信息图结合质感。
[元素布局] 画面左侧放置水控机产品45°视角,占比约40%;右侧及周围用发光线条和箭头绘制工作原理路径:IC卡刷卡感应 → 控制器识别扣费 → 电磁阀开启供水 → 用完自动关阀;用虚线框标注四大核心模块:读卡模块、控制主板、电磁阀、计量传感器;模块之间用蓝色发光箭头连接;产品物理结构与输入图一致。
[光影质感] 产品主体清晰打光,原理线条有自发光效果,背景深蓝有微弱科技光点,整体有科技通透感。
[配色色系] 全局底色 #0D1B2A 深蓝底;主色 #00B4D8 青蓝色发光线条;辅助色白色产品、浅灰模块标签。
[视角构图] 左产品右原理的左右构图,阅读动线从产品出发沿箭头路径阅读原理。
[文字版式] 顶部主标题「一体化智能控水系统」,副标题「刷卡即开 用完即关 精准可控」;四个模块分别标注:「读卡感应模块 快速识别IC卡信息」「智能控制主板 计时计量精准运算」「黄铜电磁阀 耐用防漏响应快」「流量传感器 高精度计量扣费」;文字用白色和浅蓝色区分层级。
[比例分辨率] 9:16 竖版比例,4K分辨率,文字清晰可辨,高清画质。
[负向提示词] 产品变形,结构错误,颜色偏差,水印,文字错乱,文字过小,线路混乱。
[第4屏] 详情页核心技术原理-IC卡水控机工作原理示意。本屏使用【图3】作为产品主体,配合原理示意图。 [氛围/风格] 科技图解风,深蓝底配发光线路,技术感强,商业摄影+信息图结合质感。 [元素布局] 画面左侧放置水控机产品45°视角,占比约40%;右侧及周围用发光线条和箭头绘制工作原理路径:IC卡刷卡感应 → 控制器识别扣费 → 电磁阀开启供水 → 用完自动关阀;用虚线框标注四大核心模块:读卡模块、控制主板、电磁阀、计量传感器;模块之间用蓝色发光箭头连接;产品物理结构与输入图一致。 [光影质感] 产品主体清晰打光,原理线条有自发光效果,背景深蓝有微弱科技光点,整体有科技通透感。 [配色色系] 全局底色 #0D1B2A 深蓝底;主色 #00B4D8 青蓝色发光线条;辅助色白色产品、浅灰模块标签。 [视角构图] 左产品右原理的左右构图,阅读动线从产品出发沿箭头路径阅读原理。 [文字版式] 顶部主标题「一体化智能控水系统」,副标题「刷卡即开 用完即关 精准可控」;四个模块分别标注:「读卡感应模块 快速识别IC卡信息」「智能控制主板 计时计量精准运算」「黄铜电磁阀 耐用防漏响应快」「流量传感器 高精度计量扣费」;文字用白色和浅蓝色区分层级。 [比例分辨率] 9:16 竖版比例,4K分辨率,文字清晰可辨,高清画质。 [负向提示词] 产品变形,结构错误,颜色偏差,水印,文字错乱,文字过小,线路混乱。[第4屏] 详情页核心技术原理-IC卡水控机工作原理示意。本屏使用【图3】作为产品主体,配合原理示意图。
[氛围/风格] 科技图解风,深蓝底配发光线路,技术感强,商业摄影+信息图结合质感。
[元素布局] 画面左侧放置水控机产品45°视角,占比约40%;右侧及周围用发光线条和箭头绘制工作原理路径:IC卡刷卡感应 → 控制器识别扣费 → 电磁阀开启供水 → 用完自动关阀;用虚线框标注四大核心模块:读卡模块、控制主板、电磁阀、计量传感器;模块之间用蓝色发光箭头连接;产品物理结构与输入图一致。
[光影质感] 产品主体清晰打光,原理线条有自发光效果,背景深蓝有微弱科技光点,整体有科技通透感。
[配色色系] 全局底色 #0D1B2A 深蓝底;主色 #00B4D8 青蓝色发光线条;辅助色白色产品、浅灰模块标签。
[视角构图] 左产品右原理的左右构图,阅读动线从产品出发沿箭头路径阅读原理。
[文字版式] 顶部主标题「一体化智能控水系统」,副标题「刷卡即开 用完即关 精准可控」;四个模块分别标注:「读卡感应模块 快速识别IC卡信息」「智能控制主板 计时计量精准运算」「黄铜电磁阀 耐用防漏响应快」「流量传感器 高精度计量扣费」;文字用白色和浅蓝色区分层级。
[比例分辨率] 9:16 竖版比例,4K分辨率,文字清晰可辨,高清画质。
[负向提示词] 产品变形,结构错误,颜色偏差,水印,文字错乱,文字过小,线路混乱。