05-启动登录coach-实现收口结论-2026-04-13

启动 / 登录 / Coach 实现收口结论（2026-04-13 最终版）

1. 目标与范围

本结论仅覆盖 opening 链路的 3 个页面：

• brandIntro
• welcomeShowcase（02-05 四页）
• coachIntro

收口目标：iOS 仅做 Pencil(390x844) -> 屏幕 的轻量比例映射，不再做猜测型布局。

2. Pencil 基准坐标（唯一视觉基线）

2.1 Brand Intro（FRhJW + 底部 mascot 画板）

• logo：x=45, y=294, w=300, h=193
• mascot：x=0, y=592, w=390, h=252
• 背景：白底

2.2 Showcase（wWInY / zdDSy / DNyuJ / PitEd）

• 标题：x=24, y=287, font=42
• 副标题：x=24, y=348, font=32
• 图像容器：x=176, y=126, w=198, h=560
• 结论：02-05 四页完全复用同一锚点，不按页改位。

2.3 Coach Intro（lmG32）

• emoji：x=24, y=212, size=64
• 标题：x=24, y=287, font=42
• mascot：x=210, y=192, w=156, h=156
• 正文首段：x=24, y=356, width=226, font=18, lineHeight≈1.45
• 结尾行：x=24, y=408，个人专属计划 红色高亮并紧跟前句

3. iOS 最终落地策略（已实现）

3.1 Brand

• 改为绝对坐标映射：logo 与 mascot 都按 Pencil 坐标落位。
• 使用真实资源：
  • onboarding_launch_logo（真实 logo，包含 JAPANESE LISTENING）
  • onboarding_launch_mascot（真实 mascot）
• 动画仅保留轻量节奏：
  • logo 0.42s 淡入上浮
  • 0.36s 后 mascot 慢速托起入场（spring）
• brandIntro 总停留仍由 fixture 控制：2.2s。

3.2 Showcase（登录页）

• 文案与图片统一 top-left 锚点；不再依据换行推断高度。
• 两行副标题与单行副标题都从同一 y=348 起始，不会顶到标题。
• 图片不再做从右往左进场，固定同一背景锚点，且文本层级始终在图片上层。
• 第 2-5 页文案强调语都固定在同一水平线（y=287）。

3.3 Coach

• 恢复为 Pencil 结构：emoji / 标题 / mascot / 两段正文分层落位。
• 个人专属计划 与“以便给你打造你的”在同一行连续展示。
• 正文字号与行距统一，避免段间节奏断裂。

4. 三类问题的最终根因结论

1. 启动页“偏右”根因是实现锚点与设计锚点不一致，而非素材失真；已改为 Pencil 坐标直映射。
2. Showcase 双行错位根因是“按文本内容猜高度”；已改为固定起点坐标。
3. Coach 行距不一致根因是文案拆分后样式不统一；已改为统一字号/行距并按原型分层。

5. 手测入口（Simulator）

1. 运行 App
2. 进入「推荐」页
3. 点击右上角 Onboarding
4. 按顺序核对：
   • Brand：logo 与 mascot 的中心关系、底部托底感
   • Showcase：02-05 标题/副标题起点一致，图片不压文字
   • Coach：emoji/标题高度一致，结尾红字紧跟且行距统一