创意预览图

猜美食题目页面布局,背景图是宜宾芽菜素材,题目图片距离顶部150px。选项区域:选项A为"A. 宜宾芽菜",选项B为"B. 涪陵榨菜",选项C为"C. 永川豆豉",选项D为"D. 内江冬菜"。底部解析

用户头像

ecnelis

2026.03.23
桂味联年终大促H5设计(4页版)<br/> <br/>第一页:封面页<br/> <br/>- 视觉设计:以动态柳州年味街景为背景,融入桂味联腊肠、腊肉的手绘插画,画面中央用加粗艺术字显示**“测年味人格,领桂味年礼”**,副标题标注“桂味联50年国企腊味专属挑战”。<br/>- 交互与音效:页面中央设置腊肠造型的“开始测试”按钮,点击时有咬开爆汁的动态效果,搭配柳州方言“过年吃腊味,桂味联最正”的趣味音效。<br/> <br/>第二页:品牌故事页<br/> <br/>- 核心内容:顶部标题为**“50年国企老味,桂味联的腊味传承”**,左侧用图文展示1976年第一代广味腊肠研发的历史片段、零淀粉纯肉工艺的生产实拍图;右侧嵌入15秒短视频,呈现低温风热烘干的全链路制作过程。<br/>- 交互设计:底部设置“解锁年味测试”的箭头按钮,点击时弹出“国企品质,放心年味”的文字浮窗,引导进入下一页。<br/> <br/>第三页:互动环节页<br/> <br/>- 主题:“你的年味人格,由桂味联定义”,设计3道趣味选择题(配动效+音效):<br/>1. 问题:过年选腊味,你更看重?<br/>选项:A.老字号品质 B.新奇口味 C.礼盒颜值(点击选项弹出对应腊味食材动效,搭配方言“选得妙!”音效)<br/>2. 问题:腊味常出现在你的哪个场景?<br/>选项:A.家庭团圆饭 B.走亲访友 C.日常加餐(弹出对应场景年味插画动效)<br/>3. 问题:你偏爱哪种腊味口味?<br/>选项:A.经典广味 B.川味麻辣 C.荔浦芋味(弹出对应口味香气动态图标)<br/>- 交互设计:答完所有题目后,点击“查看结果”按钮,按钮设计为腊味礼盒造型,点击时有礼盒打开的动效。<br/> <br/>第四页:转化引导页<br/> <br/>- 结果展示:根据答题匹配“温润团圆派”“潮流尝鲜派”“体面赠礼派”三种年味人格,对应展示桂味联团圆家宴款、荔浦芋烤肠、定制礼盒的产品图及核心卖点。<br/>- 福利与引流:<br/>1. 弹出**“参与测试即领10元无门槛券”**,点击可一键领取并跳转券包;<br/>2. 设置“立即下单”按钮,直接跳转桂味联电商旗舰店;<br/>3. 增加“线下核销”按钮,显示柳州本地年味体验区地址及核销码,凭码可兑换试吃装;<br/>4. 底部设置“分享领大礼包”入口,分享H5至朋友圈可参与腊味大礼包抽奖。桂味联年终大促H5设计(4页版)<br/> <br/>第一页:封面页<br/> <br/>- 视觉设计:以动态柳州年味街景为背景,融入桂味联腊肠、腊肉的手绘插画,画面中央用加粗艺术字显示**“测年味人格,领桂味年礼”**,副标题标注“桂味联50年国企腊味专属挑战”。<br/>- 交互与音效:页面中央设置腊肠造型的“开始测试”按钮,点击时有咬开爆汁的动态效果,搭配柳州方言“过年吃腊味,桂味联最正”的趣味音效。<br/> <br/>第二页:品牌故事页<br/> <br/>- 核心内容:顶部标题为**“50年国企老味,桂味联的腊味传承”**,左侧用图文展示1976年第一代广味腊肠研发的历史片段、零淀粉纯肉工艺的生产实拍图;右侧嵌入15秒短视频,呈现低温风热烘干的全链路制作过程。<br/>- 交互设计:底部设置“解锁年味测试”的箭头按钮,点击时弹出“国企品质,放心年味”的文字浮窗,引导进入下一页。<br/> <br/>第三页:互动环节页<br/> <br/>- 主题:“你的年味人格,由桂味联定义”,设计3道趣味选择题(配动效+音效):<br/>1. 问题:过年选腊味,你更看重?<br/>选项:A.老字号品质 B.新奇口味 C.礼盒颜值(点击选项弹出对应腊味食材动效,搭配方言“选得妙!”音效)<br/>2. 问题:腊味常出现在你的哪个场景?<br/>选项:A.家庭团圆饭 B.走亲访友 C.日常加餐(弹出对应场景年味插画动效)<br/>3. 问题:你偏爱哪种腊味口味?<br/>选项:A.经典广味 B.川味麻辣 C.荔浦芋味(弹出对应口味香气动态图标)<br/>- 交互设计:答完所有题目后,点击“查看结果”按钮,按钮设计为腊味礼盒造型,点击时有礼盒打开的动效。<br/> <br/>第四页:转化引导页<br/> <br/>- 结果展示:根据答题匹配“温润团圆派”“潮流尝鲜派”“体面赠礼派”三种年味人格,对应展示桂味联团圆家宴款、荔浦芋烤肠、定制礼盒的产品图及核心卖点。<br/>- 福利与引流:<br/>1. 弹出**“参与测试即领10元无门槛券”**,点击可一键领取并跳转券包;<br/>2. 设置“立即下单”按钮,直接跳转桂味联电商旗舰店;<br/>3. 增加“线下核销”按钮,显示柳州本地年味体验区地址及核销码,凭码可兑换试吃装;<br/>4. 底部设置“分享领大礼包”入口,分享H5至朋友圈可参与腊味大礼包抽奖。
[第1屏] 详情页头图-开胃下饭萝卜酸菜食欲氛围海报。本屏使用【图1】作为商品主体。 [氛围/风格] 接地气农家烟火风,高饱和度配色,拼多多实惠风格,商业美食摄影质感,香辣开胃食欲感拉满。 [元素布局] 萝卜酸菜装在蓝白瓷碗中,置于画面偏下位置,占比约65%-70%;背景为深木质餐桌,左上角预留主标题区域,底部加入白米饭作为搭配,保留商品颗粒分明、红绿相间的原有外观结构和质地。 [光影质感] 顶部暖柔散光照明,碗底自然柔和投影,萝卜颗粒和辣椒段保持清晰高光,整体温暖通透,突出食材新鲜感。 [配色色系] 全局底色 #F5F0E6;主体深绿+浅黄萝卜丁+鲜红辣椒+蓝白瓷碗;辅助色深木色背景、白色米饭。 [视角构图] 正面微俯视视角,商品为绝对视觉中心,阅读动线左上标题 → 中部商品 → 底部搭配,景深适中。 [文字版式] 版式为左上标题 + 中部商品 + 底部信息条。采用圆角黑标题字体,字色全套只使用深棕和红色2种,标题为纯色填充,字效统一。主标题「香辣萝卜酸菜」,副标题「下饭佐粥 农家风味」,左对齐排版;底部横条标注「开瓶即食 家常开胃」;文字均不遮挡商品主体,字号适配移动端清晰可读。 [比例分辨率] 9:16,4K,文字清晰可辨。 [负向提示词] 商品变形,结构错误,颜色偏差,文字错乱,文字过小,水印,背景杂乱,虚假宣传,极限词。[第1屏] 详情页头图-开胃下饭萝卜酸菜食欲氛围海报。本屏使用【图1】作为商品主体。
[氛围/风格] 接地气农家烟火风,高饱和度配色,拼多多实惠风格,商业美食摄影质感,香辣开胃食欲感拉满。
[元素布局] 萝卜酸菜装在蓝白瓷碗中,置于画面偏下位置,占比约65%-70%;背景为深木质餐桌,左上角预留主标题区域,底部加入白米饭作为搭配,保留商品颗粒分明、红绿相间的原有外观结构和质地。
[光影质感] 顶部暖柔散光照明,碗底自然柔和投影,萝卜颗粒和辣椒段保持清晰高光,整体温暖通透,突出食材新鲜感。
[配色色系] 全局底色 #F5F0E6;主体深绿+浅黄萝卜丁+鲜红辣椒+蓝白瓷碗;辅助色深木色背景、白色米饭。
[视角构图] 正面微俯视视角,商品为绝对视觉中心,阅读动线左上标题 → 中部商品 → 底部搭配,景深适中。
[文字版式] 版式为左上标题 + 中部商品 + 底部信息条。采用圆角黑标题字体,字色全套只使用深棕和红色2种,标题为纯色填充,字效统一。主标题「香辣萝卜酸菜」,副标题「下饭佐粥 农家风味」,左对齐排版;底部横条标注「开瓶即食 家常开胃」;文字均不遮挡商品主体,字号适配移动端清晰可读。
[比例分辨率] 9:16,4K,文字清晰可辨。
[负向提示词] 商品变形,结构错误,颜色偏差,文字错乱,文字过小,水印,背景杂乱,虚假宣传,极限词。
[第2屏] 成分产地专屏-四川老坛酸菜原料与工艺展示。本屏为原料产地专屏,以原料实拍为主视觉,产品包装作辅助小图。 [氛围/风格] 质朴产地风+原料真实感,老坛发酵场景,自然光线,传统工艺氛围。 [元素布局] 画面上半部分为老坛酸菜原料微距特写:切碎的酸菜颗粒、金黄色泽、辣椒段、蒜瓣,铺满画面占比约50%;中部展示四川老陶坛发酵场景,坛口冒热气,占比约25%;右下角小图摆放【图1】袋装酸菜酱作为产品露出,占比约15%;背景为虚化的四川农家院落、竹编簸箕等元素。 [光影质感] 自然光从侧上方照射,酸菜颗粒纹理清晰,老坛表面有岁月质感,整体暖调自然光,突出原料真实感。 [配色色系] 全局底色 #F9EED7(浅米黄);主色酸菜金黄、老坛深褐;辅助色辣椒红、蒜白、深棕文字。 [视角构图] 俯视+平视结合,上半部分原料俯拍微距,中部老坛平视,阅读动线从上到下:原料→工艺→产品。 [文字版式] 顶部大标题「四川老坛 真材实料」,圆润黑体深棕色;左侧中部竖排3个工艺标签「老坛发酵」「酸辣醇厚」「地道川味」,白底深棕字配小图标;底部文字说明「甄选四川优质青菜 传统工艺发酵 口感脆爽酸香」。文字清晰可读,不遮挡主原料画面。 [比例分辨率] 9:16竖版比例,4K分辨率,文字清晰可辨,高清画质。 [负向提示词] 原料虚假,画面脏乱,文字错乱,水印,产品包装变形,极限词违禁词。[第2屏] 成分产地专屏-四川老坛酸菜原料与工艺展示。本屏为原料产地专屏,以原料实拍为主视觉,产品包装作辅助小图。
[氛围/风格] 质朴产地风+原料真实感,老坛发酵场景,自然光线,传统工艺氛围。
[元素布局] 画面上半部分为老坛酸菜原料微距特写:切碎的酸菜颗粒、金黄色泽、辣椒段、蒜瓣,铺满画面占比约50%;中部展示四川老陶坛发酵场景,坛口冒热气,占比约25%;右下角小图摆放【图1】袋装酸菜酱作为产品露出,占比约15%;背景为虚化的四川农家院落、竹编簸箕等元素。
[光影质感] 自然光从侧上方照射,酸菜颗粒纹理清晰,老坛表面有岁月质感,整体暖调自然光,突出原料真实感。
[配色色系] 全局底色 #F9EED7(浅米黄);主色酸菜金黄、老坛深褐;辅助色辣椒红、蒜白、深棕文字。
[视角构图] 俯视+平视结合,上半部分原料俯拍微距,中部老坛平视,阅读动线从上到下:原料→工艺→产品。
[文字版式] 顶部大标题「四川老坛 真材实料」,圆润黑体深棕色;左侧中部竖排3个工艺标签「老坛发酵」「酸辣醇厚」「地道川味」,白底深棕字配小图标;底部文字说明「甄选四川优质青菜 传统工艺发酵 口感脆爽酸香」。文字清晰可读,不遮挡主原料画面。
[比例分辨率] 9:16竖版比例,4K分辨率,文字清晰可辨,高清画质。
[负向提示词] 原料虚假,画面脏乱,文字错乱,水印,产品包装变形,极限词违禁词。