创意预览图

参考图1的清新浅粉色调详情页设计风格和图文排版结构，替换为图2的雀士内衣抑菌洗衣液产品，生成一张竖版长详情页，保留原有的产品介绍、功效说明、产品信息模块布局，色调保持清新柔和的粉色系，整体风格干净优雅

用户头像

不会飞的虫子

2026.04.29
1qhbd68515YRf3yA-HB1qhbd68515YRf3yA-HB
1r810c0uuxpG7O-g-HB1r810c0uuxpG7O-g-HB
用户yV9KWC8H用户yV9KWC8H
叁颗立青叁颗立青
叁颗立青叁颗立青
1r810c0uuxpG7O-g-HB1r810c0uuxpG7O-g-HB
风雪夜归人2222312风雪夜归人2222312
[第1屏] 本屏功能定义：粉色管装洗面奶详情页头图，主视觉宣传海报。 [氛围/风格] 清新简约高级感，干净浅色系背景，商业摄影质感，整体通透柔和，突出产品高级质感。 [元素布局] 粉色洗面奶管身放置在画面中偏上位置，占据画面60%-65%主体区域。保持产品上白、中浅米色V形分割、下半部分粉色管身、粉色瓶盖的物理结构、颜色色号与输入产品图【图1】一致，包装轮廓和比例保持不变。背景为柔和渐变浅灰色，左下角放置一束淡粉色满天星作为前景点缀，右下角放置一块半透明磨砂亚克力板，产品放置在干净白色台面上，台面带有淡淡的光影纹理。顶部预留主标题区域，底部预留副标题区域，文字不遮挡产品主体。 [光影质感] 左前方45度柔和主光照亮产品管身，凸显粉色渐变质感，右侧形成自然柔和阴影，整体明暗层次清晰，产品边缘清晰真实。 [配色色系] 全局底色：#F5F5F5（浅灰）；主体配色：保持产品原有#FFFFFF（顶部白）+#E8D9C4（米色）+#F7B8C8（粉色）；辅助色：#F0D8E0（满天星淡粉）+#FFFFFF（台面白）；文字色：#333333（深灰）。 [视角构图] 正面平视角度，产品居中偏上，画面构图稳定，留白充足，符合移动端竖屏阅读习惯。 [文字版式] 顶部区域放置主标题「温和净颜 洗出透亮」，居中对齐，字号约为画面高度8%，粗体深灰色；主标题下方放置副标题「每日洁面 清爽不紧绷」，字号约为主标题的40%，浅灰色居中；底部放置三个小卖点标签「绵密泡沫 | 水润不拔干 | 温和亲肤」，每个标签带有浅粉色浅底圆角框，横向均匀分布，文字清晰不遮挡产品。 [比例分辨率] 9:16竖版比例，2K分辨率，文字清晰可辨，超高清。 [负向提示词] 产品变形，颜色偏差，包装文字错乱，缺件错件，文字模糊，背景杂乱，水印，夸张功效宣传。[第1屏] 本屏功能定义：粉色管装洗面奶详情页头图，主视觉宣传海报。 [氛围/风格] 清新简约高级感，干净浅色系背景，商业摄影质感，整体通透柔和，突出产品高级质感。 [元素布局] 粉色洗面奶管身放置在画面中偏上位置，占据画面60%-65%主体区域。保持产品上白、中浅米色V形分割、下半部分粉色管身、粉色瓶盖的物理结构、颜色色号与输入产品图【图1】一致，包装轮廓和比例保持不变。背景为柔和渐变浅灰色，左下角放置一束淡粉色满天星作为前景点缀，右下角放置一块半透明磨砂亚克力板，产品放置在干净白色台面上，台面带有淡淡的光影纹理。顶部预留主标题区域，底部预留副标题区域，文字不遮挡产品主体。 [光影质感] 左前方45度柔和主光照亮产品管身，凸显粉色渐变质感，右侧形成自然柔和阴影，整体明暗层次清晰，产品边缘清晰真实。 [配色色系] 全局底色：#F5F5F5（浅灰）；主体配色：保持产品原有#FFFFFF（顶部白）+#E8D9C4（米色）+#F7B8C8（粉色）；辅助色：#F0D8E0（满天星淡粉）+#FFFFFF（台面白）；文字色：#333333（深灰）。 [视角构图] 正面平视角度，产品居中偏上，画面构图稳定，留白充足，符合移动端竖屏阅读习惯。 [文字版式] 顶部区域放置主标题「温和净颜 洗出透亮」，居中对齐，字号约为画面高度8%，粗体深灰色；主标题下方放置副标题「每日洁面 清爽不紧绷」，字号约为主标题的40%，浅灰色居中；底部放置三个小卖点标签「绵密泡沫 | 水润不拔干 | 温和亲肤」，每个标签带有浅粉色浅底圆角框，横向均匀分布，文字清晰不遮挡产品。 [比例分辨率] 9:16竖版比例，2K分辨率，文字清晰可辨，超高清。 [负向提示词] 产品变形，颜色偏差，包装文字错乱，缺件错件，文字模糊，背景杂乱，水印，夸张功效宣传。
1r4tc8bhph_xXX9g-HB1r4tc8bhph_xXX9g-HB
GD272802877GD272802877
风雪夜归人2222312风雪夜归人2222312
Zjf521123Zjf521123
1q1bkycb5n23rnuhp-HB1q1bkycb5n23rnuhp-HB
chinahechinahe
美妆粉扑电商详情页清洁方法教程模块，9:16超长竖版，8K超高清商业美妆工具科普质感，清新柔和洗护教程风格，均匀无影漫射柔光笼罩全图，整体暖调奶杏色温润统一，背景干净通透，氛围清爽专业。背景为自上而下纯净浅米白色基底，细腻无纹理，干净有呼吸感。整体采用纵向递进式信息流布局，从上至下依次为顶部标题区、中部步骤卡片区、底部衔接标题区，长图阅读逻辑流畅。字体选用简约无衬线字体，搭配衬线体英文点缀，步骤数字醒目灵动，说明文字清晰易读。画面最顶部为标题组：主标题「清洁方法」搭配带方引号的副标题「勤洗养护 洁净耐用」，深棕色字体左对齐排布。画面中部为一枚通宽的奶白色半透明大圆角卡片，卡片内采用左图右文的纵向四步结构，从上至下均匀排列四个清洁步骤，每个步骤左侧为圆角方形操作实拍图，图中粉扑严格还原【图2】产品的圆形造型、浅米色扑身、绒面肌理等所有细节，去掉绑带丝带，仅保留纯净粉扑本体，无扭曲变形，动作自然真实；右侧对应步骤信息，大号深棕色数字序号搭配「STEP」英文，下方为深灰色常规字重步骤说明：STEP 1 使用温水打湿后挤干水分、STEP 2 滴上适量清洁剂、STEP 3 放在水中轻轻揉搓、STEP 4 置通风处晒干即可。卡片左下角放置两行浅灰色小号注意事项文字「注意事项：粉扑柔软，清洗时请勿用力揉搓」。画面右下角卡片外搭配暖棕色衬线体英文「Product Information」，画面最底部为大号深棕色衬线体衔接标题「产品「身份信息」」。大圆角卡片规整收纳步骤内容，视觉整洁有序，四步图文对照清晰易懂。本屏使用【图2】作为粉扑产品外观参考，粉扑的形状、颜色、质地与图2一致但去掉绑带；【图1】作为版式与构图风格参考。美妆粉扑电商详情页清洁方法教程模块，9:16超长竖版，8K超高清商业美妆工具科普质感，清新柔和洗护教程风格，均匀无影漫射柔光笼罩全图，整体暖调奶杏色温润统一，背景干净通透，氛围清爽专业。背景为自上而下纯净浅米白色基底，细腻无纹理，干净有呼吸感。整体采用纵向递进式信息流布局，从上至下依次为顶部标题区、中部步骤卡片区、底部衔接标题区，长图阅读逻辑流畅。字体选用简约无衬线字体，搭配衬线体英文点缀，步骤数字醒目灵动，说明文字清晰易读。画面最顶部为标题组：主标题「清洁方法」搭配带方引号的副标题「勤洗养护 洁净耐用」，深棕色字体左对齐排布。画面中部为一枚通宽的奶白色半透明大圆角卡片，卡片内采用左图右文的纵向四步结构，从上至下均匀排列四个清洁步骤，每个步骤左侧为圆角方形操作实拍图，图中粉扑严格还原【图2】产品的圆形造型、浅米色扑身、绒面肌理等所有细节，去掉绑带丝带，仅保留纯净粉扑本体，无扭曲变形，动作自然真实；右侧对应步骤信息，大号深棕色数字序号搭配「STEP」英文，下方为深灰色常规字重步骤说明：STEP 1 使用温水打湿后挤干水分、STEP 2 滴上适量清洁剂、STEP 3 放在水中轻轻揉搓、STEP 4 置通风处晒干即可。卡片左下角放置两行浅灰色小号注意事项文字「注意事项：粉扑柔软，清洗时请勿用力揉搓」。画面右下角卡片外搭配暖棕色衬线体英文「Product Information」，画面最底部为大号深棕色衬线体衔接标题「产品「身份信息」」。大圆角卡片规整收纳步骤内容，视觉整洁有序，四步图文对照清晰易懂。本屏使用【图2】作为粉扑产品外观参考，粉扑的形状、颜色、质地与图2一致但去掉绑带；【图1】作为版式与构图风格参考。
6bavdk3lgbINtGw-HB6bavdk3lgbINtGw-HB
美妆粉扑电商详情页清洁方法教程模块，9:16超长竖版，8K超高清商业美妆工具科普质感，清新柔和洗护教程风格，均匀无影漫射柔光笼罩全图，整体暖调奶杏色温润统一，背景干净通透，氛围清爽专业。背景为自上而下纯净浅米白色基底，细腻无纹理，干净有呼吸感。整体采用纵向递进式信息流布局，从上至下依次为顶部标题区、中部步骤卡片区、底部衔接标题区，长图阅读逻辑流畅。字体选用简约无衬线字体，搭配衬线体英文点缀，步骤数字醒目灵动，说明文字清晰易读。画面最顶部为标题组：主标题「清洁方法」搭配带方引号的副标题「勤洗养护 洁净耐用」，深棕色字体左对齐排布。画面中部为一枚通宽的奶白色半透明大圆角卡片，卡片内采用左图右文的纵向四步结构，从上至下均匀排列四个清洁步骤，每个步骤左侧为圆角方形操作实拍图，图中粉扑严格还原【图2】产品的圆形造型、浅米色扑身、绒面肌理等所有细节，去掉绑带丝带，仅保留纯净粉扑本体，无扭曲变形，动作自然真实；右侧对应步骤信息，大号深棕色数字序号搭配「STEP」英文，下方为深灰色常规字重步骤说明：STEP 1 使用温水打湿后挤干水分、STEP 2 滴上适量清洁剂、STEP 3 放在水中轻轻揉搓、STEP 4 置通风处晒干即可。卡片左下角放置两行浅灰色小号注意事项文字「注意事项：粉扑柔软，清洗时请勿用力揉搓」。画面右下角卡片外搭配暖棕色衬线体英文「Product Information」，画面最底部为大号深棕色衬线体衔接标题「产品「身份信息」」。大圆角卡片规整收纳步骤内容，视觉整洁有序，四步图文对照清晰易懂。本屏使用【图2】作为粉扑产品外观参考，粉扑的形状、颜色、质地与图2一致但去掉绑带；【图1】作为版式与构图风格参考。美妆粉扑电商详情页清洁方法教程模块，9:16超长竖版，8K超高清商业美妆工具科普质感，清新柔和洗护教程风格，均匀无影漫射柔光笼罩全图，整体暖调奶杏色温润统一，背景干净通透，氛围清爽专业。背景为自上而下纯净浅米白色基底，细腻无纹理，干净有呼吸感。整体采用纵向递进式信息流布局，从上至下依次为顶部标题区、中部步骤卡片区、底部衔接标题区，长图阅读逻辑流畅。字体选用简约无衬线字体，搭配衬线体英文点缀，步骤数字醒目灵动，说明文字清晰易读。画面最顶部为标题组：主标题「清洁方法」搭配带方引号的副标题「勤洗养护 洁净耐用」，深棕色字体左对齐排布。画面中部为一枚通宽的奶白色半透明大圆角卡片，卡片内采用左图右文的纵向四步结构，从上至下均匀排列四个清洁步骤，每个步骤左侧为圆角方形操作实拍图，图中粉扑严格还原【图2】产品的圆形造型、浅米色扑身、绒面肌理等所有细节，去掉绑带丝带，仅保留纯净粉扑本体，无扭曲变形，动作自然真实；右侧对应步骤信息，大号深棕色数字序号搭配「STEP」英文，下方为深灰色常规字重步骤说明：STEP 1 使用温水打湿后挤干水分、STEP 2 滴上适量清洁剂、STEP 3 放在水中轻轻揉搓、STEP 4 置通风处晒干即可。卡片左下角放置两行浅灰色小号注意事项文字「注意事项：粉扑柔软，清洗时请勿用力揉搓」。画面右下角卡片外搭配暖棕色衬线体英文「Product Information」，画面最底部为大号深棕色衬线体衔接标题「产品「身份信息」」。大圆角卡片规整收纳步骤内容，视觉整洁有序，四步图文对照清晰易懂。本屏使用【图2】作为粉扑产品外观参考，粉扑的形状、颜色、质地与图2一致但去掉绑带；【图1】作为版式与构图风格参考。
6bavdk3lgbINtGw-HB6bavdk3lgbINtGw-HB
美妆粉扑电商详情页清洁方法教程模块，9:16超长竖版，8K超高清商业美妆工具科普质感，清新柔和洗护教程风格，均匀无影漫射柔光笼罩全图，整体暖调奶杏色温润统一，背景干净通透，氛围清爽专业。背景为自上而下纯净浅米白色基底，细腻无纹理，干净有呼吸感。整体采用纵向递进式信息流布局，从上至下依次为顶部标题区、中部步骤卡片区、底部衔接标题区，长图阅读逻辑流畅。字体选用简约无衬线字体，搭配衬线体英文点缀，步骤数字醒目灵动，说明文字清晰易读。画面最顶部为标题组：主标题「清洁方法」搭配带方引号的副标题「勤洗养护 洁净耐用」，深棕色字体左对齐排布。画面中部为一枚通宽的奶白色半透明大圆角卡片，卡片内采用左图右文的纵向四步结构，从上至下均匀排列四个清洁步骤，每个步骤左侧为圆角方形操作实拍图，图中粉扑严格还原【图2】产品的圆形造型、浅米色扑身、绒面肌理等所有细节，去掉绑带丝带，仅保留纯净粉扑本体，无扭曲变形，动作自然真实；右侧对应步骤信息，大号深棕色数字序号搭配「STEP」英文，下方为深灰色常规字重步骤说明：STEP 1 使用温水打湿后挤干水分、STEP 2 滴上适量清洁剂、STEP 3 放在水中轻轻揉搓、STEP 4 置通风处晒干即可。卡片左下角放置两行浅灰色小号注意事项文字「注意事项：粉扑柔软，清洗时请勿用力揉搓」。画面右下角卡片外搭配暖棕色衬线体英文「Product Information」，画面最底部为大号深棕色衬线体衔接标题「产品「身份信息」」。大圆角卡片规整收纳步骤内容，视觉整洁有序，四步图文对照清晰易懂。本屏使用【图2】作为粉扑产品外观参考，粉扑的形状、颜色、质地与图2一致但去掉绑带；【图1】作为版式与构图风格参考。美妆粉扑电商详情页清洁方法教程模块，9:16超长竖版，8K超高清商业美妆工具科普质感，清新柔和洗护教程风格，均匀无影漫射柔光笼罩全图，整体暖调奶杏色温润统一，背景干净通透，氛围清爽专业。背景为自上而下纯净浅米白色基底，细腻无纹理，干净有呼吸感。整体采用纵向递进式信息流布局，从上至下依次为顶部标题区、中部步骤卡片区、底部衔接标题区，长图阅读逻辑流畅。字体选用简约无衬线字体，搭配衬线体英文点缀，步骤数字醒目灵动，说明文字清晰易读。画面最顶部为标题组：主标题「清洁方法」搭配带方引号的副标题「勤洗养护 洁净耐用」，深棕色字体左对齐排布。画面中部为一枚通宽的奶白色半透明大圆角卡片，卡片内采用左图右文的纵向四步结构，从上至下均匀排列四个清洁步骤，每个步骤左侧为圆角方形操作实拍图，图中粉扑严格还原【图2】产品的圆形造型、浅米色扑身、绒面肌理等所有细节，去掉绑带丝带，仅保留纯净粉扑本体，无扭曲变形，动作自然真实；右侧对应步骤信息，大号深棕色数字序号搭配「STEP」英文，下方为深灰色常规字重步骤说明：STEP 1 使用温水打湿后挤干水分、STEP 2 滴上适量清洁剂、STEP 3 放在水中轻轻揉搓、STEP 4 置通风处晒干即可。卡片左下角放置两行浅灰色小号注意事项文字「注意事项：粉扑柔软，清洗时请勿用力揉搓」。画面右下角卡片外搭配暖棕色衬线体英文「Product Information」，画面最底部为大号深棕色衬线体衔接标题「产品「身份信息」」。大圆角卡片规整收纳步骤内容，视觉整洁有序，四步图文对照清晰易懂。本屏使用【图2】作为粉扑产品外观参考，粉扑的形状、颜色、质地与图2一致但去掉绑带；【图1】作为版式与构图风格参考。
6bavdk3lgbINtGw-HB6bavdk3lgbINtGw-HB
1q3k53zeg22olprhk-HB1q3k53zeg22olprhk-HB
用户aG2aBZHK用户aG2aBZHK
1qhk7jt38uM4xW7g-HB1qhk7jt38uM4xW7g-HB
[第7屏] 详情页使用步骤-内衣手洗正确方法。本屏使用【图1】作为产品主体，融入步骤演示场景。 [氛围/风格] 清新教程风，步骤清晰，简洁明了，商业插画+摄影结合质感。 [元素布局] 画面分为上中下3步横向排列，每步配圆形序号+场景小图+文字说明：第1步「取适量」- 产品瓶身倒出洗衣液到手心或水中，产品占比约20%；第2步「浸泡揉洗」- 内衣浸泡在水盆中，手部轻揉；第3步「漂净晾干」- 干净内衣挂在晾衣架上；背景为浅粉白渐变，有淡淡的泡沫纹理装饰；顶部有标题区。 [光影质感] 整体明亮柔光，每个步骤小图有独立光影和轻微投影，干净通透。 [配色色系] 全局底色浅粉白 #FFF7F9；主色粉色、白色；辅助色浅蓝、薄荷绿；序号用深粉色加粗圆形底。 [视角构图] 纵向三步流布局，阅读动线从上到下，每步从左序号 → 中图 → 右文字。 [文字版式] 顶部主标题「手洗3步 洁净如新」，副标题「简单操作 每天都轻松」；每步左侧大号圆形序号「1」「2」「3」，中间场景图，右侧步骤名称+1行操作说明，如「1 取适量 倒入水中溶解」「2 浸泡揉洗 轻揉3-5分钟」「3 漂净晾干 漂洗至无泡沫」；底部小字提示「建议内衣单独清洗」。 [比例分辨率] 9:16 竖版比例，4K分辨率，文字清晰可辨，高清画质。 [负向提示词] 产品变形，步骤错误，水印，文字错乱，低俗画面，人物畸形。[第7屏] 详情页使用步骤-内衣手洗正确方法。本屏使用【图1】作为产品主体，融入步骤演示场景。 [氛围/风格] 清新教程风，步骤清晰，简洁明了，商业插画+摄影结合质感。 [元素布局] 画面分为上中下3步横向排列，每步配圆形序号+场景小图+文字说明：第1步「取适量」- 产品瓶身倒出洗衣液到手心或水中，产品占比约20%；第2步「浸泡揉洗」- 内衣浸泡在水盆中，手部轻揉；第3步「漂净晾干」- 干净内衣挂在晾衣架上；背景为浅粉白渐变，有淡淡的泡沫纹理装饰；顶部有标题区。 [光影质感] 整体明亮柔光，每个步骤小图有独立光影和轻微投影，干净通透。 [配色色系] 全局底色浅粉白 #FFF7F9；主色粉色、白色；辅助色浅蓝、薄荷绿；序号用深粉色加粗圆形底。 [视角构图] 纵向三步流布局，阅读动线从上到下，每步从左序号 → 中图 → 右文字。 [文字版式] 顶部主标题「手洗3步 洁净如新」，副标题「简单操作 每天都轻松」；每步左侧大号圆形序号「1」「2」「3」，中间场景图，右侧步骤名称+1行操作说明，如「1 取适量 倒入水中溶解」「2 浸泡揉洗 轻揉3-5分钟」「3 漂净晾干 漂洗至无泡沫」；底部小字提示「建议内衣单独清洗」。 [比例分辨率] 9:16 竖版比例，4K分辨率，文字清晰可辨，高清画质。 [负向提示词] 产品变形，步骤错误，水印，文字错乱，低俗画面，人物畸形。
67cdvrohe-HB67cdvrohe-HB
1pzxtur1ob-HB1pzxtur1ob-HB
[第1张] 详情页头图-益生菌水蜜桃慕斯主视觉海报。本张使用【图1】作为商品主体。 [氛围/风格] 粉嫩甜美少女风，柔和水光质感，商业摄影级高级感，粉白渐变柔焦氛围。 [元素布局] 产品瓶身置于画面中央偏右，占比约55%-60%，保持瓶身结构、白色按压泵头、粉色标签、200ml容量与输入产品图完全一致；左侧留标题区；背景为粉白渐变柔雾光晕，点缀水蜜桃切片、粉色花瓣、透明水珠和绵密泡沫元素；底部浅色大理石台面承托，增加空间层次感。 [光影质感] 左上方柔光主照明，右侧辅光勾勒瓶身轮廓，瓶身有自然高光，底部柔和投影，整体明亮通透有呼吸感。 [配色色系] 全局底色 #FFE4EC 粉白渐变；主色蜜桃粉 #FF8FAB；辅助色白色、浅粉、淡绿（桃叶点缀）。 [视角构图] 正面微仰视，产品为视觉中心，阅读动线左上标题→中央产品→底部信息条。 [文字版式] 版式为左上标题 + 右侧产品 + 底部信息条。主标题「蜜桃泡泡 一按心动」，副标题「益生菌绵密慕斯 清洁更温柔」，两行圆润黑体左对齐；标题下手写体英文装饰「Peach Probiotic Mousse」；底部三个胶囊形卖点icon「益生菌配方」「绵密泡沫」「蜜桃留香」；文字不遮挡瓶身主体。 [比例分辨率] 9:16 竖版比例，4K分辨率，文字清晰可辨，高清画质。 [负向提示词] 瓶身变形，缺件错件，颜色偏差，水印，文字错乱，产品图模糊，背景杂乱，包装文字错误。[第1张] 详情页头图-益生菌水蜜桃慕斯主视觉海报。本张使用【图1】作为商品主体。 [氛围/风格] 粉嫩甜美少女风，柔和水光质感，商业摄影级高级感，粉白渐变柔焦氛围。 [元素布局] 产品瓶身置于画面中央偏右，占比约55%-60%，保持瓶身结构、白色按压泵头、粉色标签、200ml容量与输入产品图完全一致；左侧留标题区；背景为粉白渐变柔雾光晕，点缀水蜜桃切片、粉色花瓣、透明水珠和绵密泡沫元素；底部浅色大理石台面承托，增加空间层次感。 [光影质感] 左上方柔光主照明，右侧辅光勾勒瓶身轮廓，瓶身有自然高光，底部柔和投影，整体明亮通透有呼吸感。 [配色色系] 全局底色 #FFE4EC 粉白渐变；主色蜜桃粉 #FF8FAB；辅助色白色、浅粉、淡绿（桃叶点缀）。 [视角构图] 正面微仰视，产品为视觉中心，阅读动线左上标题→中央产品→底部信息条。 [文字版式] 版式为左上标题 + 右侧产品 + 底部信息条。主标题「蜜桃泡泡 一按心动」，副标题「益生菌绵密慕斯 清洁更温柔」，两行圆润黑体左对齐；标题下手写体英文装饰「Peach Probiotic Mousse」；底部三个胶囊形卖点icon「益生菌配方」「绵密泡沫」「蜜桃留香」；文字不遮挡瓶身主体。 [比例分辨率] 9:16 竖版比例，4K分辨率，文字清晰可辨，高清画质。 [负向提示词] 瓶身变形，缺件错件，颜色偏差，水印，文字错乱，产品图模糊，背景杂乱，包装文字错误。
用户aG2aBZHK用户aG2aBZHK
3atDrwxJ3atDrwxJ
1r3lb2n4ytf4zMpw-HB1r3lb2n4ytf4zMpw-HB
1r810c0uuxpG7O-g-HB1r810c0uuxpG7O-g-HB