# 床デザイン-段差床デザインガイド

> フロアエディターで段差床を作成し、高さ調整やマテリアル貼り分け、間接照明の追加方法を学びます。

- **URL**: https://www.coohom.com/jp/helpcenter/floor-design-split-level-floor-design-guide
- **Locale**: ja_JP
- **Updated**: 2026-07-09

## Content

**「フロアエディター」**ツールでは、必要に応じて床面を分割し、高さの違いや複数マテリアルの貼り分け、間接照明用ライトストリップの追加などを行えます。階段や地台、畳スペースなどを自由にデザインでき、メリハリのある統一感の高い床空間を簡単に作成できます。

⭐本記事を読む前に、まず動画チュートリアルをご視聴いただくことをお勧めします。スムーズに使い始めることができます。

 \[Video URL\](https://www.youtube.com/watch?v=tNCmZInmPwg)

<br />

ユーザー向け
======

すべてのユーザー

入口
===

床面を選択し、**「フロアエディター」**をクリックして開きます。

![](//qhstatic-sg-s3.coohom.com/image/png/1783302631951/A8CEBABD0663ECBAEEE7516DF7A7D2B5.png)

段差床デザイン
=======

1. **「フロアエディター」** ページを開き、**「ガイド線を追加」** ツールで補助線を作成し、画面上部の**「方形」**ツールを使用して長方形を作成します。

![](//qhstatic-sg-s3.coohom.com/image/gif/1783302921380/848A33E5657C4881E12585D6EB4435E6.gif)

2. 対象エリアを選択し、画面右下で**押し出し値**を設定します。

![](//qhstatic-sg-s3.coohom.com/image/png/1783303262252/A8CEBABD0663ECBAEEE7516DF7A7D2B5.png)

3. 左側パネルで**「フローリング」**をクリックし、上部から目的のカテゴリを選択した後、内側のエリアに適したマテリアルを選択します。

![](//qhstatic-sg-s3.coohom.com/image/png/1783303766646/A8CEBABD0663ECBAEEE7516DF7A7D2B5.png)

4. 左側パネルの「**タイル」** をクリックし、上部から目的のカテゴリを選択した後、外側のエリアに適したマテリアルを選択します。マテリアルを**「お気に入り」**に追加すると、後から簡単に再利用できます。

![](//qhstatic-sg-s3.coohom.com/image/png/1783304167643/A8CEBABD0663ECBAEEE7516DF7A7D2B5.png)

![](//qhstatic-sg-s3.coohom.com/image/png/1783304518005/A8CEBABD0663ECBAEEE7516DF7A7D2B5.png)

5. 次に、輪郭線を選択し、**「立面編集」**をクリックします。

![](//qhstatic-sg-s3.coohom.com/image/png/1783304578249/A8CEBABD0663ECBAEEE7516DF7A7D2B5.png)

6. 左側パネルの**「マイアカウント」** をクリックして**「お気に入り」** を選択し、マテリアルをドラッグして立面上に配置します。編集が完了したら、**「完了」**をクリックします。

![](//qhstatic-sg-s3.coohom.com/image/png/1783305181506/A8CEBABD0663ECBAEEE7516DF7A7D2B5.png)

7. 設定が完了したら、作成した輪郭線を選択し、表示されるツールバーの**「コピー」** をクリックし、**現在のスタイル領域に貼り付けます**。

![](//qhstatic-sg-s3.coohom.com/image/gif/1783305276945/C65C7AC7504EF5CD2EEB19F44AB85E48.gif)

8. 輪郭線を再度選択し、左側パネルで**「内部収縮ランプのストラップ」** にチェックを入れます。その後、ライトストリップの**「明るさ」** や**「色」**を必要に応じて調整します。

![](//qhstatic-sg-s3.coohom.com/image/png/1783305705981/A8CEBABD0663ECBAEEE7516DF7A7D2B5.png)

9. 設定が完了したら、作成した輪郭線を選択し、表示されるツールバーの**「コピー」** をクリックし、**現在のスタイル領域に貼り付けます**。

![](//qhstatic-sg-s3.coohom.com/image/gif/1783306034730/5BC7500EEC55D94628F347235B20D9C9.gif)

10. 設定が完了したら、右上のビューポートを操作して拡大表示し、効果を確認して必要に応じて調整します。

![](//qhstatic-sg-s3.coohom.com/image/png/1783306123503/A8CEBABD0663ECBAEEE7516DF7A7D2B5.png)

11. 調整が不要な場合は、右上の**「保存して終了」**をクリックします。レンダリング後、満足のいく画像を取得できます。

![](//qhstatic-sg-s3.coohom.com/image/png/1783306156721/A8CEBABD0663ECBAEEE7516DF7A7D2B5.png)

* 最終的な仕上がりは以下の通りです：

![](//qhstatic-sg-s3.coohom.com/image/jpeg/1783306550477/8B96C91407D84F80A15D9454E1C77333.jpg)