你可能会说
标题、正文、按钮的层级不够分明，帮我调整大小和颜色突出重点。
通过大小、颜色、粗细、位置来告诉用户「先看什么、后看什么」。
通过大小、颜色、粗细、位置来告诉用户「先看什么、后看什么」。重要的东西大而醒目，次要的小而低调。
生活类比
像报纸排版——头条最大最粗，简讯缩在角落。你一眼就知道该先读什么。
🎮 动手试试
关于「视觉层级」，以下哪个描述最准确？
你可以这样告诉 AI
帮我重新梳理这个页面的视觉层级：标题放大加粗、正文小一点灰色、按钮用主色，让人一眼知道先看哪。
视觉层级决定用户「先看什么、后看什么」，布局决定元素「放在哪里」。一个管优先级，一个管位置安排。
主次信息不分明
当页面所有内容都差不多大、用户不知道先看哪里时，通过调整字号、颜色深浅、位置来建立「重要→次要」的阅读顺序。
和 AI 协作时
想让 AI 建立视觉层级时，直接说「标题用 24px 加粗、正文 14px 灰色、按钮用主色突出」，AI 会按层级设计样式。
内容量极少时
页面只有一两句话或一个按钮时，不需要建立复杂的层级——所有内容自然都是焦点，强行分层反而不自然。
与纯数据文本无关
做的是代码文档、日志输出或纯文本内容时，没有「重点突出」的视觉需求，层级设计在这里无意义。
通过大小、颜色、粗细、位置来告诉用户「先看什么、后看什么」。重要的东西大而醒目，次要的小而低调。
像报纸排版——头条最大最粗，简讯缩在角落。你一眼就知道该先读什么。
和 AI 沟通时提到「重点不突出」「分不清主次」，需要调整视觉层级。