创意预览图

设计科普答题闯关H5结算页,用户答对收集4块AI碎片后解锁AI解码证书,页面展示"AI解码专家"证书,风格为轻拟物生活科技风格,米白浅蓝配色,适合移动端H5分享

用户头像

1qvw10q7slo...

2026.06.21
高考志愿填报微信小程序首页设计,纵向手机比例9:16,打破传统卡片式布局,采用悬浮层叠、非对称构图、玻璃拟态与微3D元素,营造科技感与未来教育氛围。主题色参考上传图片调整,主色调为浅蓝色到深蓝色,维持原图整体色系,点缀亮色用于行动号召。 视觉焦点(AI择校):页面中央偏上位置,一个巨大的半透明发光球体悬浮,球体内以全息风格展示"AI智能择校报告"字样。球体周围环绕着三条数据轨道,分别标注"冲刺"、"稳妥"、"保底",每条轨道上漂浮着小型院校名称标签(如"清华"、"浙大"等)。球体正下方有一个动态光效按钮"✨ 一键生成专属择校报告",按钮带有脉冲光晕。 轮播图:不再是传统顶部横幅,而是以倾斜的环形轮播形式置于页面左上角,半透明圆环上排列着3个图片卡片,当前卡片略微放大并带有发光边框,展示"高考倒计时11天"、"热门专业"等内容。 职业盲盒:页面右下角,一个3D礼盒模型半打开状态,从中飘出几个职业图标(医生、工程师、设计师等)的微粒子,礼盒上方有文字"🎁 职业盲盒 · 拆出你的专属职场赛道"。 AI客服:以动态浮动的机器人头像形式出现在页面左下角,头像周围有聊天气泡动画,气泡内显示"我要添加客服微信",整体采用霓虹描边。 稳冲保清单:不单独成块,而是以三条流动的彩色光带从顶部蜿蜒至中部,分别代表冲刺(红色)、稳妥(橙色)、保底(绿色),光带上浮现学校名称,用户可滑动查看。 心理测试入口:隐藏在页面右侧一个可弹出的半透明圆片中,圆片上显示MBTI图标,点击触发(视觉上表现为半隐藏)。 底部导航栏:极简悬浮式,四个图标(首页、产品、规划、我的)以磨砂玻璃条承载,当前"首页"图标有动态下划线光效。 整体氛围:充满动态光效、视差深度感、无边框设计,文字使用未来感无衬线字体,信息层级通过大小、透明度、发光强度区分。背景为参考图浅蓝色渐变+微网格纹理,保持清新科技感的沉浸氛围高考志愿填报微信小程序首页设计,纵向手机比例9:16,打破传统卡片式布局,采用悬浮层叠、非对称构图、玻璃拟态与微3D元素,营造科技感与未来教育氛围。主题色参考上传图片调整,主色调为浅蓝色到深蓝色,维持原图整体色系,点缀亮色用于行动号召。
视觉焦点(AI择校):页面中央偏上位置,一个巨大的半透明发光球体悬浮,球体内以全息风格展示"AI智能择校报告"字样。球体周围环绕着三条数据轨道,分别标注"冲刺"、"稳妥"、"保底",每条轨道上漂浮着小型院校名称标签(如"清华"、"浙大"等)。球体正下方有一个动态光效按钮"✨ 一键生成专属择校报告",按钮带有脉冲光晕。
轮播图:不再是传统顶部横幅,而是以倾斜的环形轮播形式置于页面左上角,半透明圆环上排列着3个图片卡片,当前卡片略微放大并带有发光边框,展示"高考倒计时11天"、"热门专业"等内容。
职业盲盒:页面右下角,一个3D礼盒模型半打开状态,从中飘出几个职业图标(医生、工程师、设计师等)的微粒子,礼盒上方有文字"🎁 职业盲盒 · 拆出你的专属职场赛道"。
AI客服:以动态浮动的机器人头像形式出现在页面左下角,头像周围有聊天气泡动画,气泡内显示"我要添加客服微信",整体采用霓虹描边。
稳冲保清单:不单独成块,而是以三条流动的彩色光带从顶部蜿蜒至中部,分别代表冲刺(红色)、稳妥(橙色)、保底(绿色),光带上浮现学校名称,用户可滑动查看。
心理测试入口:隐藏在页面右侧一个可弹出的半透明圆片中,圆片上显示MBTI图标,点击触发(视觉上表现为半隐藏)。
底部导航栏:极简悬浮式,四个图标(首页、产品、规划、我的)以磨砂玻璃条承载,当前"首页"图标有动态下划线光效。
整体氛围:充满动态光效、视差深度感、无边框设计,文字使用未来感无衬线字体,信息层级通过大小、透明度、发光强度区分。背景为参考图浅蓝色渐变+微网格纹理,保持清新科技感的沉浸氛围
高考志愿填报微信小程序首页设计,纵向手机比例9:16,打破传统卡片式布局,采用悬浮层叠、非对称构图、玻璃拟态与微3D元素,营造科技感与未来教育氛围。主题色参考上传图片调整,主色调为浅蓝色到深蓝色,维持原图整体色系,点缀亮色用于行动号召。 视觉焦点(AI择校):页面中央偏上位置,一个巨大的半透明发光球体悬浮,球体内以全息风格展示"AI智能择校报告"字样。球体周围环绕着三条数据轨道,分别标注"冲刺"、"稳妥"、"保底",每条轨道上漂浮着小型院校名称标签(如"清华"、"浙大"等)。球体正下方有一个动态光效按钮"✨ 一键生成专属择校报告",按钮带有脉冲光晕。 轮播图:不再是传统顶部横幅,而是以倾斜的环形轮播形式置于页面左上角,半透明圆环上排列着3个图片卡片,当前卡片略微放大并带有发光边框,展示"高考倒计时11天"、"热门专业"等内容。 职业盲盒:页面右下角,一个3D礼盒模型半打开状态,从中飘出几个职业图标(医生、工程师、设计师等)的微粒子,礼盒上方有文字"🎁 职业盲盒 · 拆出你的专属职场赛道"。 AI客服:以动态浮动的机器人头像形式出现在页面左下角,头像周围有聊天气泡动画,气泡内显示"我要添加客服微信",整体采用霓虹描边。 稳冲保清单:不单独成块,而是以三条流动的彩色光带从顶部蜿蜒至中部,分别代表冲刺(红色)、稳妥(橙色)、保底(绿色),光带上浮现学校名称,用户可滑动查看。 心理测试入口:隐藏在页面右侧一个可弹出的半透明圆片中,圆片上显示MBTI图标,点击触发(视觉上表现为半隐藏)。 底部导航栏:极简悬浮式,四个图标(首页、产品、规划、我的)以磨砂玻璃条承载,当前"首页"图标有动态下划线光效。 整体氛围:充满动态光效、视差深度感、无边框设计,文字使用未来感无衬线字体,信息层级通过大小、透明度、发光强度区分。背景为参考图浅蓝色渐变+微网格纹理,保持清新科技感的沉浸氛围高考志愿填报微信小程序首页设计,纵向手机比例9:16,打破传统卡片式布局,采用悬浮层叠、非对称构图、玻璃拟态与微3D元素,营造科技感与未来教育氛围。主题色参考上传图片调整,主色调为浅蓝色到深蓝色,维持原图整体色系,点缀亮色用于行动号召。
视觉焦点(AI择校):页面中央偏上位置,一个巨大的半透明发光球体悬浮,球体内以全息风格展示"AI智能择校报告"字样。球体周围环绕着三条数据轨道,分别标注"冲刺"、"稳妥"、"保底",每条轨道上漂浮着小型院校名称标签(如"清华"、"浙大"等)。球体正下方有一个动态光效按钮"✨ 一键生成专属择校报告",按钮带有脉冲光晕。
轮播图:不再是传统顶部横幅,而是以倾斜的环形轮播形式置于页面左上角,半透明圆环上排列着3个图片卡片,当前卡片略微放大并带有发光边框,展示"高考倒计时11天"、"热门专业"等内容。
职业盲盒:页面右下角,一个3D礼盒模型半打开状态,从中飘出几个职业图标(医生、工程师、设计师等)的微粒子,礼盒上方有文字"🎁 职业盲盒 · 拆出你的专属职场赛道"。
AI客服:以动态浮动的机器人头像形式出现在页面左下角,头像周围有聊天气泡动画,气泡内显示"我要添加客服微信",整体采用霓虹描边。
稳冲保清单:不单独成块,而是以三条流动的彩色光带从顶部蜿蜒至中部,分别代表冲刺(红色)、稳妥(橙色)、保底(绿色),光带上浮现学校名称,用户可滑动查看。
心理测试入口:隐藏在页面右侧一个可弹出的半透明圆片中,圆片上显示MBTI图标,点击触发(视觉上表现为半隐藏)。
底部导航栏:极简悬浮式,四个图标(首页、产品、规划、我的)以磨砂玻璃条承载,当前"首页"图标有动态下划线光效。
整体氛围:充满动态光效、视差深度感、无边框设计,文字使用未来感无衬线字体,信息层级通过大小、透明度、发光强度区分。背景为参考图浅蓝色渐变+微网格纹理,保持清新科技感的沉浸氛围
[第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分辨率,文字清晰可辨。
[负向提示词] 表格变形,文字错位,文字模糊,颜色刺眼,水印,违规内容,背景杂乱。
延续小红书学习博主笔记风格,浅淡低饱和度浅蓝色背景,手写笔记风格图标,非商业化简约设计,保持统一字体、配色和排版结构,保留标题框和底部进度排版。顶部标签为"第三阶段:AI帮你建老师档案",大标题"Step 5 让AI整理研究档案",正文说明:按时间排序+每篇长摘要,看清研究变迁。深色框放置AI指令模板:📋 你给AI的指令:请帮我整理Amber van der Wal的研究档案:按时间排序列出她的所有重要论文;每篇写一段长摘要(研究问题+研究方法+核心发现);标注她的研究方向变迁。展示AI输出示例:🤖 AI输出示例:Amber van der Wal 研究档案(节选),研究轨迹:幽默→平台差异→数字agency,2016-2021 PhD研究:青少年对幽默和攻击性媒体娱乐的差异化偏好及其潜在后果,2024 Social Media + Society:In Their Own Words: 定性研究揭示青少年社交媒体体验中的二元性(同质性/异质性/二元性),2024 UNICEF政策论文:The Impact of Social Media on Adolescents' Mental Health: 平台差异+个体差异→政策建议,2026 Current Psychology:Diverse Platforms, Diverse Effects: 100天追踪479名青少年,发现TikTok/YouTube/Instagram负面,Snapchat/WhatsApp正面/中性,2026 JMIR Infodemiology:Portrayals of Depression on TikTok: 210个视频内容分析,诊断准确性普遍偏低,概念蔓延严重,2026 Psychology of Popular Media:Self-Administered Media Prescriptions: 青少年可主动训练算法传递有益内容→数字agency实证证据。底部进度条标注:进度:5/8 完成。整体排版清晰,风格亲切自然,手写感装饰,统一风格,适合小红书竖屏笔记,画面比例9:16,文字清晰可读。延续小红书学习博主笔记风格,浅淡低饱和度浅蓝色背景,手写笔记风格图标,非商业化简约设计,保持统一字体、配色和排版结构,保留标题框和底部进度排版。顶部标签为"第三阶段:AI帮你建老师档案",大标题"Step 5 让AI整理研究档案",正文说明:按时间排序+每篇长摘要,看清研究变迁。深色框放置AI指令模板:📋 你给AI的指令:请帮我整理Amber van der Wal的研究档案:按时间排序列出她的所有重要论文;每篇写一段长摘要(研究问题+研究方法+核心发现);标注她的研究方向变迁。展示AI输出示例:🤖 AI输出示例:Amber van der Wal 研究档案(节选),研究轨迹:幽默→平台差异→数字agency,2016-2021 PhD研究:青少年对幽默和攻击性媒体娱乐的差异化偏好及其潜在后果,2024 Social Media + Society:In Their Own Words: 定性研究揭示青少年社交媒体体验中的二元性(同质性/异质性/二元性),2024 UNICEF政策论文:The Impact of Social Media on Adolescents' Mental Health: 平台差异+个体差异→政策建议,2026 Current Psychology:Diverse Platforms, Diverse Effects: 100天追踪479名青少年,发现TikTok/YouTube/Instagram负面,Snapchat/WhatsApp正面/中性,2026 JMIR Infodemiology:Portrayals of Depression on TikTok: 210个视频内容分析,诊断准确性普遍偏低,概念蔓延严重,2026 Psychology of Popular Media:Self-Administered Media Prescriptions: 青少年可主动训练算法传递有益内容→数字agency实证证据。底部进度条标注:进度:5/8 完成。整体排版清晰,风格亲切自然,手写感装饰,统一风格,适合小红书竖屏笔记,画面比例9:16,文字清晰可读。