前端设计博物馆DESIGN MUSEUM

词条库反查俗称总表感觉导航速查表

速查表

勾选这次页面要用到的效果，导出一段需求清单。「中文说法 → 英文术语 → 参数 → 技术要求」一次给全，AI 不用猜。

M动效与节奏Motion & Timing

M-01交错进场Stagger
M-02缓动曲线Easing
M-03弹簧动画Spring Physics
M-04滚动揭示Scroll Reveal
M-05视差滚动Parallax
M-06滚动驱动动画Scroll-Driven Animation
M-07视图过渡View Transitions
M-08光标跟随Cursor Follower

F交互反馈Interaction & Feedback

F-01悬停抬升Hover Lift
F-02按压反馈Press Feedback
F-03磁吸按钮Magnetic Button
F-04骨架屏微光Skeleton Shimmer
F-05乐观更新Optimistic UI
F-06轻提示Toast
F-07涟漪反馈Ripple
F-08命令面板Command Palette

L布局与结构Layout & Structure

L-01粘性头部Sticky Header
L-02粘性堆叠卡片Sticky Stacking Cards
L-03瀑布流Masonry
L-04Bento 网格Bento Grid
L-05滚动捕捉Scroll Snap
L-06折叠面板Accordion
L-07虚拟滚动Virtual Scrolling
L-08跑马灯Marquee

V视觉质感Visual & Material

V-01毛玻璃Frosted Glass
V-02玻璃拟态Glassmorphism
V-03渐变网格Mesh Gradient
V-04颗粒噪点Grain Noise
V-05光晕聚光Spotlight Glow
V-06渐变描边Gradient Border
V-07极光渐变Aurora Gradient
V-08边缘渐隐Mask Fade

T排版与文字Typography & Text

T-01流体排版Fluid Type
T-02平衡折行Text Balance
T-03渐变文字Gradient Text
T-04逐字显现Character Reveal
T-05可变字体Variable Font
T-06数字滚动Count Up
T-07描边文字Text Stroke
T-08等宽数字Tabular Numbers

选展品（0 / 40）

导出预览

左边勾几个效果，这里会生成可以整段粘给 AI 的需求清单。

前端设计博物馆DESIGN MUSEUM先给效果起个名字，再让 AI 实现它。词条内容参考 MDN 与 web.dev，欢迎补充。

索引词条库俗称总表

工具反查感觉导航速查表现场演示

源码与许可代码 MIT · 内容 CC BY 4.0 github.com/publieople/design-museum