---
title: 研究链路页面排版约定
doc_type: design-guideline
domain: research-ui
keywords:
  - 页面排版
  - 研究链路布局
  - UX
  - 设计约定
summary: 固定当日看盘、公告分析和公告原文这条研究链路的排版约定。
when_to_read:
  - 要改研究链路页面布局或视觉层级
  - 想避免页面风格继续漂移
read_next:
  - ./today-watch-quote-separation.md
  - ../business/README.md
---
# 研究链路页面排版约定

这份文档只固定一件事：

当日看盘、公告分析、公告原文属于同一条研究链路，排版必须服务“从公告里挖出投资价值”，而不是把页面做成信息堆叠。

## 设计语气

- 研究用户先看判断价值，再看信息总量
- 界面语气保持冷静、专业、证据优先
- 视觉重点放在筛选、状态、证据链和可读宽度，不靠装饰堆氛围

## 目标

- 先让用户看到判断价值，再看到信息总量
- 让三类页面共享一致的标题层级、筛选节奏和阅读宽度
- 让说明文字保持简短，不占掉工作区

## 统一约定

### 1. 页面说明只保留一条短句

- 页面头允许使用一条短 kicker 表示所处研究环节
- 页面副标题只保留一条短句，控制在一句话内
- 不在筛选区、列表头和详情头重复解释同一件事

### 2. 标题层级按“页面 > 模块 > 元数据”区分

- 页面标题负责告诉用户当前在研究链路的哪一步
- 模块标题只说明当前区块在做什么
- 元数据标签保持更轻的字号和字重，不能和主标题抢层级

### 3. 列表页先服务筛选，再服务展开说明

- 筛选区优先放高频条件和关键状态
- 高级筛选默认折叠，避免把入口页变成长表单
- 结果列表里的辅助说明保持短句，不占主视区

### 4. 详情页必须控制阅读宽度

- 长文本、解析内容、深度报告要控制在稳定阅读宽度内
- 原文、结论、评分、状态要分层展示，避免混成信息墙
- 快速核对信息优先横向扫读，长文本内容优先纵向深读

## 页面落点

### 当日看盘

- 先看标的身份、价格异动和信号数量
- 公告列表退到右侧证据带，不抢主判断位

### 公告分析

- 先缩范围，再判优先级
- 工作台头部、筛选区和结果区都用短句，不重复解释

### 公告原文

- 列表页只负责检索和进入详情
- 来源元数据和原文核对放到详情页，不在列表页展开堆叠

### 解析详情

- 标题先给研究对象，再给次级说明
- 原文、结构化结论、深度报告需要在同一阅读节奏里切换
- 长文本区域控制稳定行长，避免“信息墙”

## 验收口径

- 桌面宽窗下，页面头部只能保留一条 kicker 和一条短副标题
- 筛选区优先暴露高频条件，标签层级轻于主标题
- 原文详情和解析详情的长文本区域必须控制阅读宽度
- 窄窗下筛选区与详情区必须回落为单列，不得出现关键操作被挤出首屏

## 2026-03-25 本轮回归结论

- `TodayWatchView`、`HomeView`、`NoticeOriginalView` 已按统一研究链路语言收口，页面头、筛选区和结果区都改为短句表达。
- `NoticeOriginalDetailView` 与 `AnalysisDetailView` 已把详情阅读重心收回到标题、元数据和长文本宽度，不再让说明文案抢占主视区。
- 当前桌面端回归重点不是继续改视觉方向，而是维持这套“短标题 + 短副标题 + 稳定阅读宽度”的统一排版口径。
