这套方案适合什么项目
- 健康习惯、情绪记录和陪伴类应用
- 需要单问题问答流程的移动产品
- 希望用柔和视觉降低填写压力的界面
APPS · 健康与运动
健康问答与陪伴应用 UI 提示词
健康问答流程需要降低用户压力。这个方案在手机框中一次只呈现一个问题，用平静的灰蓝色、明确进度和足够触控空间帮助用户继续。它适合健康习惯、情绪记录、初步评估或陪伴型产品。
实现工具与技术边界
- React
- Tailwind CSS
- Lucide React
- 响应式手机框
DESIGN DECISIONS
真正决定结果的设计取舍
- 01
每屏只要求一个主要决定
- 02
进度反馈明确但不制造紧迫感
- 03
选项区域足够大并支持键盘
- 04
颜色不承担唯一状态信息
PUBLIC PROMPT EXCERPT
公开提示词片段
这段内容只公开核心方向，足够判断提示词是否具体。组件清单、细节参数、响应式规则与完整验收要求继续由会员权限保护。
Build a mobile wellness quiz inside a realistic phone frame. Use a calm blue-gray system, one clear question per step, large answer targets and visible progress. Preserve usability outside the decorative device frame.完成后应该得到什么
生成结果应当是一条低负担的问答路径。用户知道当前问题、可选答案和总体进度，也能返回修改，不会因视觉装饰分心。
生成后不要跳过这些检查
- 选项支持键盘与屏幕阅读器
- 进度不仅通过颜色表达
- 返回操作不会丢失已填答案
RELATED ASSETS
相关构建方案
围绕同一任务继续比较，不必退回搜索起点。
