跳转到内容

设计与体验 · DEFINED TERM

视觉层级

用大小、位置、颜色和对比度告诉用户先看什么、再看什么。

你可能会这样说“标题要最醒目,主按钮比次按钮更突出”

VISUAL EXAMPLE

先看懂它怎么工作

界面状态示例

等待操作

MECHANISM

运行机制

  1. 确定任务优先级
  2. 分配视觉权重
  3. 用户按线索扫描

USE WHEN

适合这样用

引导阅读顺序和主要操作

NOT FOR

不要这样理解

不要让所有标题、按钮和卡片同样抢眼

TELL YOUR AGENT

可直接发给 Agent

请按“视觉层级”的概念处理这个需求:标题要最醒目,主按钮比次按钮更突出。先说明实现边界,再给出可检查的结果。

ACCEPTANCE

怎么确认它真的做好了

首次浏览能在数秒内指出页面目的和主操作

OFFICIAL SOURCES

官方来源