创意预览图

清洁准备页面,增加青绿色薄荷绿色调,保留原有清新风格。顶部三步进度条第一步青绿色高亮。中间圆形背景清洁插画,整体色调偏青绿,酒精瓶十字标志为青绿色。标题清洁治疗部位黑色。两个步骤卡片:清洁皮肤表面、保

用户头像

1qrs9xuio8m...

2026.08.19
电超声治疗仪APP参数编辑页面,手机UI界面设计,与参考图风格完全一致,清新柔和医疗风格,白色背景,圆角卡片设计。顶部四步圆形进度条,前三个蓝色实心完成态,第四个蓝色实心当前态,下方分别标注:清洁准备、部位选择、探头连接、参数编辑,右侧显示倒计时20:00。方案选择行:左侧标签方案选择,中间白色圆角框显示腰痛标准治疗带下拉箭头。治疗模式分段切换三个圆角按钮:超声、电刺激、联合,联合为蓝色选中白色文字。通道1卡片:左侧探头圆形图标浅绿色背景,标题通道1绿色圆点已连接,部位腰痛,右侧下拉箭头。超声波参数区域带声波图标标题:频率行0.5MHz和1.7MHz两个选项按钮,1.7MHz蓝色选中;模式行连续和脉冲两个选项,连续蓝色选中;脉冲频率行100Hz中间显示左右加减圆形按钮;占空比行50%中间显示左右加减按钮;强度行5档用蓝色进度块显示5档文字右侧加减按钮。电刺激参数区域带闪电图标标题:波形行方波三角预调三个选项,方波蓝色选中;强度行15mA中间显示左右加减;频率行50Hz中间显示左右加减;脉宽行200μs中间显示左右加减;上升时间3s和下降时间3s并排各带加减;刺激时间20s和休息时间2s并排各带加减。底部蓝色开始治疗主按钮圆角。最底部辅助操作:左侧上一步带左箭头文字,右侧跳过带右箭头文字。整体风格与参考图完全统一,圆角柔和阴影,清新医疗感。电超声治疗仪APP参数编辑页面,手机UI界面设计,与参考图风格完全一致,清新柔和医疗风格,白色背景,圆角卡片设计。顶部四步圆形进度条,前三个蓝色实心完成态,第四个蓝色实心当前态,下方分别标注:清洁准备、部位选择、探头连接、参数编辑,右侧显示倒计时20:00。方案选择行:左侧标签方案选择,中间白色圆角框显示腰痛标准治疗带下拉箭头。治疗模式分段切换三个圆角按钮:超声、电刺激、联合,联合为蓝色选中白色文字。通道1卡片:左侧探头圆形图标浅绿色背景,标题通道1绿色圆点已连接,部位腰痛,右侧下拉箭头。超声波参数区域带声波图标标题:频率行0.5MHz和1.7MHz两个选项按钮,1.7MHz蓝色选中;模式行连续和脉冲两个选项,连续蓝色选中;脉冲频率行100Hz中间显示左右加减圆形按钮;占空比行50%中间显示左右加减按钮;强度行5档用蓝色进度块显示5档文字右侧加减按钮。电刺激参数区域带闪电图标标题:波形行方波三角预调三个选项,方波蓝色选中;强度行15mA中间显示左右加减;频率行50Hz中间显示左右加减;脉宽行200μs中间显示左右加减;上升时间3s和下降时间3s并排各带加减;刺激时间20s和休息时间2s并排各带加减。底部蓝色开始治疗主按钮圆角。最底部辅助操作:左侧上一步带左箭头文字,右侧跳过带右箭头文字。整体风格与参考图完全统一,圆角柔和阴影,清新医疗感。
基于这张健康画像页面进行改版,保持整体清新浅绿渐变风格、圆角卡片设计、字体和配色风格完全一致。修改内容如下: 一、顶部区域改版: - 左侧保留圆形头像和「用户健康画像」标题及「31-40岁 | 女 | 行政办公」副标题,位置不变 - 移除左侧的橙色环形68分健康评分模块(整个环形评分圆圈删除) - 右侧原有的四个横向色块风险标签(久坐高风险红色、颈椎不适红色、睡眠偏少紫色、压力偏高黄色)保留原有样式,但因为左侧评分模块移除,标签区域向左扩展加宽,四个标签横向排列更舒展,标签样式(圆角矩形+图标+文字)保持不变 二、新增综合状态评级(放在风险标签下方): - 在四个风险标签的下方,新增一行综合状态评级 - 黄色圆形图标 + 文字「综合状态:建议逐步调整」 - 文字下方有小字释义:「存在多项亚健康习惯,循序渐进改善」 - 整体居中或左对齐,视觉和谐 三、页面其余模块完全保持原样不动: - 身体状态模块(人体示意图、颈椎肩背红色标注、日均久坐6-8h高、疲劳程度明显高)完全保留 - 生活方式五维雷达图(运动、睡眠、饮食、压力、疲劳)及右侧分项列表完全保留 - 改善建议三大板块(立即改善、逐步调整、长期养成)完全保留 - 底部「查看详细改善方案」绿色按钮完全保留 整体UI风格:清新医疗健康风,浅绿渐变背景,圆角白色卡片,柔和配色,移动端竖版布局基于这张健康画像页面进行改版,保持整体清新浅绿渐变风格、圆角卡片设计、字体和配色风格完全一致。修改内容如下:

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

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

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

