展现形式 · 概念
Marquee:连续运动信息带的边界
判断 Marquee 连续滚动何时只是可漏看的环境信号、何时妨碍阅读,并说明暂停控制、减少动态效果和静态退化要求。
Marquee 让一组短小项目在固定轨道中连续移动,用运动形成节奏或环境信号。它不要求用户逐项切换;需要阅读每个项目、查看当前位置或主动翻页时,应使用 Carousel 或静态列表。
适合与不适合
只适合重复、短小、漏看单项也不影响理解的辅助信息,例如已在别处完整呈现的品牌标识集合。不适合价格、政策、促销条件、评价正文、导航入口或任何必须读完才能做决定的信息。
优点与缺点
| 优点 | 缺点 |
|---|---|
| 能在有限高度形成连续视觉节奏 | 移动内容难以稳定阅读和点击 |
| 适合表达“数量很多”的整体印象 | 容易分散对主要任务的注意力 |
| 重复轨道可形成无缝视觉效果 | 复制项目可能造成辅助技术重复内容 |
| 可作为低优先级品牌氛围 | 性能、眩晕和减少动态效果风险较高 |
内容与运动要求
项目应简短且语义相近。不要依靠速度解决内容过多的问题;内容重要就改用静态形式。复制轨道仅用于视觉连续,重复副本不应再次进入可访问树或焦点顺序。链接很难在持续运动中准确操作,默认应避免。
响应式与无障碍
自动开始且持续运动的信息需要用户可用的暂停、停止或隐藏机制。系统请求减少动态效果时,优先变成静态 Grid 或 List。暂停控制必须可聚焦、状态清楚,并在暂停后让内容保持可读,不能只在鼠标悬停时停止。
状态与退化
零项移除;一项直接静态展示;项目不足以填满轨道时不复制到让人误认数量。脚本、动画或测量失败时显示一组无重复的静态内容,避免闪现、重叠和横向溢出。
发布前检查
- 漏看任意一项是否仍不影响理解和行动?
- 是否提供真正可操作的暂停或停止?
- 减少动态效果时是否完全静止?
- 复制项目是否从焦点和辅助技术中排除?
- 静态 Grid 是否其实更清楚、更便宜?
固定版本主题实现
- Horizon 跑马灯、轮播与动效:Horizon 有
marqueesection。Dawn 全仓库搜索未找到 marquee 或 ticker(见 Dawn 内容分区与动效)。
固定基线为 Dawn v15.3.0 与 Horizon 4.2.0;结论限于这两个提交,均为静态源码分析,未运行验证。