手机H5竖屏绑卡引导页,9:16比例1080x1920,中国建… - 图片创意预览

手机H5竖屏绑卡引导页,9:16比例1080x1920,中国建…

手机H5竖屏绑卡引导页,9:16比例1080x1920,中国建设银行×美团支付新客首绑礼。纯UI全页面设计,绝对不要手机状态栏。背景:建行深蓝顶部渐变过渡到暖黄色主体,柔和光效。顶部标题栏:建行蓝背景

用户头像

GD639627569

2026.09.20
[第9张] 抖音支付随机立减优惠页——抖音用户专享立减展示。本张使用【图8】抖音支付结算页、【图9】抖音立减优惠弹窗作为主体展示。 [氛围/风格] 喜庆优惠营销风,突出抖音支付立减优惠力度,吸引顾客使用,商业营销质感。 [元素布局] 上方展示结算页(抖音支付方式选中、合计¥20.00、去支付按钮),占比约35%;下方展示抖音用户专享优惠弹窗(10元 本单享立减优惠、放弃并退出/继续付款按钮),占比约35%;右侧或中间用箭头连接表示流程;背景为抖音品牌红粉色渐变,带金币/红包装饰元素,氛围热烈。 [光影质感] 弹窗与界面卡片带悬浮感与发光效果,优惠金额醒目高亮,整体明亮有促销感。 [配色色系] 全局底色 #FFF0F3 浅粉渐变;主色 #FF0050 抖音红;辅助色 #FFD700 金色(优惠金额)、#000000 黑色;点缀色红包金币元素。 [视角构图] 正面平视,上下两个界面卡片纵向排列,中间用流程箭头连接,阅读动线从上到下展示支付立减流程。 [文字版式] 顶部主标题「抖音支付 随机立减」,副标题「抖音用户专享优惠 最高立减10元」;两个界面之间配流程说明「选择抖音支付 → 享受随机立减 → 继续付款」;底部三个卖点:「新客立减10元」「随机立减金额」「引流到店消费」,横向排列配图标;右下角标注页码「09」;文字清晰醒目,优惠金额突出。 [比例分辨率] 9:16 竖版比例,4K 分辨率,文字清晰可辨,高清画质。 [负向提示词] 金额错误,界面变形,文字错乱,抖音logo错误,水印,颜色偏差。[第9张] 抖音支付随机立减优惠页——抖音用户专享立减展示。本张使用【图8】抖音支付结算页、【图9】抖音立减优惠弹窗作为主体展示。
[氛围/风格] 喜庆优惠营销风,突出抖音支付立减优惠力度,吸引顾客使用,商业营销质感。
[元素布局] 上方展示结算页(抖音支付方式选中、合计¥20.00、去支付按钮),占比约35%;下方展示抖音用户专享优惠弹窗(10元 本单享立减优惠、放弃并退出/继续付款按钮),占比约35%;右侧或中间用箭头连接表示流程;背景为抖音品牌红粉色渐变,带金币/红包装饰元素,氛围热烈。
[光影质感] 弹窗与界面卡片带悬浮感与发光效果,优惠金额醒目高亮,整体明亮有促销感。
[配色色系] 全局底色 #FFF0F3 浅粉渐变;主色 #FF0050 抖音红;辅助色 #FFD700 金色(优惠金额)、#000000 黑色;点缀色红包金币元素。
[视角构图] 正面平视,上下两个界面卡片纵向排列,中间用流程箭头连接,阅读动线从上到下展示支付立减流程。
[文字版式] 顶部主标题「抖音支付 随机立减」,副标题「抖音用户专享优惠 最高立减10元」;两个界面之间配流程说明「选择抖音支付 → 享受随机立减 → 继续付款」;底部三个卖点:「新客立减10元」「随机立减金额」「引流到店消费」,横向排列配图标;右下角标注页码「09」;文字清晰醒目,优惠金额突出。
[比例分辨率] 9:16 竖版比例,4K 分辨率,文字清晰可辨,高清画质。
[负向提示词] 金额错误,界面变形,文字错乱,抖音logo错误,水印,颜色偏差。
[第9张] 抖音支付随机立减优惠页——抖音用户专享立减展示。本张使用【图8】抖音支付结算页、【图9】抖音立减优惠弹窗作为主体展示。 [氛围/风格] 喜庆优惠营销风,突出抖音支付立减优惠力度,吸引顾客使用,商业营销质感。 [元素布局] 上方展示结算页(抖音支付方式选中、合计¥20.00、去支付按钮),占比约35%;下方展示抖音用户专享优惠弹窗(10元 本单享立减优惠、放弃并退出/继续付款按钮),占比约35%;右侧或中间用箭头连接表示流程;背景为抖音品牌红粉色渐变,带金币/红包装饰元素,氛围热烈。 [光影质感] 弹窗与界面卡片带悬浮感与发光效果,优惠金额醒目高亮,整体明亮有促销感。 [配色色系] 全局底色 #FFF0F3 浅粉渐变;主色 #FF0050 抖音红;辅助色 #FFD700 金色(优惠金额)、#000000 黑色;点缀色红包金币元素。 [视角构图] 正面平视,上下两个界面卡片纵向排列,中间用流程箭头连接,阅读动线从上到下展示支付立减流程。 [文字版式] 顶部主标题「抖音支付 随机立减」,副标题「抖音用户专享优惠 最高立减10元」;两个界面之间配流程说明「选择抖音支付 → 享受随机立减 → 继续付款」;底部三个卖点:「新客立减10元」「随机立减金额」「引流到店消费」,横向排列配图标;右下角标注页码「09」;文字清晰醒目,优惠金额突出。 [比例分辨率] 9:16 竖版比例,4K 分辨率,文字清晰可辨,高清画质。 [负向提示词] 金额错误,界面变形,文字错乱,抖音logo错误,水印,颜色偏差。[第9张] 抖音支付随机立减优惠页——抖音用户专享立减展示。本张使用【图8】抖音支付结算页、【图9】抖音立减优惠弹窗作为主体展示。
[氛围/风格] 喜庆优惠营销风,突出抖音支付立减优惠力度,吸引顾客使用,商业营销质感。
[元素布局] 上方展示结算页(抖音支付方式选中、合计¥20.00、去支付按钮),占比约35%;下方展示抖音用户专享优惠弹窗(10元 本单享立减优惠、放弃并退出/继续付款按钮),占比约35%;右侧或中间用箭头连接表示流程;背景为抖音品牌红粉色渐变,带金币/红包装饰元素,氛围热烈。
[光影质感] 弹窗与界面卡片带悬浮感与发光效果,优惠金额醒目高亮,整体明亮有促销感。
[配色色系] 全局底色 #FFF0F3 浅粉渐变;主色 #FF0050 抖音红;辅助色 #FFD700 金色(优惠金额)、#000000 黑色;点缀色红包金币元素。
[视角构图] 正面平视,上下两个界面卡片纵向排列,中间用流程箭头连接,阅读动线从上到下展示支付立减流程。
[文字版式] 顶部主标题「抖音支付 随机立减」,副标题「抖音用户专享优惠 最高立减10元」;两个界面之间配流程说明「选择抖音支付 → 享受随机立减 → 继续付款」;底部三个卖点:「新客立减10元」「随机立减金额」「引流到店消费」,横向排列配图标;右下角标注页码「09」;文字清晰醒目,优惠金额突出。
[比例分辨率] 9:16 竖版比例,4K 分辨率,文字清晰可辨,高清画质。
[负向提示词] 金额错误,界面变形,文字错乱,抖音logo错误,水印,颜色偏差。
[第7张] 会员充值营销页——会员活动弹窗展示。本张使用【图6】作为会员充值弹窗主体展示。 [氛围/风格] 喜庆营销活动风,突出优惠力度与充值吸引力,商业营销海报质感。 [元素布局] 中心展示红色会员充值弹窗,占比约50%,弹窗顶部金币/红包/票券装饰、「会员充值」大标题、「充100.00元送10.00元」核心优惠、「去充值」按钮、底部关闭按钮;弹窗背后隐约透出点餐界面背景(做暗化模糊处理);四周配营销卖点文字与图标;整体氛围喜庆热烈。 [光影质感] 弹窗带发光效果与悬浮感,金币红包有高光点缀,中心亮四周暗,突出弹窗主体。 [配色色系] 全局底色 #1A1A2E 深暗底(衬托弹窗);主色 #FF3B30 大红色(弹窗主体);辅助色 #FFD700 金色(装饰/按钮)、#FFFFFF 白色文字;点缀色金币黄。 [视角构图] 正面平视,弹窗居中为视觉焦点,四周环绕卖点文字,阅读动线从中心弹窗 → 四周卖点。 [文字版式] 弹窗内文案保持原图信息:「会员充值」「充100.00元送10.00元」「去充值」;弹窗上方主标题「会员充值 锁客增收」,副标题「充得多送得多 提升复购与客单价」;弹窗下方三个卖点:「锁定顾客消费」「提升复购率」「增加预存收入」,横向排列配金色图标;右下角标注页码「07」;文字清晰醒目。 [比例分辨率] 9:16 竖版比例,4K 分辨率,文字清晰可辨,高清画质。 [负向提示词] 金额错误,文字错乱,弹窗变形,颜色偏差,水印,装饰元素缺失。[第7张] 会员充值营销页——会员活动弹窗展示。本张使用【图6】作为会员充值弹窗主体展示。
[氛围/风格] 喜庆营销活动风,突出优惠力度与充值吸引力,商业营销海报质感。
[元素布局] 中心展示红色会员充值弹窗,占比约50%,弹窗顶部金币/红包/票券装饰、「会员充值」大标题、「充100.00元送10.00元」核心优惠、「去充值」按钮、底部关闭按钮;弹窗背后隐约透出点餐界面背景(做暗化模糊处理);四周配营销卖点文字与图标;整体氛围喜庆热烈。
[光影质感] 弹窗带发光效果与悬浮感,金币红包有高光点缀,中心亮四周暗,突出弹窗主体。
[配色色系] 全局底色 #1A1A2E 深暗底(衬托弹窗);主色 #FF3B30 大红色(弹窗主体);辅助色 #FFD700 金色(装饰/按钮)、#FFFFFF 白色文字;点缀色金币黄。
[视角构图] 正面平视,弹窗居中为视觉焦点,四周环绕卖点文字,阅读动线从中心弹窗 → 四周卖点。
[文字版式] 弹窗内文案保持原图信息:「会员充值」「充100.00元送10.00元」「去充值」;弹窗上方主标题「会员充值 锁客增收」,副标题「充得多送得多 提升复购与客单价」;弹窗下方三个卖点:「锁定顾客消费」「提升复购率」「增加预存收入」,横向排列配金色图标;右下角标注页码「07」;文字清晰醒目。
[比例分辨率] 9:16 竖版比例,4K 分辨率,文字清晰可辨,高清画质。
[负向提示词] 金额错误,文字错乱,弹窗变形,颜色偏差,水印,装饰元素缺失。
一张竖版9:16活动促销海报,主题为抖音支付顺丰小哥专属激励。画面风格:活泼卡通、喜庆热烈,红金蓝配色,抖音黑+红为主色调,顺丰元素点缀。 【画面主体】中央是可爱的顺丰小哥卡通形象(戴顺丰黑色棒球帽,穿顺丰工服,笑容阳光),身旁有抖音音符logo和多个Q版钱币卡通形象(带眼睛笑脸,金币和红包造型),钱币围绕小哥飞舞,营造赚钱氛围。 【版式结构】 顶部:大标题「抖音支付 顺丰小哥专属激励」,副标题「多推多得 晒单再加码」,抖音logo与顺丰logo并列。 上半区:小哥计提板块,标题「小哥计提」,6张圆角红底卡片分两排排列,每张卡片有图标+大数字+说明: 1. 抖音三端新用户:「9元/单」 2. 抖音三端卸载用户:「3元/单」 3. 绑卡新用户:「5元/单」 4. 绑卡老用户:「0.6元/单」 5. 微信群晒抖音支付:多加「0.2元」 6. 抖音支付50个以上:额外「2.8元红包」 下半区:用户好处板块,标题「用户福利」,4张蓝白渐变卡片分两排,每张卡片说明用户可得: 1. 抖音三端新用户:「3元现金红包 + 3张¥3元顺丰寄件券」 2. 抖音三端卸载用户:「1元现金红包 + 1张2元寄件券」 3. 绑卡新用户:「2.88元现金红包 + 2元顺丰寄件券」 4. 绑卡老用户:「0.58元起现金红包」 底部:行动号召语「赶紧行动起来吧!」,点缀红包、金币、音符装饰元素。 【硬约束】 画面中所有数字必须精确渲染:9、3、5、0.6、0.2、50、2.8、3、3、1、2、2.88、2、0.58,不得错位、遗漏或编造。 画面中所有信息区域、卡片必须填充完整合理内容,不得出现空白框、空白占位。 版式精美,层级分明,2K超清画质,卡通插画风格。一张竖版9:16活动促销海报,主题为抖音支付顺丰小哥专属激励。画面风格:活泼卡通、喜庆热烈,红金蓝配色,抖音黑+红为主色调,顺丰元素点缀。

