# KPOP Photowall — 视觉与交互设计规范 (Design Specification)

> **设计团队**：National Design Studio
> **设计指导**：Joe Gebbia (Airbnb 联合创始人兼设计师) 领衔
> **联合基因**：Apple 精工 · Nike 潮流张力 · Airbnb 人文温度 · Google 动效微交互 · Meta 空间社群感

---

## 1. 核心设计哲学 (Core Philosophy)

### 1.1 "物理世界的数字奢侈" (Digital Tactility)
在快餐化的数字时代，K-POP 小卡（Photocard）与拍立得之所以让全球数亿年轻人痴迷，是因为它承载着**实体触感、珍稀感与情感羁绊**。
National Design Studio 的核心使命：**打破纯平屏幕的冷漠，让数字卡牌具备 350g 特种艺术纸的温润厚度、全息激光烫金的光影流转、以及指尖翻转的惊喜感。**

### 1.2 "少即是多，但细节丰沛" (Minimalism with Emotional Abundance)
- **Airbnb 的留白与叙事**：不堆砌杂乱元素，大面积呼吸空间让偶像摄影成为主角。每一张小卡下方都有严谨的策展人编目信息（巡演站次、日期、Pantone 色板提炼）。
- **Apple 的倒角与高斯模糊**：严谨的 16px/24px 柔和倒角、多重环境光阴影（Ambient Shadow）、毛玻璃磨砂（Backdrop Blur 30px）。
- **Nike 的动能节奏**：排版采用高反差排版，粗体无衬线数字与倾斜动感徽标交错，营造顶级演唱会前排的狂热脉搏。

---

## 2. 颜色体系与双重模式 (Dual Theme Modes)

### 2.1 日光工坊模式 (Daylight Studio Mode)
- **灵感**：包豪斯日光摄影棚、首尔汉南洞独立艺术画廊。
- **背景主色**：`#F9F9FB` / `#F3F4F6`（极浅暖灰纸张底色）
- **文字主体**：`#111827`（深沉黑铅墨）
- **卡牌基底**：`#FFFFFF`（纯净无酸纸白，带 1px 细微内描边 `#E5E7EB`）
- **点缀色**：`#FF2E63`（电光珊瑚粉）、`#7928CA`（星空紫）

### 2.2 舞台夜幕模式 (Concert Midnight Stage)
- **灵感**：万人体育馆主舞台、应援棒（Lightstick）汇聚的银河海洋。
- **背景主色**：`#0A0B0E`（深邃黑曜石）
- **文字主体**：`#F9FAFB`（极光纯白）
- **卡牌基底**：`#16181F`（冷灰金属暗调，带 0.5px 极光边缘泛光）
- **全息高光**：`linear-gradient(135deg, rgba(255,105,180,0.4), rgba(0,255,255,0.4), rgba(255,215,0,0.4))`

---

## 3. 核心功能与交互矩阵 (Feature Modules)

1. **3D 全息反光物理引擎 (Holographic Foil Shader)**
   - 监听鼠标与触屏移动轨迹，计算卡牌表面倾角（Roll & Pitch）。
   - 动态映射多光谱全息彩虹折射（Prismatic Iridescence），随视线转动产生镭射炫彩流动。
2. **触觉级卡背翻转 (3D Card Flip)**
   - 点击卡牌无缝 180° 翻转，背面呈现爱豆手写心语寄语、亲笔涂鸦签名、官方防伪激光印章与收藏编号。
3. **双重游览视角 (Dual Layout Views)**
   - **策展人网格 (Curated Bento Grid)**：Apple 风格高密度模块化展示，视觉秩序井然。
   - **自由软木照片墙 (Freeform Pinboard)**：粉丝桌面手账模式，支持自由拖拽、和纸胶带斜贴、便签图钉混排。
4. **人生四格生成器 (Life4Cuts Photobooth Studio)**
   - 交互式定制人生四格电影胶片条，可自主选择边框色调、贴附 K-POP 专属贴纸、输入定制文字并一键下载收藏。
5. **空间触感音效引擎 (Spatial Audio Engine)**
   - 搭载 Web Audio API 物理拟真声音合成，无需外部下载即可带来单反快门释放、特种纸张翻转、星芒闪烁的细腻声学反馈。