跳到主要内容

交互模式 · 信息架构

渐进式披露

Progressive Disclosure

也叫:逐步展示、高级选项折叠、按需展开

先只展示最常用的内容和选项,更多细节或高级功能等用户需要时再展开,避免一次塞太多。

示例

详细解释

渐进式披露是一种设计思路,不是某个具体组件。核心想法是:大多数用户只用到一小部分功能,把这部分放在明面上,其余的先收起来。常见的落地形式有:「高级设置」折叠区、「查看更多」展开长文、分步向导、点击才出现的详情气泡。

好处是界面清爽,新手不被吓到,熟练用户也能找到全部功能。风险是藏得太深导致找不到,所以展开入口要明显,文字要说清楚里面有什么(「高级设置:代理、超时、重试」比「更多」好)。

给 AI 提需求时,与其说「页面太复杂了」,不如直接指明哪些选项默认显示、哪些收进折叠区。

开发者信息
术语 ID
interaction-progressive-disclosure
DOM 选择器
没有 DOM 线索,这个概念不在页面上直接识别。
优先级
1 · 同一层有多条命中时,优先级高的胜出
版本
v1 · 更新于 2026/09/29