移动端抑郁症测试小程序结果页UI设计,整体风格温馨治愈,暖色调… - 图片创意预览

移动端抑郁症测试小程序结果页UI设计,整体风格温馨治愈,暖色调…

移动端抑郁症测试小程序结果页UI设计,整体风格温馨治愈,暖色调,主色调为淡橙色、柔粉色和米黄色,细腻渐变和轻柔阴影,大圆角设计,圆润图标线条。中心区域以圆形进度或分数形式展示预测结果,如“轻度抑郁倾向

用户头像

1qk7kl59ffT...

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

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

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

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

整体UI风格:清新医疗健康风,浅绿渐变背景,圆角白色卡片,柔和配色,移动端竖版布局
[第4张] 情绪疗愈陪伴-适合人群页。 [氛围/风格] 温馨治愈风,柔和暖光,粉色系暖心插画风格,有被看见被理解的共鸣感。 [元素布局] 顶部标题区,中间是一个大大的温柔拥抱插画(两只手臂环抱成心形),周围环绕6个人群标签气泡;气泡从中心向外发散,大小不一,有漂浮感;背景是渐变的粉色云朵和星光,营造被温暖包围的感觉。 [光影质感] 中心拥抱插画有柔和的光晕,从中心向外光线逐渐柔和,气泡有半透明质感,整体光影梦幻温暖。 [配色色系] 全局底色渐变 #FFE4EC 到 #FFF5F0;主色樱花粉 #FFB6C8;辅助色蜜桃粉 #FFCCCC、奶油白 #FFF8F5;点缀色浅金色星光、白色小爱心。 [视角构图] 竖版中心放射构图,视觉中心是中间的拥抱插画,6个人群标签环绕四周,阅读动线从中心向四周扩散。 [文字版式] 顶部主标题「这些时刻,你需要温柔陪伴」,副标题「给每一个正在努力生活的你」;6个气泡标签文字分别为:「压力大·没人倾诉」「失恋难过·走不出来」「职场委屈·内耗焦虑」「深夜胡思乱想·睡不着」「不想做正式心理咨询」「只想被理解·被倾听」;气泡内文字居中,深粉色字体,大小适中清晰可读。 [比例分辨率] 9:16竖版比例,4K分辨率,文字清晰可辨,高清画质。 [负向提示词] 变形,水印,文字错乱,文字过小,颜色偏差,背景杂乱,人物变形,医疗场景。[第4张] 情绪疗愈陪伴-适合人群页。
[氛围/风格] 温馨治愈风,柔和暖光,粉色系暖心插画风格,有被看见被理解的共鸣感。
[元素布局] 顶部标题区,中间是一个大大的温柔拥抱插画(两只手臂环抱成心形),周围环绕6个人群标签气泡;气泡从中心向外发散,大小不一,有漂浮感;背景是渐变的粉色云朵和星光,营造被温暖包围的感觉。
[光影质感] 中心拥抱插画有柔和的光晕,从中心向外光线逐渐柔和,气泡有半透明质感,整体光影梦幻温暖。
[配色色系] 全局底色渐变 #FFE4EC 到 #FFF5F0;主色樱花粉 #FFB6C8;辅助色蜜桃粉 #FFCCCC、奶油白 #FFF8F5;点缀色浅金色星光、白色小爱心。
[视角构图] 竖版中心放射构图,视觉中心是中间的拥抱插画,6个人群标签环绕四周,阅读动线从中心向四周扩散。
[文字版式] 顶部主标题「这些时刻,你需要温柔陪伴」,副标题「给每一个正在努力生活的你」;6个气泡标签文字分别为:「压力大·没人倾诉」「失恋难过·走不出来」「职场委屈·内耗焦虑」「深夜胡思乱想·睡不着」「不想做正式心理咨询」「只想被理解·被倾听」;气泡内文字居中,深粉色字体,大小适中清晰可读。
[比例分辨率] 9:16竖版比例,4K分辨率,文字清晰可辨,高清画质。
[负向提示词] 变形,水印,文字错乱,文字过小,颜色偏差,背景杂乱,人物变形,医疗场景。