UI DESIGN LAB
  • 首页
  • 社区
  • 资源库
  • 知识库
  • 文档
EN登录
返回知识库
Design Systems Page Patterns

落地页首屏信号

落地页首屏必须明确品牌/产品/人物/场所是什么,并露出下一段内容线索。

landingherofirst-viewport

设计原则

首屏不是只展示氛围,而是给出身份、价值和下一步探索路径。

原则 首屏不是只展示氛围,而是给出身份、价值和下一步探索路径。

设计动作 落地页 H1 使用品牌/产品/对象名或明确 offer;使用真实或生成图像承载主题,并让下一 section 在首屏可见。

正反例 正向示例:品牌页、产品页、作品集、活动页。 反向示例:H1 是抽象口号而不是对象名。

适用场景 品牌页、产品页、作品集、活动页。 用户需要快速理解对象。

来源提示 来源提示:综合 GOV.UK、Carbon、Polaris、Atlassian、Design.Systems、Design Systems Repo 与产品案例库的模式实践整理。

Agent 指令

落地页 H1 使用品牌/产品/对象名或明确 offer;使用真实或生成图像承载主题,并让下一 section 在首屏可见。

适用场景

  • 品牌页、产品页、作品集、活动页。
  • 用户需要快速理解对象。

避免做法

  • H1 是抽象口号而不是对象名。
  • 首屏只有渐变和装饰图形。

知识元数据

分类
Design Systems Page Patterns
质量分
82%
版本
v1
发布
2026/6/6