# 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=ja) |
| **2** | 上部ツールバー | メニュー直下 | DCC セッション · Mesh · Pick / Get All · **Apply to Skin** |
| **3** | Layers | 左上 | スキンレイヤーツリー → [詳細](/guide/skin-layer-studio/ui-layers?lang=ja) |
| **4** | Skin Desk | 左下 | 読み込み済みメッシュ一覧 · Sync → [詳細](/guide/skin-layer-studio/ui-skin-desk?lang=ja) |
| **5** | Skin Archive | ビューポート**左**ドロワー | Vis / Type / Name / Role → [詳細](/guide/skin-layer-studio/ui-skin-archive?lang=ja) |
| **6** | Viewport + Hierarchy | 中央 | モードバー · 3D ビュー · **Bone Hierarchy** ドロワー → [ビューポート](/guide/skin-layer-studio/ui-viewport?lang=ja) · [Hierarchy](/guide/skin-layer-studio/ui-hierarchy?lang=ja) |
| **7** | Influences | 右上 | アクティブレイヤーのボーン（影響） → [詳細](/guide/skin-layer-studio/ui-influences?lang=ja) |
| **8** | Brush / Options | 右下 | Set Weights · Mirror · Export… → [詳細](/guide/skin-layer-studio/ui-tools?lang=ja) |

このキャプチャに番号はありませんが、画面下部には **Timeline**（アニスクラブ）· **ステータスバー**（メッセージ）もあります。  
→ [タイムライン · アニメーション](/guide/skin-layer-studio/ui-timeline?lang=ja)

---

## 番号別の説明

### 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=ja)

---

### 2 — 上部ツールバー（DCC · Mesh · Apply）

メニュー直下の一行。

| UI | 役割 |
|----|------|
| **DCC** | 3ds Max などセッション接続状態 |
| **Mesh** | 現在のアクティブメッシュ（例: `Body_Geo`） |
| **Pick / Get All** | DCC からメッシュ · スキンを取得 |
| **Apply to Skin**（オレンジ） | 編集したウェイトを DCC/スキンへ反映 |

#### Pick

DCC で選んだメッシュ 1 つ（ジオメトリ · スキン · ボーン）を Studio に取り込みます。  
初回ロードや、Max でスキンを**大きく**直したあとに丸ごと取り直すときに使います。  
ボーンを 1〜2 本だけ足したなら、Pick より Hierarchy の **+ Bone** が軽いです。

#### Get All

Body / Face / 衣装のようにメッシュが多いとき、1 つずつ Pick せず  
スキンメッシュ一覧から必要なものを**まとめて**上げます。

#### Apply to Skin

Studio で塗った結果は DCC に自動では行きません。  
確認できたらオレンジボタンで Max Skin に Push します。  
接続が切れている・別 PC へ渡すときは 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=ja)

---

### 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=ja)

---

### 5 — Skin Archive（左ドロワー）

ビューポートの**左**からスライドするパネル。  
（閉じているときは Layers/Skin Desk と Viewport の**間の縦ハンドル**をクリック）

| カラム | 意味 |
|--------|------|
| **Vis** | 可視性 |
| **St / Status** | 状態 |
| **Type** | Geo / Dummy |
| **Name** | メッシュ名 |
| **Role** | SRC · →Du… などの Sync 役割 |

→ [Skin Archive 詳細](/guide/skin-layer-studio/ui-skin-archive?lang=ja)

---

### 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=ja) · [Bone Hierarchy](/guide/skin-layer-studio/ui-hierarchy?lang=ja)

---

### 7 — Influences

右上。**アクティブレイヤー**に紐づくボーン一覧。

- ID · Lock · ボーン名 · `[Mask]` · `[Fallback]`  
- ペイント対象ボーン選択 · Used フィルタ · 右クリック Copy/Cut Weight

→ [Influences 詳細](/guide/skin-layer-studio/ui-influences?lang=ja)

---

### 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=ja)

---

## ドロワーハンドル（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=ja) | File · Tools · View · Edit · Options · Help |
| [Layers パネル詳細](/guide/skin-layer-studio/ui-layers?lang=ja) | L/M/A · 右クリック |
| [Skin Desk · Sync Map](/guide/skin-layer-studio/ui-skin-desk?lang=ja) | メッシュ · Sync · Map |
| [Skin Archive 詳細](/guide/skin-layer-studio/ui-skin-archive?lang=ja) | Vis/Type/Role |
| [Bone Hierarchy 詳細](/guide/skin-layer-studio/ui-hierarchy?lang=ja) | Active/Master · + Bone |
| [Influences 詳細](/guide/skin-layer-studio/ui-influences?lang=ja) | Lock · Mask · 右クリック |
| [Tools パネル詳細](/guide/skin-layer-studio/ui-tools?lang=ja) | Set Weights ~ Attribute |
| [ビューポートメニューバー](/guide/skin-layer-studio/ui-viewport?lang=ja) | Persp · Display · Lit/Unlit |
| [タイムライン · アニメーション](/guide/skin-layer-studio/ui-timeline?lang=ja) | 下部 Timeline · Save/Load |
| [Create Dummy · Transfer](/guide/skin-layer-studio/ui-dummy-transfer?lang=ja) | ダミー → Transfer |
| [Transfer Weights](/guide/skin-layer-studio/ui-transfer-weights?lang=ja) | Tools メニュー Transfer |
| [Export JSON](/guide/skin-layer-studio/ui-export-json?lang=ja) | JSON · Max コネクタ |
| [FBX](/guide/skin-layer-studio/ui-fbx?lang=ja) | Import/Export · Pick 代替 |
| [Options](/guide/skin-layer-studio/ui-options?lang=ja) | Settings · Language |
| [Texture Manager](/guide/skin-layer-studio/ui-texture-manager?lang=ja) | Edit → Texture Manager |
| practice EP03 Overview | 実習 |
| シリーズ目次 | 全 EP |

---

*基準キャプチャ: ドロワー開いた状態 · 番号 1〜8 · 2026-07-26*  
*画像: `assets/ui_overview_numbered_drawers.png`*