视觉层级：让眼睛先看该看的东西

视觉层级是设计里最朴素、也最残酷的问题：观众第一眼看什么？第二眼看什么？看完之后是否知道该做什么？

一个版面可能字体很好、颜色不错、图片也精致，但如果所有元素都在抢第一眼，它仍然会显得吵。反过来，一个简单页面只要层级准确，就会让人觉得清楚、专业、可信。

AI 生成的版面常见问题正是层级失控：标题、按钮、装饰、图片都很“有表现力”，但没有谁愿意退后。设计师的判断力，在这里体现为一种克制：不是让每个元素都好看，而是让每个元素知道自己的位置。

层级来自印刷，也来自日常观看

报纸、杂志、海报和书籍很早就发展出层级语言：头版标题、导语、正文、图注、栏目名、页码，每一种信息都有自己的音量。读者不需要被说明，也知道哪里是新闻标题，哪里是补充信息。

现代信息设计把这套能力放大到导视、界面和数据图表里。机场指示牌、地铁线路图、手机设置页，都在处理同一个问题：在有限时间里，让人先得到最重要的信息。

所以层级并不是为了漂亮，而是为了尊重注意力。观众的注意力是有限资源，设计师必须替他们排序。

常见误区

标题越大越有设计感

大标题只能制造入口，不能自动制造秩序。如果正文、图像和按钮没有跟上，版面会失衡。

用颜色替代层级

颜色可以强调，但不能承担全部结构。真正稳定的层级，黑白状态下也应该大致成立。

每个模块都想突出

设计里最难的不是强调，而是让一部分内容安静。没有退后，就没有前进。

忽略移动端阅读顺序

桌面双栏在手机上会变成单列。移动端层级要重新检查，不是自动缩小就结束。