--- title: "Schemata" description: "Geräte auf Foto oder Grundriss platzieren, Sensorwerte im Schema anzeigen und Geräte per Klick öffnen. Mit Beispielen und KI-Visualisierungen." url: "https://taphome.com/de/docs/schemas/" language: de lastmod: 2026-11-06 generator: hugo ai: topics: ["schemas","floor-plans","device-visualization","interactive-dashboards","schema-editor"] questions: ["Wie erstelle ich ein Schema mit Grundriss in TapHome?","Welche Bildformate werden für Schema-Hintergründe unterstützt?","Wie vergrößere ich Geräte im Schema mit der globalen Skalierung?","Welche Tastenkombinationen funktionieren im Schema-Editor?","Wie füge ich mehrere Geräte gleichzeitig zu einem Schema hinzu?","Was ist der Unterschied zwischen angeheftetem und schwebendem Panel?","Wo werden Schema-Bilder gespeichert und wie viel Speicherplatz benötigen sie?"] --- # Schemata Zuletzt aktualisiert: 2026-11-06 Ein Schema in TapHome ist ein interaktiver Grundriss oder eine Visualisierung Ihres Hauses oder Gebäudes, auf dem Sie Geräte auf einem Foto oder Grundriss platzieren, Sensorwerte anzeigen und Textbeschriftungen hinzufügen. Sie erstellen es auf einer beliebigen Fläche im Modus **Bearbeiten**, indem Sie einen Abschnitt vom Typ **Schema** hinzufügen und ein Hintergrundbild im Format jpg, jpeg, png, webp oder svg auswählen. Das Ergebnis ist ein Schema, in dem ein Klick auf ein Gerät dessen Details öffnet, wo Sie die Werte ändern können. Sie können auch mit den Beispielhintergründen zum Herunterladen weiter unten auf dieser Seite beginnen. [YouTube video](https://www.youtube.com/watch?v=ojq6wAqoNWM) ## Einführung Schemata ermöglichen das Erstellen interaktiver Grundrisse oder Visualisierungen Ihres Hauses/Gebäudes, bei denen Sie: - Geräte auf einem Foto oder Grundriss platzieren können - Sensorwerte direkt im Schema anzeigen können - Texte und Beschreibungen hinzufügen können - Geräte durch Klicken steuern können > [!NOTE] > Derzeit können Geräte nur gesteuert werden, indem Sie auf das Gerät klicken, um die Detailansicht zu öffnen, in der dann Werte geändert werden können. ### Beispiele für Schemata ![Beispielschema – TapHome Showroom mit interaktiven Geräten auf einem Zimmerfoto](https://taphome.com/documentation/schemes/Schema%20-%20TapHome%20Showroom.webp) ![Beispielschema – Hydraulikschema der Wärmepumpe mit Temperatur- und Statusvisualisierung](https://taphome.com/documentation/schemes/Schema%20-%20TapHome%20Heat%20Pump.png) ### KI-generierte Visualisierungen aus dem Grundriss Mit KI-Tools können Sie aus einem einfachen Grundriss realistische Innenvisualisierungen erstellen. Diese Visualisierungen können dann als Hintergrund für Ihre Schemata in TapHome verwendet werden. ![Wohnungsgrundriss - technische Zeichnung](https://taphome.com/documentation/schemes/Scheme-floorplan.jpeg) *Grundriss (Quelle)* ![Tagesrender des Interieurs aus dem Grundriss generiert](https://taphome.com/documentation/schemes/Scheme-floorplan-day.webp) *Tagesrender* ![Nachtrender des Interieurs aus dem Grundriss generiert](https://taphome.com/documentation/schemes/Scheme-floorplan-night.webp) *Nachtrender* **Verwendetes Tool:** Google Nano Banana Pro **Prompt für Tagesrender:** ``` Rendere eine hochwertige architektonische Visualisierung, die alle Details aus der Linienzeichnung beibehält, einschließlich Räume, Möbel und Proportionen. Rendere die Texturen, Beleuchtung und Schatten effektiv gemäß dem Layout des Quellplans. Mache die Beleuchtung weich, natürlich und gemütlich ``` **Prompt für Nachtrender** (basierend auf dem generierten Tagesbild): ``` Erstelle einen Nachtrender dieses exakt gleichen Interieurs. Füge sanfte Beleuchtung hinzu, damit wir die Details gut sehen können ``` > [!TIP] > Sie können diese Bilder herunterladen und als Hintergrund für Ihre Schemata in TapHome verwenden. ### Beispielhintergründe zum Herunterladen Sie können Beispielhintergründe für Ihre Schemata herunterladen: #### 3D-Grundrisse ![3D-Grundriss – hell](https://taphome.com/documentation/schemes/thumbnails/Floor%20plan%203D%20Light.webp) [3D-Grundriss – hell herunterladen](https://taphome.com/documentation/schemes/Floor%20plan%203D%20Light.png) ![3D-Grundriss – dunkel](https://taphome.com/documentation/schemes/thumbnails/Floor%20plan%203D%20Dark.webp) [3D-Grundriss – dunkel herunterladen](https://taphome.com/documentation/schemes/Floor%20plan%203D%20Dark.png) #### Hydraulische Schemata ![Wärmepumpe – hell](https://taphome.com/documentation/schemes/thumbnails/Heat%20pump%20hydraulics%20-%20LIGHT.svg.png) [Wärmepumpe – hell herunterladen](https://taphome.com/documentation/schemes/Heat%20pump%20hydraulics%20-%20LIGHT.svg) ![Wärmepumpe – dunkel](https://taphome.com/documentation/schemes/thumbnails/Heat%20pump%20hydraulics%20-%20DARK.svg.png) [Wärmepumpe – dunkel herunterladen](https://taphome.com/documentation/schemes/Heat%20pump%20hydraulics%20-%20DARK.svg) #### Industrielle Schemata ![Industrielles Schema – hell](https://taphome.com/documentation/schemes/thumbnails/Scheme%20industrial%20-%20LIGHT.svg.png) [Industrielles Schema – hell herunterladen](https://taphome.com/documentation/schemes/Scheme%20industrial%20-%20LIGHT.svg) ![Industrielles Schema – dunkel](https://taphome.com/documentation/schemes/thumbnails/Scheme%20industrial%20-%20DARK.svg.png) [Industrielles Schema – dunkel herunterladen](https://taphome.com/documentation/schemes/Scheme%20industrial%20-%20DARK.svg) #### Wohngebäude-Schemata ![Wohngebäude-Schema – hell](https://taphome.com/documentation/schemes/thumbnails/Scheme%20residential%20-%20LIGHT.svg.png) [Wohngebäude-Schema – hell herunterladen](https://taphome.com/documentation/schemes/Scheme%20residential%20-%20LIGHT.svg) ![Wohngebäude-Schema – dunkel](https://taphome.com/documentation/schemes/thumbnails/Scheme%20residential%20-%20DARK.svg.png) [Wohngebäude-Schema – dunkel herunterladen](https://taphome.com/documentation/schemes/Scheme%20residential%20-%20DARK.svg) #### Kesselräume ![Kesselraum](https://taphome.com/documentation/schemes/thumbnails/Boiler%20room.webp) [Kesselraum herunterladen](https://taphome.com/documentation/schemes/Boiler%20room.jpg) ## Erstellen eines neuen Schemas ### Hinzufügen eines Schema-Abschnitts 1. Wechseln Sie auf einer beliebigen Fläche in den Modus **Bearbeiten** 2. Fügen Sie einen neuen Abschnitt vom Typ **Schema** hinzu 3. Wählen Sie im Eigenschaftenfenster des Schemas das Bild aus, das als Hintergrund verwendet werden soll > [!NOTE] > **Unterstützte Dateiformate:** *.jpg, *.jpeg, *.png, *.webp, *.svg > Bilder größer als 3200×3200 werden automatisch verkleinert. ### **Globaler Maßstab** Wenn Ihnen die Geräte zu klein angezeigt werden, ändern Sie **Globaler Maßstab** in den Eigenschaften des Schemas (zum Beispiel auf 250 % oder 300 %). ## Editor-Werkzeuge Der Schema-Editor bietet folgende Werkzeuge: ### ✓ **Auswählen** Das grundlegende Werkzeug zum Auswählen und Verschieben von Objekten im Schema. - **Klicken**, um ein Objekt auszuwählen - **Doppelklicken**, um die Haupteigenschaften des Objekts zu öffnen ### **Text** Hinzufügen einer textlichen Beschreibung zum Schema. Sie können: - **Ausrichten** (links, zentriert, rechts) - **Fetter Text** - An den hellen/dunklen Modus anpassen - Die Transparenz des Hintergrunds einstellen ### **Gerät** Hinzufügen eines Geräts zum Schema: - Wählen Sie das Gerät aus der Liste aus - Nach Zonen filtern - **Visualisierung** (Symbol, Name, Wert) - Maßstab, Eckenrundung und Transparenz einstellen ### **Wert** Hinzufügen von statistischen Werten von Geräten. ## Arbeiten mit Objekten ### Duplizieren von Objekten Wenn Sie das Aussehen eines Geräts definiert haben, können Sie es als Vorlage verwenden: 1. Wählen Sie das Gerät mit dem gewünschten Aussehen aus 2. Verwenden Sie **Ctrl + D** oder **Duplizieren** 3. Alle neu erzeugten Geräte haben dieselben Eigenschaften ### Massenweises Hinzufügen von Geräten Sie können mehrere Geräte auf einmal hinzufügen: 1. Klicken Sie auf das Gerätesymbol in den Werkzeugen 2. Filtern Sie die Geräte nach Zone (z. B. Wohnzimmer) 3. Wählen Sie alle Geräte aus, die Sie hinzufügen möchten 4. Platzieren Sie sie an den gewünschten Positionen ## Eigenschaften von Objekten ### Visuelle Einstellungen des Geräts - **Name** – Anzeige/Ausblendung des Gerätenamens - **Symbol** – Anzeige des Symbols - **Wert** – Anzeige des aktuellen Werts - **Steuerelemente** – die Bedientasten des Geräts direkt im Schema; sie sieht nur, wer das Gerät steuern darf. Sie erfordern TapHome Next 2026.1.36783+. Das Objekt wird nach dem Einschalten nicht von selbst größer, sodass das Symbol und das letzte Bedienelement abgeschnitten werden — vergrößern Sie die **Breite** im Abschnitt **Position**. - **Mitte** – Zentrieren - **Skala** – Objektgröße - **Abgerundete Ecken** – Rundung der Ecken - **Deckkraft** – Transparenz des Hintergrunds (0–100 %) ### **Design** Stellen Sie das Design entsprechend der App ein: - **Hell** – für die App im hellen Modus - **Dunkel** – für die App im dunklen Modus - **An App-Einstellung anpassen** – automatische Umschaltung ## Eigenschaften des Schemas Globale Einstellungen des gesamten Schemas: ### **Hintergrund** - **Breite** – Breite des Schemas in Pixeln - **Höhe** – Höhe des Schemas in Pixeln - **Farbe** – Hintergrundfarbe (#000000) - **Bild** – Bild als Hintergrund hochladen - **Dunkle Farbe** – Hintergrundfarbe für den dunklen Modus (wird angezeigt, wenn der Dunkelmodus aktiviert ist) - **Dunkles Bild** – Hintergrundbild für den dunklen Modus (wird angezeigt, wenn der Dunkelmodus aktiviert ist) ### **Globaler Maßstab** Schieberegler zur Einstellung der Größe aller Objekte im Schema (100–400 %). ## Anzeigemodi Das Schema funktioniert in zwei Modi: ### Angedocktes Panel Die Details des Geräts werden in einem seitlichen Panel angezeigt, das geöffnet bleibt. ### Schwebendes Panel Die Details des Geräts werden als schwebendes Fenster über dem Schema angezeigt. Das Panel wird automatisch ausgeblendet, wenn außerhalb geklickt wird. ## **Tastaturkürzel** ### **Bearbeitung** | Tastenkürzel | Aktion | |--------------|--------| | **Ctrl + S** / **Ctrl + Enter** | **Speichern** | | **Esc** | **Schließen** | | **Ctrl + Z** | **Rückgängig machen** | | **Ctrl + Y** | **Wiederholen** | | **← / ↑ / → / ↓** | **Objekt verschieben** | | **Shift + ← / ↑ / → / ↓** | **Objekt verschieben (schnell)** | | **Ctrl + C** | **Objekt kopieren** | | **Ctrl + V** | **Objekt einfügen** | | **Ctrl + D** | **Objekt duplizieren** | | **Delete** / **Backspace** | **Objekt löschen** | ### **Erscheinungsbild** | Tastenkürzel | Aktion | |--------------|--------| | **Ctrl + H** | **Skin wechseln** | | **Ctrl + J** | **Dunklen Modus ändern** | | **Ctrl + K** | **Dunkles Design ändern** | ## **Medienbibliothek** Alle Bilder, die in Schemata verwendet werden, werden im Core-Laufwerk gespeichert. Den Speicherstatus können Sie in der **Medienbibliothek** überprüfen. Dort sehen Sie: - Wie viel Speicherplatz die Bilder beanspruchen - Wie viel Speicherplatz noch verfügbar ist ## Synchronisation Alle Änderungen an den Schemata werden automatisch: - auf das Laufwerk hochgeladen - zwischen allen Geräten verteilt - auf allen Plattformen (Windows, Android, iOS) synchronisiert **Siehe auch** — [Flächen, Zonen, Kategorien](https://taphome.com/de/docs/configuration/dashboards-zones-categories/), [Eigene Gerätesymbole](https://taphome.com/de/docs/configuration/custom-icons/).