停止使用“弹窗”、“下拉菜单”、“闪屏加载”和“菜单栏”等词汇来与人工智能讨论UI/UX开发。有时，使用正确的术语能让交流更顺畅，提高一次命中目标的几率。你会立即发现更贴近你心中所想的内容。这个网站能帮助你掌握这些经典组件的名称。https://component.gallery

组件画廊

来源：https://component.gallery/

60种组件，95套设计系统，2,671个实例.

组件画廊是一个基于设计系统（https://component.gallery/design-systems）实例的界面组件实时更新库，旨在为所有界面构建者提供参考.

轮播图（https://component.gallery/components/carousel）

内容滑块

用于一次展示一张或多张内容幻灯片的方式，可通过滑动、滚动或按钮切换幻灯片.

树形视图（https://component.gallery/components/tree-view）

用于展示嵌套层级信息的组件，例如目录结构或文档纲要.

弹出层（https://component.gallery/components/popover）

从某个元素上方弹出、覆盖其他内容的组件；与工具提示的区别在于，它通常通过点击而非悬停触发，且可包含交互元素.

评分组件（https://component.gallery/components/rating）

评分组件让用户查看或设置产品/项目的星级评分.

折叠面板（https://component.gallery/components/accordion）

箭头切换器 / 折叠区块 / 可折叠区域 / 详情展开器

折叠面板是垂直排列的交互式标题组，用于切换详细信息的显示状态；每个项目可“折叠”仅显示简短标签，或“展开”显示完整内容.

引用区块（https://component.gallery/components/quote）

引文摘录 / 块状引用

用于展示引用内容：可来自人物/外部来源，或用于突出当前文档中的段落（引文摘录）.

分页器（https://component.gallery/components/pagination）

分页是将信息分割到多个页面的过程，而非在单一页面上全部展示；同时指代用于页面间导航的界面组件.

标签页（https://component.gallery/components/tabs）

标签式界面

标签式界面是在多个面板间导航的方式，能减少视觉杂乱，在有限空间内呈现更多内容.