创意预览图

「安寝缓冲站」小程序睡眠星激励与公益联动页界面设计,整体采用柔和舒缓的莫兰迪浅灰蓝与米白配色,背景为渐变夜空,圆角卡片设计,低饱和图标,整体氛围温暖治愈。界面顶部带有星空动效,展示用户累计点亮的“睡眠

用户头像

GD376833297

2026.05.05
[第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分辨率,文字清晰可辨。
[负向提示词] 卡片变形挤压,文字重叠,文字模糊,颜色偏差,水印,背景杂乱,违规表达。
基于这张健康画像页面进行改版,保持整体清新浅绿渐变风格、圆角卡片设计、字体和配色风格完全一致。修改内容如下: 一、顶部区域改版: - 左侧保留圆形头像和「用户健康画像」标题及「31-40岁 | 女 | 行政办公」副标题,位置不变 - 移除左侧的橙色环形68分健康评分模块(整个环形评分圆圈删除) - 右侧原有的四个横向色块风险标签(久坐高风险红色、颈椎不适红色、睡眠偏少紫色、压力偏高黄色)保留原有样式,但因为左侧评分模块移除,标签区域向左扩展加宽,四个标签横向排列更舒展,标签样式(圆角矩形+图标+文字)保持不变 二、新增综合状态评级(放在风险标签下方): - 在四个风险标签的下方,新增一行综合状态评级 - 黄色圆形图标 + 文字「综合状态:建议逐步调整」 - 文字下方有小字释义:「存在多项亚健康习惯,循序渐进改善」 - 整体居中或左对齐,视觉和谐 三、页面其余模块完全保持原样不动: - 身体状态模块(人体示意图、颈椎肩背红色标注、日均久坐6-8h高、疲劳程度明显高)完全保留 - 生活方式五维雷达图(运动、睡眠、饮食、压力、疲劳)及右侧分项列表完全保留 - 改善建议三大板块(立即改善、逐步调整、长期养成)完全保留 - 底部「查看详细改善方案」绿色按钮完全保留 整体UI风格:清新医疗健康风,浅绿渐变背景,圆角白色卡片,柔和配色,移动端竖版布局基于这张健康画像页面进行改版,保持整体清新浅绿渐变风格、圆角卡片设计、字体和配色风格完全一致。修改内容如下:

一、顶部区域改版:
- 左侧保留圆形头像和「用户健康画像」标题及「31-40岁 | 女 | 行政办公」副标题,位置不变
- 移除左侧的橙色环形68分健康评分模块(整个环形评分圆圈删除)
- 右侧原有的四个横向色块风险标签(久坐高风险红色、颈椎不适红色、睡眠偏少紫色、压力偏高黄色)保留原有样式,但因为左侧评分模块移除,标签区域向左扩展加宽,四个标签横向排列更舒展,标签样式(圆角矩形+图标+文字)保持不变

二、新增综合状态评级(放在风险标签下方):
- 在四个风险标签的下方,新增一行综合状态评级
- 黄色圆形图标 + 文字「综合状态:建议逐步调整」
- 文字下方有小字释义:「存在多项亚健康习惯,循序渐进改善」
- 整体居中或左对齐,视觉和谐

三、页面其余模块完全保持原样不动:
- 身体状态模块(人体示意图、颈椎肩背红色标注、日均久坐6-8h高、疲劳程度明显高)完全保留
- 生活方式五维雷达图(运动、睡眠、饮食、压力、疲劳)及右侧分项列表完全保留
- 改善建议三大板块(立即改善、逐步调整、长期养成)完全保留
- 底部「查看详细改善方案」绿色按钮完全保留

整体UI风格:清新医疗健康风,浅绿渐变背景,圆角白色卡片,柔和配色,移动端竖版布局