恒隆在杭州

项目缘起

恒隆地产在杭州商场落地互动装置，恒隆广场与中国美术学院联合打造。作品的核心概念是“66”，它既是 66 款配饰，也是 ISSUE 66 潮流杂志，在街头时尚语境里，每个走进画面的人都成为封面主角。

互动链路很短，走进区域 → 摆出“大”字推动进度条 → 触发主题换装 → 生成自己的潮流封面，扫码下载。全场没有控制器、没有穿戴设备。

概念如何落到界面

结果页模拟杂志封面，WALK MY 66 大字、贴纸、条码与 OOTD SCORE，白色描边模拟杂志页边，标注 VOL.2026 / ISSUE 66。界面文案直接面对现场观众，55%、GO！、动作再大点！Go bigger！、Unlock your POSE！，配合漂浮贴纸与马赛克效果引导动作。20 秒无操作自动重置，人走即待机。

三套主题换装

三套主题循环演绎，粉色 → 绿色运动鞋、绿色 → 蓝色滑板、蓝色 → 粉色高跟鞋。每套分为循环 idle 背景与换装过渡两段，触发时拼接播放，构成完整的色彩叙事。

配饰体系与佩戴

66 款配饰按身体部位分工，帽子 33、耳饰 18、眼镜 18、手掌 8、肩膀 6，另有 5 套腿部造型。每款配饰提供左、右、正多个角度，跟随姿态关键点锚定贴附。多角度素材服务现场，观众不会正对镜头，任何朝向都要“戴得上”。

配饰素材

配饰按身体部位逐一套设计，色彩是主题粉、绿、蓝的延伸，现场任意朝向都能佩戴自然。

进度条的设计

摆“大”字推进度条，姿态分数平滑写入，超过 80% 且不在冷却中触发换装，1.5 秒冷却防连闪。进度条由分件图与鞋子图标组成，鞋子贴着进度右端走，把“走路推进”的直觉做进交互里。

完整交互录屏

现场交互视频记录观众在屏幕前的完整体验过程，摆动作、推进度条、换装与生成封面。

方案取舍

方案文档对比了两套技术路线，生成式互动视觉成片效果好，但每屏需要高配主机、观众要等 15-30 秒；实时互动响应快、无等待、设备门槛低，全部屏幕可以共用一台主机加 3 路摄像头。商场现场的核心诉求是“人流不断、体验不停”，最终落地为实时互动方案。

现场问题怎么解决

• 人来人往，MediaPipe 提取姿态关键点，Selfie Segmentation 做人像分割，把复杂背景的人体干净地抠出来佩戴；
• 动作不规范，姿态分数平滑写入进度条，达标判定加 1.5 秒冷却，避免连闪；
• 性能与成本，识别、人体夹层渲染、AR 贴饰与主题视频分层合成交给 three.js 混合渲染，一台低配主机可同时处理 3 路摄像头；
• 无人值守，结果页 20 秒无操作自动重置，人走即停、自动待机，现场不需专人操作。

品牌与装置

国美与恒隆 logo 做成可换底色的分层图，适配粉、绿、蓝主题背景；字体用 Noto Serif SC 中文标题、Roboto Flex 可变字体与 Syncopate 英文标题。装置以立柱屏为交互载体，正面识别与展示，侧面兼顾行人视角。

现场互动

大屏与走道海报组成互动现场，观众在屏幕前摆动作，生成自己的杂志封面。

现场海报

海报延续 WESTLAKE 与 MY66 FASHION WALK 双线叙事，覆盖外立面与商场走道。

视觉延展

海报细节把“66”主题从屏幕带进商场空间，同一套条纹语言出现在墙面与路线中。

袜子周边

主题视觉延伸成实物周边，袜子沿用粉、绿、蓝的条纹语言，与装置画面同一套编码。