藏品集和临展活动,在美术馆官网里是两套完全不同的内容。藏品是常设的、需要长期沉淀和检索的;展览是限时的、要抢在开幕前把人拉来的。这套模板把这两件事做成了两条独立的内容线:藏品集有列表页和藏品详情页,按雕塑、摄影、文化遗产等门类分组;展览活动有活动列表和活动详情页,带日期与预约入口。两条线在首页并列,互不挤占。
视觉呈现上给了四套首页:静态大图、幻灯轮播、视频背景,再加一套综合版。美术馆的首屏往往就是一件作品的特写,四套版式意味着换展期时可以整体切换主视觉的呈现方式,而不只是换一张图。图片画廊与视频画廊也各自独立成页,展厅实拍和导览视频不必混放。这套结构同样适用于艺术中心、私人美术馆、文创园区、非遗展示馆、画廊、城市文化地标……凡是「常设内容与限时活动并行、视觉本身就是主要说服力」的机构都合用。
核心功能
藏品集按门类分组,列表页与藏品详情页配套,支持长期内容沉淀
展览活动独立成线,活动列表与活动详情各自成页,带日期与预约入口
图片画廊与视频画廊分开陈列,展厅实拍与导览影像各归各位
四套首页版式,静态图、幻灯、视频与综合版可按展期整体切换
数据背书区呈现展品数、策展场次、参展艺术家与年度访客量
团队与策展人档案可单独展开,学术背景是文化机构的核心信任来源
观众评价单独成页,把口碑与展览内容分开经营
常见问题页承接开放时间、票务、团体预约这类高频咨询
页面与技术规格
19 个 HTML 页面,含 4 套首页,实测 169 个文件、5.1 MB
基于 Bootstrap 5.3.3 栅格,藏品网格在窄屏自动收为双列与单列
出场动效由
WOW.js配合 GSAP 驱动,滚动到位逐件浮现图片灯箱走 Magnific Popup,藏品可点开看细节
首屏视差位移由 Parallax 脚本实现,背景与前景分速滚动
Swiper 与 Slick 双轮播并用,分别服务于全屏幻灯与藏品横滚