整体UI风格:清新医疗健康风,浅绿渐变背景,圆角白色卡片,柔和配色,移动端竖版布局
移动端电商小程序UI界面,画布尺寸严格为iPhone16 Pro手机屏幕尺寸,无外部手机边框,iOS规范页面布局,页面顶部留白舒展柔和;整体视觉风格贴合纳爱斯品牌调性,品牌主色调选用清透草木嫩绿色搭配纯净奶白色为辅色,点缀低饱和浅橘色作为产品强调色,整体画面明亮轻盈、干净通透,充满天然植物自然感、生活温度感,专业洗护氛围但画面不厚重压抑;页面组件全部采用大柔和圆角卡片,阴影轻薄低透明度,信息层级区分清晰;按钮使用品牌草木绿纯色或草木绿到浅绿渐变样式,超大圆角设计,视觉亲和友好;页面分割线为细浅灰色线条,功能图标统一轻量化线性简约图标;中文字体选用现代清晰苹方PingFang SC字体,字号大小层级规范分明;底部导航栏统一采用五栏结构,导航中间位置设置圆形草木绿突出主操作按钮,全页面图标统一线性简约风格;页面融入纳爱斯养龈健齿牙膏产品实拍元素作为主视觉装饰,产品包含120g清火护龈款、140g抗敏护龈两款牙膏实物素材;页面内全部使用通顺合理中文占位文案,完整电商小程序功能逻辑,高品质商用UI设计,高清细腻,无水印,平面2D界面,无立体建模,干净留白充足。本页面为:牙膏产品分类页,口腔护理牙膏分类专区页面,顶部页面标题“护龈牙膏专区”,左侧侧边竖向分类栏:清火护龈系列、抗敏护龈系列、儿童牙膏、漱口水配件;右侧主体区域为对应分类下商品陈列卡片,卡片展示120g清火款、140g抗敏款纳爱斯养龈健齿牙膏实拍图、产品文案、规格、活动优惠标签;页面穿插简约口腔护理科普短句作为装饰文案,底部完整五栏导航。移动端电商小程序UI界面,画布尺寸严格为iPhone16 Pro手机屏幕尺寸,无外部手机边框,iOS规范页面布局,页面顶部留白舒展柔和;整体视觉风格贴合纳爱斯品牌调性,品牌主色调选用清透草木嫩绿色搭配纯净奶白色为辅色,点缀低饱和浅橘色作为产品强调色,整体画面明亮轻盈、干净通透,充满天然植物自然感、生活温度感,专业洗护氛围但画面不厚重压抑;页面组件全部采用大柔和圆角卡片,阴影轻薄低透明度,信息层级区分清晰;按钮使用品牌草木绿纯色或草木绿到浅绿渐变样式,超大圆角设计,视觉亲和友好;页面分割线为细浅灰色线条,功能图标统一轻量化线性简约图标;中文字体选用现代清晰苹方PingFang SC字体,字号大小层级规范分明;底部导航栏统一采用五栏结构,导航中间位置设置圆形草木绿突出主操作按钮,全页面图标统一线性简约风格;页面融入纳爱斯养龈健齿牙膏产品实拍元素作为主视觉装饰,产品包含120g清火护龈款、140g抗敏护龈两款牙膏实物素材;页面内全部使用通顺合理中文占位文案,完整电商小程序功能逻辑,高品质商用UI设计,高清细腻,无水印,平面2D界面,无立体建模,干净留白充足。本页面为:牙膏产品分类页,口腔护理牙膏分类专区页面,顶部页面标题“护龈牙膏专区”,左侧侧边竖向分类栏:清火护龈系列、抗敏护龈系列、儿童牙膏、漱口水配件;右侧主体区域为对应分类下商品陈列卡片,卡片展示120g清火款、140g抗敏款纳爱斯养龈健齿牙膏实拍图、产品文案、规格、活动优惠标签;页面穿插简约口腔护理科普短句作为装饰文案,底部完整五栏导航。