这个方案的重点不是全站更花,而是关键节点更有记忆
它适合从中抽取动效细节:按钮扫光、扫描轨道、数字增长、图表画线、卡片浮动。不要整站都这么强,否则会抢掉业务内容。
可以保留的动效
01
Hero 首屏轻入场标题、CTA、后台预览分层进入,建立高级感。
02
免费体检扫描轨道让用户感觉真的启动了一次 AI 诊断。
03
后台指标微动效数字刷新、状态点呼吸、趋势线绘制,增强“系统正在工作”的感觉。
不建议保留的动效
不要全站粒子、不要滚动劫持、不要大面积外发光、不要文字乱解码。科技感的核心是“聪明”,不是“热闹”。
上线建议
从本方案抽 20% 动效,放进方案 A 和方案 B。这样最好看,也最稳。
GSAP 对应
正式实现时用 ScrollTrigger、SplitText、timeline 和数字 tween。