# F01 — 布局总览（编号 1–8）

> SkinLayer Studio **1.3.x Standalone** UI reference.  
> Practice: EP00–EP12 · Features: **F01–F17** (order 50+).

> 面向观众与新用户。**彩色编号徽章（1–8）与下表一致**。  
> 功能实操请一并参考 practice EP03 Overview。

---

## 一眼看清的区域地图（抽屉打开状态）

此截图打开了 Skin Archive（左）与 Bone Hierarchy（右）。  
图上徽章与底部图例的 **1–8** 与下表相同。

![SkinLayer Studio UI — 编号 1–8](ui_overview_numbered_drawers.png)

| # | 区域 | 位置 | 一句话说明 |
|---|------|------|------------|
| **1** | 菜单栏 | 最顶部 | File · Tools · View · Edit · Options · Help → [详情](/guide/skin-layer-studio/ui-menubar?lang=zh) |
| **2** | 顶部工具栏 | 菜单正下方 | DCC 会话 · Mesh · Pick / Get All · **Apply to Skin** |
| **3** | Layers | 左上 | 蒙皮层树 → [详情](/guide/skin-layer-studio/ui-layers?lang=zh) |
| **4** | Skin Desk | 左下 | 已加载网格列表 · Sync → [详情](/guide/skin-layer-studio/ui-skin-desk?lang=zh) |
| **5** | Skin Archive | 视口**左侧**抽屉 | Vis / Type / Name / Role → [详情](/guide/skin-layer-studio/ui-skin-archive?lang=zh) |
| **6** | Viewport + Hierarchy | 中央 | 模式栏 · 3D 视图 · **Bone Hierarchy** 抽屉 → [视口](/guide/skin-layer-studio/ui-viewport?lang=zh) · [Hierarchy](/guide/skin-layer-studio/ui-hierarchy?lang=zh) |
| **7** | Influences | 右上 | 活动层上的骨骼（影响） → [详情](/guide/skin-layer-studio/ui-influences?lang=zh) |
| **8** | Brush / Options | 右下 | Set Weights · Mirror · Export… → [详情](/guide/skin-layer-studio/ui-tools?lang=zh) |

此截图未给编号，但屏幕底部还有 **Timeline**（动画拖动）与 **状态栏**（消息）。  
→ [时间轴 · 动画](/guide/skin-layer-studio/ui-timeline?lang=zh)

---

## 按编号说明

### 1 — 菜单栏

窗口最顶部的横向菜单。

| 菜单 | 作用 |
|------|------|
| **File** | New/Open/Save · Load Animation · Import/Export FBX |
| **Tools** | Transfer Weights · Normalize/Prune · Export/Import JSON |
| **View** | Wireframe · Bones · Sync Map · Frame Fit |
| **Edit** | Undo/Redo · Select · Texture Manager |
| **Options** | Settings · Language |
| **Help** | About · Updates · Guide |
| **[DEBUG]** | 开发用（正常使用可忽略） |

→ [菜单栏指南](/guide/skin-layer-studio/ui-menubar?lang=zh)

---

### 2 — 顶部工具栏（DCC · Mesh · Apply）

菜单正下方的一行。

| UI | 作用 |
|----|------|
| **DCC** | 3ds Max 等会话连接状态 |
| **Mesh** | 当前活动网格（如 `Body_Geo`） |
| **Pick / Get All** | 从 DCC 拉取网格 · 蒙皮 |
| **Apply to Skin**（橙色） | 将编辑后的权重推回 DCC/蒙皮 |

#### Pick

把 DCC 选中的一个网格（几何 · 蒙皮 · 骨骼）拉进 Studio。  
首次加载，或在 Max 中对蒙皮做了**大幅**修改后整包重取时使用。  
只新增 1～2 根骨骼时，用 Hierarchy **+ Bone** 比 Pick 更轻。

#### Get All

网格较多（Body / Face / 服装）时，不必逐个 Pick，  
从蒙皮网格列表一次拉取所需项。

#### Apply to Skin

Studio 中的绘制结果不会自动回写到 DCC。  
确认后用橙色按钮 Push 到 Max Skin。  
断连或换电脑时用 JSON · FBX。

绘制与层编辑后，通常最后执行 **Apply to Skin**。

---

### 3 — Layers

左上。以**层**堆叠管理权重。

- 示例：`[Export]`、`Base`、`Thumb`、`Fingers` / finger1…  
- 列 **L / M / A** · 组 · 系统层  
- 此处所选层 ↔ **7 Influences** · 视口 Active Layer

→ [Layers 面板详情](/guide/skin-layer-studio/ui-layers?lang=zh)

---

### 4 — Skin Desk

左下。会话中已加载网格的**工作台**。

- 示例：`Body_Geo`、`Face_Geo`、`EyeInSide`…  
- Status / Name / Role · 搜索 · **Map**（Sync Map）  
- Sync Source / Target · 进入 Transfer

→ [Skin Desk · Sync Map](/guide/skin-layer-studio/ui-skin-desk?lang=zh)

---

### 5 — Skin Archive（左侧抽屉）

