创意预览图

生成延展页面

用户头像

1qy4fc6hu9_...

2026.05.10
[第5屏] 本屏功能定义:多样适用场景展示模块,介绍产品可使用的多种场景。 [氛围/风格] 生活化温暖教育风,场景化展示,延续整体清新风格。 [元素布局] 顶部大标题,下方四个场景分两排两列卡片式排列,每个场景配标题和简短说明,卡片带浅圆角背景,板块分区清晰。 [光影质感] 卡片柔和阴影,整体光线均匀,每个场景信息清晰,不互相干扰。 [配色色系] 全局底色:#F5F9FF;标题:#2A4B8D;卡片背景:#FFFFFF;场景标题:#2A4B8D加粗;说明文字:#555555,延续统一配色。 [视角构图] 9:16竖版,从上到下排版,矩阵卡片展示符合移动端滑动浏览习惯。 [文字版式] 顶部大标题加粗居中:"适用场景"。四个场景卡片: 1. 每日自我挑战:"每天固定时段自主闯关练习(建议15-20分钟/天),逐步养成每日自我提升的习惯。" 2. 假期习惯保持:"假期每日自我挑战打卡,在轻松有趣的闯关中保持练习节奏,避免长假后状态回落。" 3. 同伴互动激励:"与同学朋友组队闯关,互相鼓励、良性竞争,在互动中共同成长。" 每个卡片内标题加粗,说明文字字号适中,行间距合适,保证手机端清晰可读。 [比例分辨率] 9:16竖版比例,4K分辨率,文字清晰可辨。 [负向提示词] 卡片变形挤压,文字重叠,文字模糊,颜色偏差,水印,背景杂乱,违规表达。[第5屏] 本屏功能定义:多样适用场景展示模块,介绍产品可使用的多种场景。
[氛围/风格] 生活化温暖教育风,场景化展示,延续整体清新风格。
[元素布局] 顶部大标题,下方四个场景分两排两列卡片式排列,每个场景配标题和简短说明,卡片带浅圆角背景,板块分区清晰。
[光影质感] 卡片柔和阴影,整体光线均匀,每个场景信息清晰,不互相干扰。
[配色色系] 全局底色:#F5F9FF;标题:#2A4B8D;卡片背景:#FFFFFF;场景标题:#2A4B8D加粗;说明文字:#555555,延续统一配色。
[视角构图] 9:16竖版,从上到下排版,矩阵卡片展示符合移动端滑动浏览习惯。
[文字版式] 顶部大标题加粗居中:"适用场景"。四个场景卡片:
1. 每日自我挑战:"每天固定时段自主闯关练习(建议15-20分钟/天),逐步养成每日自我提升的习惯。"
2. 假期习惯保持:"假期每日自我挑战打卡,在轻松有趣的闯关中保持练习节奏,避免长假后状态回落。"
3. 同伴互动激励:"与同学朋友组队闯关,互相鼓励、良性竞争,在互动中共同成长。"
每个卡片内标题加粗,说明文字字号适中,行间距合适,保证手机端清晰可读。
[比例分辨率] 9:16竖版比例,4K分辨率,文字清晰可辨。
[负向提示词] 卡片变形挤压,文字重叠,文字模糊,颜色偏差,水印,背景杂乱,违规表达。
[商品] 使用【图1】当前页面作为基础;保留小程序手机界面整体结构,但去掉底部导航栏的「首页」「测评」「我的」三个底部tab,只保留中间打卡功能区和上方内容,界面更简洁;保留打卡圆形组件、各功能按钮、积分文字等核心内容;整体风格改为高级简约。 [画面] 页面目标:版本B - 温馨简约风,背景有可爱宝宝主体形象,去掉复杂装饰更干净。构图:左宝宝右手机的左右构图,左侧可爱宝宝(趴着/坐着的萌态)占左半区,右侧手机界面悬浮于右半区,上方大标题横跨顶部,下方正文+卖点。主体占比:宝宝+手机占画面70%。阅读动线:大标题→宝宝萌态→手机界面→正文→底部卖点。前中后景:纯净柔粉渐变背景,宝宝周围有极淡的光晕,无多余装饰元素。 [视觉] 套系策略:风格=温馨简约母婴风,有温度但不繁杂;标题字=圆润粗圆体;正文字=圆润无衬线体;主色=奶油粉到米白的柔和渐变(#FFEAEA到#FFF9F5);背景延展=纯净渐变背景+极淡的云朵轮廓(非常浅几乎透明),去掉鲸鱼、星星、爱心漂浮等所有复杂装饰,只保留宝宝主体和手机;强调色=暖玫粉#E07A90,仅用于按钮、图标高亮;标题色=深玫红#B23A5A;正文色=暖棕灰#6B5555;组件=圆角白色极简卡、线性图标、适量留白;光影=柔和侧光,宝宝有立体感,整体温暖干净。 [文字] 顶部大标题两行「简单方式」「守护宝宝成长时光」,圆润粗体醒目;下方正文「无需复杂操作,不用育儿内卷」「每日打卡,轻松完成宝宝智力萌发」;底部三个圆角卡片+图标+文案「居家完成」「分龄适配」「智龄成长」;排版疏朗,全部横向排版。 [规格] 图片比例9:16竖版,4K分辨率,medium质量,版本B温馨简约款,避免复杂装饰、元素拥挤、底部导航栏保留、颜色过艳、绝对化用语。[商品] 使用【图1】当前页面作为基础;保留小程序手机界面整体结构,但去掉底部导航栏的「首页」「测评」「我的」三个底部tab,只保留中间打卡功能区和上方内容,界面更简洁;保留打卡圆形组件、各功能按钮、积分文字等核心内容;整体风格改为高级简约。
[画面] 页面目标:版本B - 温馨简约风,背景有可爱宝宝主体形象,去掉复杂装饰更干净。构图:左宝宝右手机的左右构图,左侧可爱宝宝(趴着/坐着的萌态)占左半区,右侧手机界面悬浮于右半区,上方大标题横跨顶部,下方正文+卖点。主体占比:宝宝+手机占画面70%。阅读动线:大标题→宝宝萌态→手机界面→正文→底部卖点。前中后景:纯净柔粉渐变背景,宝宝周围有极淡的光晕,无多余装饰元素。
[视觉] 套系策略:风格=温馨简约母婴风,有温度但不繁杂;标题字=圆润粗圆体;正文字=圆润无衬线体;主色=奶油粉到米白的柔和渐变(#FFEAEA到#FFF9F5);背景延展=纯净渐变背景+极淡的云朵轮廓(非常浅几乎透明),去掉鲸鱼、星星、爱心漂浮等所有复杂装饰,只保留宝宝主体和手机;强调色=暖玫粉#E07A90,仅用于按钮、图标高亮;标题色=深玫红#B23A5A;正文色=暖棕灰#6B5555;组件=圆角白色极简卡、线性图标、适量留白;光影=柔和侧光,宝宝有立体感,整体温暖干净。
[文字] 顶部大标题两行「简单方式」「守护宝宝成长时光」,圆润粗体醒目;下方正文「无需复杂操作,不用育儿内卷」「每日打卡,轻松完成宝宝智力萌发」;底部三个圆角卡片+图标+文案「居家完成」「分龄适配」「智龄成长」;排版疏朗,全部横向排版。
[规格] 图片比例9:16竖版,4K分辨率,medium质量,版本B温馨简约款,避免复杂装饰、元素拥挤、底部导航栏保留、颜色过艳、绝对化用语。
竖版3:4,上半部分展示产品功能,下半部分放成果和CTA,做成一份mini版产品展示。整体背景为暖白色#FAFAFA,上段左边缘有一条竖向渐变线,颜色从#FF9800渐变到#FFE0B2,宽度占画面3%,像书签色带。 上段三个功能卡片纵向叠放,每个卡片为白底圆角12px,左侧带4px宽彩色竖条,有轻阴影: 1. 卡片1学情报告:竖条橙色#FF9800,左侧扁平风橙色📊图标,主文字"每日可视化学情报告",加粗圆体深灰#212121,字号占画面宽度3.5%,副文字"今天学了什么·哪里薄弱·作业完成率",细圆体灰色#757575,字号占画面宽度2.5%,右侧是小型示意图,模拟手机屏幕内向上走的橙色学习状态折线图,风格简洁 2. 卡片2实时沟通:竖条蓝色#1976D2,左侧扁平风蓝色💬图标,主文字"班主任+心理老师实时反馈",副文字"孩子遇到问题,第一时间告诉你",右侧两个圆形头像(老师+家长)之间有蓝色双向箭头,箭头上方标注"<5min" 3. 卡片3数据说话:竖条绿色#388E3C,左侧扁平风绿色📱图标,主文字"不靠孩子自我汇报",副文字"数据说话,家长真正参与进来",右侧有一个大号绿色#66BB6A对勾图标,代表"真的知道了" 中段为结果对比:淡灰色#F5F5F5圆角10px小卡片,左侧对比前文字"以前:问了也不知道",灰色细体,旁配❓图标;中间为竖线+→分隔;右侧对比后文字"现在:每天都清楚",橙色加粗,旁配✅图标 下段CTA区:暖橙渐变#FF9800→#F57C00底色,垂直居中放置两行文字,主文字"想看学情报告长什么样?",白色加粗圆体,字号占画面宽度4%,副文字"👇 点左下角,我发给你看",白色细圆体,字号占画面宽度3%,左侧放置一个透明度40%的模糊虚化手机界面缩略图,暗示学情报告截图,制造好奇感竖版3:4,上半部分展示产品功能,下半部分放成果和CTA,做成一份mini版产品展示。整体背景为暖白色#FAFAFA,上段左边缘有一条竖向渐变线,颜色从#FF9800渐变到#FFE0B2,宽度占画面3%,像书签色带。
上段三个功能卡片纵向叠放,每个卡片为白底圆角12px,左侧带4px宽彩色竖条,有轻阴影:
1. 卡片1学情报告:竖条橙色#FF9800,左侧扁平风橙色📊图标,主文字"每日可视化学情报告",加粗圆体深灰#212121,字号占画面宽度3.5%,副文字"今天学了什么·哪里薄弱·作业完成率",细圆体灰色#757575,字号占画面宽度2.5%,右侧是小型示意图,模拟手机屏幕内向上走的橙色学习状态折线图,风格简洁
2. 卡片2实时沟通:竖条蓝色#1976D2,左侧扁平风蓝色💬图标,主文字"班主任+心理老师实时反馈",副文字"孩子遇到问题,第一时间告诉你",右侧两个圆形头像(老师+家长)之间有蓝色双向箭头,箭头上方标注"<5min"
3. 卡片3数据说话:竖条绿色#388E3C,左侧扁平风绿色📱图标,主文字"不靠孩子自我汇报",副文字"数据说话,家长真正参与进来",右侧有一个大号绿色#66BB6A对勾图标,代表"真的知道了"
中段为结果对比:淡灰色#F5F5F5圆角10px小卡片,左侧对比前文字"以前:问了也不知道",灰色细体,旁配❓图标;中间为竖线+→分隔;右侧对比后文字"现在:每天都清楚",橙色加粗,旁配✅图标
下段CTA区:暖橙渐变#FF9800→#F57C00底色,垂直居中放置两行文字,主文字"想看学情报告长什么样?",白色加粗圆体,字号占画面宽度4%,副文字"👇 点左下角,我发给你看",白色细圆体,字号占画面宽度3%,左侧放置一个透明度40%的模糊虚化手机界面缩略图,暗示学情报告截图,制造好奇感