产品与需求
学习这个概念 User Flow 用户流程
描述用户从入口到完成目标经过的页面、动作和分支。
画出从选择文件、校验、上传到成功或失败重试的流程。
GOAL-BASED PATH
让首页重点清晰
把模糊的“高级一点”拆成层级、排版、留白和响应式验收。
9 个步骤初学者友好完成后可验收
设计与体验
学习这个概念 视觉层级
用大小、位置、颜色和对比度告诉用户先看什么、再看什么。
标题要最醒目，主按钮比次按钮更突出
前端与界面
学习这个概念 Hero 首屏主视觉
页面进入时用主标题、核心说明和主要操作建立第一印象。
第一屏要说清产品是什么，并露出下一段内容。
前端与界面
学习这个概念 CTA 行动入口
引导用户完成页面最重要的下一步。
主要按钮写“下载 macOS 版”，不要只写“立即体验”。
设计与体验
学习这个概念 排版
通过字体、字号、行高、字重和行长组织阅读体验。
标题有力量，正文别太灰，手机不要一行塞太多字
设计与体验
学习这个概念 Spacing Scale 间距尺度
用有限的一组间距值控制组件内外留白，形成稳定节奏。
统一使用 4、8、12、16、24、32 的间距体系。
设计与体验
学习这个概念 颜色与对比度
颜色表达品牌和状态，对比度确保文字与控件看得清。
浅色背景上的文字不能淡到看不见
前端与界面
学习这个概念 响应式与断点
同一内容根据可用宽度调整布局，而不是简单缩小桌面页面。
手机改成单列，平板不要挤成两半
产品与需求
学习这个概念 Acceptance Criteria 验收标准
用可观察、可重复的条件定义一个需求何时算完成。
在 390px 手机上按钮不溢出，提交失败时显示可重试原因。
DONE WHEN
完成标准
能向 Agent 说明首页优先级，并在手机和桌面检查结果。