从视口**左侧**滑出的面板。  
（若关闭，点击 Layers/Skin Desk 与 Viewport **之间的竖向手柄**）

| 列 | 含义 |
|----|------|
| **Vis** | 可见性 |
| **St / Status** | 状态 |
| **Type** | Geo / Dummy |
| **Name** | 网格名称 |
| **Role** | Sync 角色，如 SRC · →Du… |

→ [Skin Archive 详情](/guide/skin-layer-studio/ui-skin-archive?lang=zh)

---

### 6 — Viewport + Bone Hierarchy

中央工作区整体。

| 部分 | 说明 |
|------|------|
| 上方模式栏 | **Select Bone / Paint / Vertex** · Persp · Display · Textured · Unlit |
| 3D Viewport | 网格 · 骨骼显示 · 绘制 · 选择 |
| 右侧 Hierarchy | **Active Hier / Master Hier** · + Bone · Pick-only Bones |

Hierarchy 也是抽屉。若关闭，用 Viewport 与 Influences **之间的竖向手柄**打开。

→ [视口菜单栏](/guide/skin-layer-studio/ui-viewport?lang=zh) · [Bone Hierarchy](/guide/skin-layer-studio/ui-hierarchy?lang=zh)

---

### 7 — Influences

右上。绑定到**活动层**的骨骼列表。

- ID · Lock · 骨骼名 · `[Mask]` · `[Fallback]`  
- 选择绘制目标骨骼 · Used 过滤 · 右键 Copy/Cut Weight

→ [Influences 详情](/guide/skin-layer-studio/ui-influences?lang=zh)

---

### 8 — Brush / Options（Tools 面板）

右下。笔刷与工具选项卡。

| 选项卡示例 | 内容 |
|------------|------|
| **Set Weights** | Projection · Mode · Shape · Intensity · Radius · Set Weights / Flood |
| **Tools / Mirror / Export / Scene / Attribute** | Fallback · 镜像 · Skin Limit · 显示 · Dummy 属性 |

→ [Tools 面板详情](/guide/skin-layer-studio/ui-tools?lang=zh)

---

## 抽屉手柄（打开 5 · 6 中的 Hierarchy）

| 手柄 | 位置 | 打开 |
|------|------|------|
| **左** | 4 Skin Desk / 3 Layers ↔ **6 Viewport** 之间 | **5 Skin Archive** |
| **右** | **6 Viewport** ↔ **7 Influences** 之间 | **Bone Hierarchy**（6 号区域内） |

短点 = 切换 · 左右拖动 = 调宽度。

![抽屉手柄](ui_edge_drawers.png)

---

## 推荐视线流程

```
2 连接 DCC → Pick / Get All
→ 在 4 Skin Desk 选择网格
→ 在 3 Layers 选择层
→ 6 Paint 模式 · 在 Hierarchy / 7 Influences 选骨骼
→ 用 8 笔刷绘制
→ （底部 Timeline 检查姿势）
→ 2 Apply to Skin
```

---

## 相关文档

| 文档 | 内容 |
|------|------|
| [菜单栏](/guide/skin-layer-studio/ui-menubar?lang=zh) | File · Tools · View · Edit · Options · Help |
| [Layers 面板详情](/guide/skin-layer-studio/ui-layers?lang=zh) | L/M/A · 右键 |
| [Skin Desk · Sync Map](/guide/skin-layer-studio/ui-skin-desk?lang=zh) | 网格 · Sync · Map |
| [Skin Archive 详情](/guide/skin-layer-studio/ui-skin-archive?lang=zh) | Vis/Type/Role |
| [Bone Hierarchy 详情](/guide/skin-layer-studio/ui-hierarchy?lang=zh) | Active/Master · + Bone |
| [Influences 详情](/guide/skin-layer-studio/ui-influences?lang=zh) | Lock · Mask · 右键 |
| [Tools 面板详情](/guide/skin-layer-studio/ui-tools?lang=zh) | Set Weights ~ Attribute |
| [视口菜单栏](/guide/skin-layer-studio/ui-viewport?lang=zh) | Persp · Display · Lit/Unlit |
| [时间轴 · 动画](/guide/skin-layer-studio/ui-timeline?lang=zh) | 底部 Timeline · Save/Load |
| [Create Dummy · Transfer](/guide/skin-layer-studio/ui-dummy-transfer?lang=zh) | 代理体 → Transfer |
| [Transfer Weights](/guide/skin-layer-studio/ui-transfer-weights?lang=zh) | Tools 菜单 Transfer |
| [Export JSON](/guide/skin-layer-studio/ui-export-json?lang=zh) | JSON · Max 连接器 |
| [FBX](/guide/skin-layer-studio/ui-fbx?lang=zh) | Import/Export · Pick 替代 |
| [Options](/guide/skin-layer-studio/ui-options?lang=zh) | Settings · Language |
| [Texture Manager](/guide/skin-layer-studio/ui-texture-manager?lang=zh) | Edit → Texture Manager |
| practice EP03 Overview | 实操 |
| 系列目录 | 全部 EP |

---

*参考截图：抽屉打开 · 编号 1–8 · 2026-07-26*  
*图像：`assets/ui_overview_numbered_drawers.png`*