创意预览图

H5问答答题页第1题，浅色系简洁答题背景，顶部标注"第1题/共5题"，题目居中显示文字"第十五届全运会是首次由哪三地联合承办？"，题目下方分列A、B、C、D四个选项，底部有"下一题"按钮

用户头像

1qm3bi1hprX...

2026.03.13
1qm3bi1hprXXVo5g-HB1qm3bi1hprXXVo5g-HB
1qk7kl59ffTCxUBA-HB1qk7kl59ffTCxUBA-HB
1qk7kl59ffTCxUBA-HB1qk7kl59ffTCxUBA-HB
1qm3bi1hprXXVo5g-HB1qm3bi1hprXXVo5g-HB
1qm3bi1hprXXVo5g-HB1qm3bi1hprXXVo5g-HB
平面设计新东方平面设计新东方
平面设计新东方平面设计新东方
肥大大肥大大
平面设计新东方平面设计新东方
桂味联年终大促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至朋友圈可参与腊味大礼包抽奖。
GD1442985904GD1442985904
1q1nswyh2h-HB1q1nswyh2h-HB
1qm3bi1hprXXVo5g-HB1qm3bi1hprXXVo5g-HB
1qm3bi1hprXXVo5g-HB1qm3bi1hprXXVo5g-HB
GD720042415GD720042415
1qt85n7zovZU7aRQ-HB1qt85n7zovZU7aRQ-HB
平面设计新东方平面设计新东方
1qy87qi8to_f5ZTg-HB1qy87qi8to_f5ZTg-HB
1qm3bi1hprXXVo5g-HB1qm3bi1hprXXVo5g-HB
GD720042415GD720042415
69u7fi778fXToow-HB69u7fi778fXToow-HB
1qm3bi1hprXXVo5g-HB1qm3bi1hprXXVo5g-HB
[第3屏] 本屏功能定义：四大闯关类型多维能力培养介绍模块。 [氛围/风格] 清晰专业教育风，表格卡片化展示，延续整体明亮清新风格。 [元素布局] 顶部大标题区域，下方用卡片列表方式展示四个闯关类型和对应培养方向。每个闯关类型占一行，左侧为闯关名称，右侧为培养方向，用分隔线区分行间距，整体分区清晰。背景可加入简约科技感点状底纹，不干扰阅读。 [光影质感] 整体均匀光照，卡片之间层次感清晰，文字与背景对比度足够，保证移动端阅读清晰。 [配色色系] 全局底色：#F5F9FF；标题：#2A4B8D；卡片背景白色；闯关名称文字深蓝色加粗；培养方向文字深灰色，保持和前两屏一致的统一配色。 [视角构图] 9:16竖版，从上到下线性排版，信息层级清晰，符合手机浏览顺序。 [文字版式] 顶部主标题加粗居中："4大闯关类型，多维培养"。列表依次排版： 1. 口算闯关 → 逻辑思维与运算速度 2. 听写闯关 → 专注力与信息捕捉能力 3. 跟读闯关 → 语言感知与模仿能力 4. 练习闯关 → 综合应用与知识迁移能力 每行名称左对齐加粗，培养方向右对齐常规字，表格边框浅色，行间距宽松，所有文字在移动端清晰可辨，不拥挤。 [比例分辨率] 9:16竖版比例，4K分辨率，文字清晰可辨。 [负向提示词] 表格变形，文字错位，文字模糊，颜色刺眼，水印，违规内容，背景杂乱。[第3屏] 本屏功能定义：四大闯关类型多维能力培养介绍模块。 [氛围/风格] 清晰专业教育风，表格卡片化展示，延续整体明亮清新风格。 [元素布局] 顶部大标题区域，下方用卡片列表方式展示四个闯关类型和对应培养方向。每个闯关类型占一行，左侧为闯关名称，右侧为培养方向，用分隔线区分行间距，整体分区清晰。背景可加入简约科技感点状底纹，不干扰阅读。 [光影质感] 整体均匀光照，卡片之间层次感清晰，文字与背景对比度足够，保证移动端阅读清晰。 [配色色系] 全局底色：#F5F9FF；标题：#2A4B8D；卡片背景白色；闯关名称文字深蓝色加粗；培养方向文字深灰色，保持和前两屏一致的统一配色。 [视角构图] 9:16竖版，从上到下线性排版，信息层级清晰，符合手机浏览顺序。 [文字版式] 顶部主标题加粗居中："4大闯关类型，多维培养"。列表依次排版： 1. 口算闯关 → 逻辑思维与运算速度 2. 听写闯关 → 专注力与信息捕捉能力 3. 跟读闯关 → 语言感知与模仿能力 4. 练习闯关 → 综合应用与知识迁移能力 每行名称左对齐加粗，培养方向右对齐常规字，表格边框浅色，行间距宽松，所有文字在移动端清晰可辨，不拥挤。 [比例分辨率] 9:16竖版比例，4K分辨率，文字清晰可辨。 [负向提示词] 表格变形，文字错位，文字模糊，颜色刺眼，水印，违规内容，背景杂乱。
秋兰酱秋兰酱
1qm3bi1hprXXVo5g-HB1qm3bi1hprXXVo5g-HB
1qwzuyyafkojKepQ-HB1qwzuyyafkojKepQ-HB
9:16竖版，300DPI高清，CMYK模式，1:1像素级完全复刻问卷星手机APP原生答题内页界面，模拟真实手机截图，顶部带手机原生状态栏（显示时间、信号、Wi-Fi、电量图标）。界面顶部左侧有白色返回箭头，中间显示问卷标题“革兰染色基础知识前测与预习摸底”，右上角显示“保存”按钮；标题下方有蓝色进度条，标注作答进度：第3题/共10题。界面主体垂直排布4道题目，完全复刻问卷星原生题型样式：1.单选题：题干为“革兰氏染色法的核心鉴别依据是细菌的哪个结构？”，下方带4个圆形单选按钮，对应选项：A.细胞壁 B.细胞膜 C.细胞质 D.细胞核；2.判断题：题干为“革兰氏阳性菌和阴性菌的染色结果均为紫色”，下方带2个选项按钮：对 错；3.单选题（教学重难点，题干用砖红色标注）：题干为“革兰氏染色流程中，最影响结果准确性的核心环节是？”，下方带4个圆形单选按钮，对应选项：A.初染 B.媒染 C.脱色 D.复染；4.判断题：题干为“脱色过度会导致染色结果出现假阴性”，下方带2个选项按钮：对 错。界面最底部左右两侧分别是“上一题”“下一题”按钮，其中“下一题”为砖红色填充白色文字，与官方问卷星样式完全一致。整体配色严格遵循通用规范，界面结构、元素位置、字体样式与官方问卷星手机端完全一致，无任何创意修改，文字清晰可辨。9:16竖版，300DPI高清，CMYK模式，1:1像素级完全复刻问卷星手机APP原生答题内页界面，模拟真实手机截图，顶部带手机原生状态栏（显示时间、信号、Wi-Fi、电量图标）。界面顶部左侧有白色返回箭头，中间显示问卷标题“革兰染色基础知识前测与预习摸底”，右上角显示“保存”按钮；标题下方有蓝色进度条，标注作答进度：第3题/共10题。界面主体垂直排布4道题目，完全复刻问卷星原生题型样式：1.单选题：题干为“革兰氏染色法的核心鉴别依据是细菌的哪个结构？”，下方带4个圆形单选按钮，对应选项：A.细胞壁 B.细胞膜 C.细胞质 D.细胞核；2.判断题：题干为“革兰氏阳性菌和阴性菌的染色结果均为紫色”，下方带2个选项按钮：对 错；3.单选题（教学重难点，题干用砖红色标注）：题干为“革兰氏染色流程中，最影响结果准确性的核心环节是？”，下方带4个圆形单选按钮，对应选项：A.初染 B.媒染 C.脱色 D.复染；4.判断题：题干为“脱色过度会导致染色结果出现假阴性”，下方带2个选项按钮：对 错。界面最底部左右两侧分别是“上一题”“下一题”按钮，其中“下一题”为砖红色填充白色文字，与官方问卷星样式完全一致。整体配色严格遵循通用规范，界面结构、元素位置、字体样式与官方问卷星手机端完全一致，无任何创意修改，文字清晰可辨。
肥大大肥大大