网页2026
自然历史博物馆展览官网
网页设计 · 动效开发
SVG 滤镜ScrollTriggerGSAP响应式排版
背景
为一场古生物主题展览打造的官网,需要在一屏之内传递「时间与发现」的宏大感。
方案
用 SVG 滤镜实现「沙子溶解」的章节转场,字母块 Logo 逐块上浮入场,配合等宽字体的「博物馆标牌式」排版,营造历史与科学并存的氛围。
结果
一个视觉完成度极高的单页体验,章节自动轮换与手动切换并存的交互,兼顾了展示与探索。
网页设计 · 动效开发
为一场古生物主题展览打造的官网,需要在一屏之内传递「时间与发现」的宏大感。
用 SVG 滤镜实现「沙子溶解」的章节转场,字母块 Logo 逐块上浮入场,配合等宽字体的「博物馆标牌式」排版,营造历史与科学并存的氛围。
一个视觉完成度极高的单页体验,章节自动轮换与手动切换并存的交互,兼顾了展示与探索。
假作真时真亦假,无为有处有还无。