三条成果线，组成一个项目
内容干预负责验证信息如何被理解，四时风味 H5 负责把地方内容变成可进入的路线，包装系统负责把体验落到真实物件。
01
内容干预实验
六个主题 · 统一流程
02
四时风味 H5
六段路线 · 三处入口
03
包装与产品
地方风味 · 可带走
四时风味 H5，把浏览变成路线
六段展厅动线从序幕出发，经过五地寻味、机关冰箱贴、四步手作和数字集藏，最后留下可分享的带走记忆。
- 序幕一城山水，四时有味
- 五地寻味地图选择与风味详情
- 风味贴旋盖、流沙、抽拉、磁吸
- 手作工坊选料、拌糖、入模、压模
- 我的集藏二十四节气的数字格子
- 带走记忆生成一张可分享的海报
交互机制
触发之后，留下一个结果
机关冰箱贴把地方风味变成可以被操作的界面：旋盖、流沙、抽拉和磁吸各自对应一种进入方式，完成后再回到收藏或分享。
- 01触发：选择一个地方或一张风味贴。
- 02变化：展开细节、手作步骤或三维状态。
- 03结果：留下数字集藏或一张可分享海报。
内容干预，让界面服务于判断
六个主题共用一套从入场到回访的流程。页面里的价格、热量、评价和商品信息均为实验原型中的演示数据。
罗定鱼腐河口肠粉郁南黄皮新兴凉果象窝茶夜宵排米粉
- 01入场与前测确认年龄段、情绪状态和当前阶段。
- 02曝光与粒子互动把美食主视觉转为可操作的界面状态。
- 03干预组三步觉察、暂停或替代，保留用户的主动判断。
- 04对照组无三步引导，浏览后直接完成确认。
- 05决策与后测下单或放弃后，记录情绪与复测结果。
界面状态
桌面端负责展开信息，移动端负责单列阅读；数据导出与本地运行方式保留在设计档案中。
代表状态
同一套流程，容纳六种风味
桌面端展开信息，移动端保持单列阅读；六个主题换了食物和场景，但保留同一条从曝光、判断到后测的结构。
包装把地方风味做成可携带的系统
从腐竹、鱼腐到黄皮、豆豉、炒米饼和象窝茶，包装线把风味、产地、用法和带走的场景放进同一套视觉语言。
包装视角
正面先讲地方，背面再讲方法
鱼腐方案把“云浮美食”放在正面，把烹饪、产品信息与保存提示组织在背面，信息层级先让人认出，再让人放心带走。
正面产地 + 风味
背面烹饪 + 产品信息
状态概念效果图
设计判断
先让风味被认出，再让信息被带走
地方识别产地、风味和材料先出现
信息层级正面建立记忆，背面完成说明
使用场景从展示桌面延伸到带走与分享
6 个风味方向 · 以最终打样与版权核对作为发布前置条件
设计档案，说明哪些已经成立
把技术、无障碍和原型边界写在作品里，方便评审、合作方和下一位接手者继续核对。
实现
展示站使用原生 HTML、CSS 与 JavaScript；H5 设计说明中保留了 Three.js、MediaPipe、Canvas 和本地存储等独立原型能力。
可访问
标题按层级组织，图片提供替代文本，菜单支持键盘和触控，摄像头能力默认关闭。
边界
- — 实验价格、热量、评价与商品数据为演示数据。
- — 五地与节气配对、地图和机关结构属于设计演绎。
- — 演示商城不代表真实支付、订单、库存或物流。
- — 包装效果图需以最终打样和版权核对为准。