# 良渚博物院 · 一壶二杯越窑青瓷茶具套装
## 移动端详情页视觉方向 v01（790px · 高级礼赠感）

---

## 一、总体气质判断

这不是一个"卖茶具"的页面，是一个"递出一份有出处的礼"的页面。整页应当像翻开一册装帧考究的图录：**大图呼吸、文字端正、节奏舒缓**。坚决避免淘宝详情页常见的小框堆叠、爆炸贴、多色促销条——价值感来自克制，不来自堆砌。

一句话定调：**博物院图录的排版尊严 + 茶席的温度**。

---

## 二、首屏构图

**选图**：`719A0147.jpg`（竖幅：深青函装礼盒立于茶席之后，一壶二杯居前，竹影氛围）。它一张图同时交代了"礼盒 + 套装 + 场景"三层信息，是全组素材中礼赠感最完整的一张。

**构图方案**：
- 图片满幅出血，占首屏约 75% 高度，不加圆角、不加边框——满幅即高级。
- 图片下方接一段鸡骨白底色的"题签区"：品牌行（良渚博物院小字 + logo）、主标题"琮韵入壶 · 越窑青瓷"（大号衬线）、副标题一行。文字排在实图之外的净色区域，不与画面抢戏，似图录作品页下方的题注。
- 图与题签区之间可压一条 2px 琮黄细线，作为全页贯穿的"题签"视觉符号。
- 首屏不出现卖点列表、不出现促销信息。第一眼只解决一件事：**这是一件什么气质的东西**。

---

## 三、色彩系统（取自良渚官方色）

| 角色 | 色名 | 用法 |
|---|---|---|
| 主底色 | 鸡骨白 | 全页基底，留白的载体，模拟图录纸面 |
| 主强调色 | 琮黄 | 题签线、小标题序号、关键词着色——全页唯一的"金线"，少而准 |
| 深色基调 | 炭稻黑 | 标题与正文文字色（不用纯黑，#1a1a1a 附近的暖黑） |
| 辅助底色 | 璧青 | 礼盒屏、品牌尾屏的深色段落底，与礼盒深青呼应，制造一明一暗的章节节奏 |
| 弱化色 | 雾灰 | 副标题、图注、参数表细线 |
| 点缀色 | 抱玉朱 | 仅用于壶底印章相关的一处小印形元素，全页至多出现一次 |

**原则**：一页之内永远是"浅底 + 一条琮黄 + 一段深青"，不再引入第四种情绪色。泥陶粉、玉沁黄保留为备选过渡底色，默认不启用。

---

## 四、字体层级

| 层级 | 字体方向 | 规格建议（790px 稿） | 用途 |
|---|---|---|---|
| 主标题 | 宋体类衬线（思源宋体 Heavy/Bold） | 56–64px · 字距 0.08em | 每屏一句的大字，文气与博物馆气质的来源 |
| 副标题 | 思源宋体 Regular 或仿宋 | 26–30px · 雾灰 | 标题下一行，间隔点用"·" |
| 短文案 | 思源黑体 Light/Regular | 26–28px · 行高 1.9 · 炭稻黑 85% | 20–40 字正文，行高放足，读起来像图录说明 |
| 题签小字 | 思源宋体 + 琮黄 | 20–22px · 字距 0.3em | 屏序（如"贰 · 琮之形"）、英文/拼音辅助行 |
| 参数表 | 思源黑体 | 24px · 雾灰细线分隔 | 第十屏规格 |

**层级铁律**：每一屏只有一个 56px 级的大字。标题衬线、正文黑体，永不混用反向搭配。所有文字均为 HTML/CSS 排版，不交给生图——这是字形锐利、字距可控的前提。

---

## 五、图片使用策略（12 张素材的分工）

| 屏 | 用图 | 用法 |
|---|---|---|
| 1 首屏 | 719A0147 | 满幅出血主视觉 |
| 2 礼赠主张 | 719A0153 | 满幅场景图，文字压鸡骨白题签区 |
| 3 玉琮壶身 | 719A0208 | 端面"外圆内方"特写满幅——这是全页最有讲述力的一张图，单独成屏，配一组极简的"圆 / 方"线描注解（CSS 绘制细线，非生图） |
| 4 纹饰细读 | 719A0214 | 兽首流 + 纹样特写满幅，可局部放大裁切 |
| 5 越窑青瓷 | 719A0299 | 俯拍茶汤图，青釉与茶色对照最能说明釉色 |
| 6 一壶二杯 | 719A0404 | 注茶动态图，"对座成席"的叙事感 |
| 7 细节鉴赏 | 719A0214 / 0215 / 0281 / 0208 | 全页唯一一处拼图模块：2×2 等高网格，间距 4px 细缝，每格下置一行小图注。其余各屏一律单图满幅 |
| 8 函装礼盒 | 719A0463（开盒）+ 719A1046（白底函盒） | 璧青深色底章节：先开盒内衬图，再小幅白底函盒图，明暗对比制造"开礼"仪式感 |
| 9 使用场景 | 719A0261 | 投茶手部图，生活温度 |
| 10 参数 | 719A9853 | 白底横版全家福，配参数表 |
| 11 品牌尾屏 | 719A0153 暗化裁切或纯璧青底 | 深色收尾 + 良渚博物院 logo（白/琮黄反白） |

**通用规则**：
- 原图 4480px 级别，输出统一压至 1580px 宽（790 @2x），保证手机端锐利。
- 实拍图一律不加滤镜重调色，素材本身的暖米色茶席与青釉已是最好的色彩，只做轻微统一的白平衡核对。
- 不使用任何生图产物上正式画面；logo、印章图形若需抠图，从真实素材取。

---

## 六、信息分层：什么放首屏，什么放后面

**首屏只放**（3 秒内建立判断）：
1. 这是良渚博物院出品（品牌行 + logo）
2. 这是越窑青瓷 × 玉琮设计的茶具（主标题）
3. 气质：值得送人（整图氛围传达，不用文字说"适合送礼"）

**第 2–3 屏放**（决定继续滑的理由）：礼赠对象明确化（送长辈/文化爱好者）、玉琮设计的文化解读——这是本品与普通茶具拉开差距的两张牌，必须前置。

**中段放**（建立价值细节）：工艺、一壶二杯的情感叙事、细节鉴赏、礼盒。

**末段放**（临门信息）：使用场景打消"供着不用"的顾虑、参数表、品牌信任收尾。

**整页节奏**：浅（1–7 屏）→ 深（8 礼盒屏，璧青底）→ 浅（9–10）→ 深（11 尾屏）。两段深色章节像函册的封面与封底，把礼盒与品牌两个"仪式时刻"包裹起来。

---

## 七、版式细则与禁区

- 每屏之间留 80–120px 鸡骨白空白，屏序题签（"壹 · 贰 · 叁"+琮黄）作为分章符号，全页统一。
- 全页唯一的图形装饰语言：细线 + 外圆内方的琮形符号（CSS 线描），与壶底印章呼应。不引入云纹、水墨笔刷等泛中式贴片。
- 禁区：渐变底、彩色圆角卡片堆叠、emoji、爆炸形价格签、超过两种强调色、给每个卖点配小图标。
- 第七屏拼图是全页唯一的多图并置，其余坚持一屏一图一事——信息密度低，是有意为之的礼品级密度。

---

## 八、下一步

1. 用户确认 `copy_structure_v01.md` 文案 →
2. 按本方向出首屏 + 第三屏（玉琮屏）两屏 HTML showcase 定版式语法 →
3. 确认后批量完成全部 11 屏整页。