展现形式 · 概念

Hero：页面开场如何建立主张与行动

Hero 页面开场应承担哪些信息职责，如何权衡视觉优势、首屏成本和移动端约束，避免把大图与大标题误当成有效开场。

Hero 是页面开场处的高优先级组合，用标题、简短说明、可选媒体和主要行动建立“这里是什么、与我有什么关系、下一步去哪里”。它不是“大图”的同义词，也不是承载所有卖点的容器。短时效通知应使用 Banner。

适合与不适合

适合页面需要快速建立单一主张、明确对象并提供一个主要去向的场景。不适合目标尚未确定、需要同时推销多个对象，或访客首先必须查看搜索、筛选、价格与库存等操作信息的页面。

Hero 至少需要一个独立成立的标题。说明文本补充受众、差异或限制，不重复标题；主要行动应说明目标。图片必须有信息职责：传递信息时提供适当文本替代，仅作装饰时使用空替代文本。没有合适媒体时，纯文字 Hero 仍应成立。

小屏优先保持标题、说明和行动的阅读顺序，媒体可以下移、裁切或省略，但不能丢失只有图片中才存在的信息。避免把关键文字烘焙进图片。标题等级应服从整页结构；文字叠图时需要在最差图片区域仍满足可读性，而不是只检查设计样图。

缺少媒体时退化为文字开场；缺少有效行动时移除按钮，而不是链接到无关页面。Hero 可以结合核心主张、商品概述或活动信息形成具体模块，但“首页 Hero”和“商品页 Hero”是不同页面语境下的组合。