门神新生・千门夜宴——古代门神与年画数据可视化产品系统

门神年画是春节民俗的重要视觉载体，但大众对门神谱系、产地流派、色彩规律与非遗名录缺乏系统认知，传统资料又分散在文献、名录和图像中，难以直观比较。项目面向文化科普、课堂教学与非遗传播场景，以朱仙镇木版年画等十二个产地为线索，把门史、测色样本、非遗名录和传承人信息组织成可探索的夜间长卷，降低公众接触与理解门槛。

网站以“提灯夜游三千年”为叙事主线，包含门开仪式与毛笔书写开屏、可横向浏览的57条门史时间轴、950条年画五色测色样本星图、八位门神群像与数据身份证、四类题材三指标对照、43条非遗数据及传承人档案、78条非遗知识问答，以及选门神贴门并生成分享卡的互动收尾。所有模块支持键盘操作与降低动态效果偏好，并针对移动端做响应式适配。

我独立负责从文化资料梳理、信息架构、交互设计到前端实现的完整过程：整理57条门史节点、950条测色样本、43条非遗记录和78条问答内容，建立可追溯的数据结构；使用HTML5、CSS与原生JavaScript构建多页可视化，结合Canvas绘制色彩星图、SVG/Canvas实现毛笔书写和门神交互，并用GSAP处理滚动叙事与动效。重点解决了大量图像与数据下的加载性能、渐变模糊与窄屏适配，实现离线可运行和键盘可访问。