【画面主体】中央是可爱的顺丰小哥卡通形象(戴顺丰黑色棒球帽,穿顺丰工服,笑容阳光),身旁有抖音音符logo和多个Q版钱币卡通形象(带眼睛笑脸,金币和红包造型),钱币围绕小哥飞舞,营造赚钱氛围。

【版式结构】
顶部:大标题「抖音支付 顺丰小哥专属激励」,副标题「多推多得 晒单再加码」,抖音logo与顺丰logo并列。

上半区:小哥计提板块,标题「小哥计提」,6张圆角红底卡片分两排排列,每张卡片有图标+大数字+说明:
1. 抖音三端新用户:「9元/单」
2. 抖音三端卸载用户:「3元/单」
3. 绑卡新用户:「5元/单」
4. 绑卡老用户:「0.6元/单」
5. 微信群晒抖音支付:多加「0.2元」
6. 抖音支付50个以上:额外「2.8元红包」

下半区:用户好处板块,标题「用户福利」,4张蓝白渐变卡片分两排,每张卡片说明用户可得:
1. 抖音三端新用户:「3元现金红包 + 3张¥3元顺丰寄件券」
2. 抖音三端卸载用户:「1元现金红包 + 1张2元寄件券」
3. 绑卡新用户:「2.88元现金红包 + 2元顺丰寄件券」
4. 绑卡老用户:「0.58元起现金红包」

底部:行动号召语「赶紧行动起来吧!」,点缀红包、金币、音符装饰元素。

【硬约束】
画面中所有数字必须精确渲染:9、3、5、0.6、0.2、50、2.8、3、3、1、2、2.88、2、0.58,不得错位、遗漏或编造。
画面中所有信息区域、卡片必须填充完整合理内容,不得出现空白框、空白占位。
版式精美,层级分明,2K超清画质,卡通插画风格。