看见效果，找到名字。

Collapsible sidebar layout

用可收起的侧边导航组织后台功能，把更多空间留给主内容。

Card grid

把同类内容放在等宽的卡片中，按行和列排列。

Fade transition

通过透明度变化，让元素柔和地出现。

Detail drawer

在当前页面侧边展开详情，保留列表上下文。

Masonry layout

让不同高度的卡片紧密排列，减少纵向空隙。

Staggered entrance

一组元素按固定延迟依次开始动画，形成节奏。

Top navigation layout

把主要导航放在页面顶部，让内容获得完整的横向空间。

Holy grail layout

在页头与页尾之间安排左右侧栏和可伸缩的主内容栏。

Split pane

把同一任务的两个区域并排展示，减少页面切换。

Sticky table header

表格内容滚动时，让表头停留在滚动容器顶部。

Master-detail view

同屏保留记录列表和当前记录的详情。

Slide transition

让元素从一侧平移进入目标位置。

Scale entrance

元素从较小尺寸放大到正常尺寸，强调出现位置。

Flip animation

通过旋转让卡片从正面翻到背面。

Expand and collapse

内容区域在收起和展开时平滑改变可见高度。

Hover lift

鼠标悬停或键盘聚焦时，卡片轻微上移并增强阴影。

Skeleton shimmer

在占位块上移动一条高亮带，提示内容正在加载。

Glassmorphism

用半透明表面、背景模糊和细边框形成磨砂玻璃感。

Neumorphism

利用接近背景的表面和明暗双向阴影模拟柔软凸起。

Flat design

减少材质和立体模拟，主要用颜色、形状与排版表达层级。

Minimal design

删去无关装饰，保留完成任务需要的结构与内容。

Gradient surface

在一个区域中让颜色连续过渡，突出某个视觉区域。

Outline style

用边框与留白而非大面积填色区分内容区域。

Soft shadow

用低强度、较大模糊半径的阴影表达层级。

High contrast style

用明显的明暗差和清晰边界强化内容层级。

Modal dialog

以覆盖页面的对话框承载一项需要集中处理的任务。

Command palette

把可执行操作放入可搜索的面板中，缩短导航路径。

Tooltip

在悬停或聚焦时显示简短的补充说明。

Popover

在触发元素附近显示一块可交互的补充内容。

Progressive disclosure

先呈现完成主要任务所需的信息，再按需展开细节。

Tabs

在同一内容区域中切换彼此相关的视图。

Load more

通过明确按钮逐批追加列表记录，让用户掌握加载节奏。