手机端小程序充值界面设计稿，参考图1的深蓝色科技感玻璃拟态UI设计风格，整合图2的全部功能元素。界面结构：顶部返回箭头和居中"充值"标题；顶部信息卡片包含"30天无理由退款"和"所有平台通用(含插件、
1q2kboojas-...
2026.08.03手机端小程序充值界面设计稿，参考图1的深蓝色科技感玻璃拟态UI设计风格，整合图2的全部功能元素。界面结构：顶部返回箭头和居中"充值"标题；顶部信息卡片包含"30天无理由退款"和"所有平台通用(含插件、
1q2kboojas-...
2026.08.03
![[第7张] 会员充值营销页——会员活动弹窗展示。本张使用【图6】作为会员充值弹窗主体展示。
[氛围/风格] 喜庆营销活动风，突出优惠力度与充值吸引力，商业营销海报质感。
[元素布局] 中心展示红色会员充值弹窗，占比约50%，弹窗顶部金币/红包/票券装饰、「会员充值」大标题、「充100.00元送10.00元」核心优惠、「去充值」按钮、底部关闭按钮；弹窗背后隐约透出点餐界面背景（做暗化模糊处理）；四周配营销卖点文字与图标；整体氛围喜庆热烈。
[光影质感] 弹窗带发光效果与悬浮感，金币红包有高光点缀，中心亮四周暗，突出弹窗主体。
[配色色系] 全局底色 #1A1A2E 深暗底（衬托弹窗）；主色 #FF3B30 大红色（弹窗主体）；辅助色 #FFD700 金色（装饰/按钮）、#FFFFFF 白色文字；点缀色金币黄。
[视角构图] 正面平视，弹窗居中为视觉焦点，四周环绕卖点文字，阅读动线从中心弹窗 → 四周卖点。
[文字版式] 弹窗内文案保持原图信息：「会员充值」「充100.00元送10.00元」「去充值」；弹窗上方主标题「会员充值 锁客增收」，副标题「充得多送得多 提升复购与客单价」；弹窗下方三个卖点：「锁定顾客消费」「提升复购率」「增加预存收入」，横向排列配金色图标；右下角标注页码「07」；文字清晰醒目。
[比例分辨率] 9:16 竖版比例，4K 分辨率，文字清晰可辨，高清画质。
[负向提示词] 金额错误，文字错乱，弹窗变形，颜色偏差，水印，装饰元素缺失。](https://gd-cms.dancf.com/gd-cms/xi19e5/0/c3f3fead-8278-4594-8e27-90f118c1e93339736.jpeg?x-oss-process=image/resize,w_640,type_6/sharpen,120/interlace,1)
![[第7张] 会员充值营销页——会员活动弹窗展示。本张使用【图6】作为会员充值弹窗主体展示。
[氛围/风格] 喜庆营销活动风，突出优惠力度与充值吸引力，商业营销海报质感。
[元素布局] 中心展示红色会员充值弹窗，占比约50%，弹窗顶部金币/红包/票券装饰、「会员充值」大标题、「充100.00元送10.00元」核心优惠、「去充值」按钮、底部关闭按钮；弹窗背后隐约透出点餐界面背景（做暗化模糊处理）；四周配营销卖点文字与图标；整体氛围喜庆热烈。
[光影质感] 弹窗带发光效果与悬浮感，金币红包有高光点缀，中心亮四周暗，突出弹窗主体。
[配色色系] 全局底色 #1A1A2E 深暗底（衬托弹窗）；主色 #FF3B30 大红色（弹窗主体）；辅助色 #FFD700 金色（装饰/按钮）、#FFFFFF 白色文字；点缀色金币黄。
[视角构图] 正面平视，弹窗居中为视觉焦点，四周环绕卖点文字，阅读动线从中心弹窗 → 四周卖点。
[文字版式] 弹窗内文案保持原图信息：「会员充值」「充100.00元送10.00元」「去充值」；弹窗上方主标题「会员充值 锁客增收」，副标题「充得多送得多 提升复购与客单价」；弹窗下方三个卖点：「锁定顾客消费」「提升复购率」「增加预存收入」，横向排列配金色图标；右下角标注页码「07」；文字清晰醒目。
[比例分辨率] 9:16 竖版比例，4K 分辨率，文字清晰可辨，高清画质。
[负向提示词] 金额错误，文字错乱，弹窗变形，颜色偏差，水印，装饰元素缺失。](https://gd-cms.dancf.com/gd-cms/xi19e5/0/fb807cf5-8d7d-40cc-8bc7-aeb1fb52cdf71298.jpeg?x-oss-process=image/resize,w_640,type_6/sharpen,120/interlace,1)
