Design References

Midjourney 设计参考

UI Design Reference 1
整体风格参考 柔粉色系、白色卡片、极简排版,中国女性健康 App 最佳审美
UI Design Reference 2
页面布局参考 留白充足、内容优先、图文结合,让医疗内容不显沉重
App Screens

页面预览

粉护
你好,朋友 👋
关爱乳房健康,从今天开始
了解您的乳腺健康风险
5分钟问卷,生成专属风险报告
立即评估 →
🔍
本月乳房自检
每月5分钟,早发现早治疗
今日推荐
预防
预防
乳腺癌的三级预防策略
首页
检测
知识库
筛查
我的
风险评估
健康风险评估
第 2 题 / 共 7 题
直系亲属中是否有乳腺癌患者?
没有
有(祖母、姑姑等二级亲属)
有(母亲、姐妹等一级亲属)
上一题
下一题
首页
检测
知识库
筛查
我的
个人中心
👤
微信用户
风险等级:低风险
评估历史
2026-04-09
综合评分 28 分
低风险
🔍 自检指南
📋 免责声明
首页
检测
知识库
筛查
我的
Color System

色彩系统

Primary
#C2185B
Gradient
#C2185B → #E91E8C
Light
#F48FB1
Ultra Light
#FCE4EC
Background
#FBF7F9
Text Primary
#1C1C2E
Text Secondary
#6B6B8A
Text Tertiary
#ADADC9
Typography

字体系统

PingFang SC / -apple-system
44px/800 关爱健康
36px/700 健康风险评估
30px/700 个性化建议
28px/400 乳腺癌的早期发现至关重要,定期筛查可显著提高生存率。
22px/400 本结果仅供参考,不构成医疗诊断建议。
Components

UI 组件

Risk Card · 风险卡片
健康风险评级
低风险
综合评分 28 / 100
28
健康风险评级
中风险
综合评分 55 / 100
55
健康风险评级
高风险
综合评分 78 / 100
78
Article Card · 文章卡片
预防
预防
乳腺癌的三级预防策略
5 分钟阅读
检测
检测
乳腺自检完全指南
3 分钟阅读
Buttons · 按钮
Chips · 标签
全部
预防
检测
治疗
康复
Badges · 徽标
低风险
中风险
高风险
Assessment Option · 评估选项
35 岁以下
35 - 44 岁
45 - 54 岁
Progress Bar · 进度条
第 3 题 / 共 7 题
Step Dots · 步骤点
Spacing · 间距 (rpx)
8
12
16
24
32
40
48
64
Border Radius · 圆角
Card 20px
Btn 52px
Chip 40px