Hybrid-Centerplan: KI-Masterprompt (DE / EN)
Prompt kopieren → Bild erzeugen → im Dashboard hochladen. Das Cockpit erkennt die Flächen und du ordnest Shops zu.
Anderer Weg: Soll der Plan sofort in v0 klickbar sein (Etagen, Tippen, Shop-Fenster)? → Claude Design. Diese Seite erzeugt nur das Bild.
Ab hier für das Bild-Tool
Den Masterprompt unten nicht umschreiben. Nur Centername und Etage einsetzen, Referenzplan anhängen.
Was das Bild können muss
| Anforderung | Warum |
|---|---|
| Querformat, lange Kante 2400–3200 px (ggf. nachschärfen) | Sonst wird Zoomen auf der Website unscharf |
| Reihenfolge der Shops, Kreuzungen, Eingänge wie im echten Center — nicht spiegeln | Sonst zeigt die Karte am Kiosk in die falsche Richtung |
| Jeder Shop = eigene, einfarbige Dachfläche ohne Verlauf und ohne Foto-Textur | Sonst klebt das Cockpit Nachbar-Shops zusammen |
| Nachbarn deutlich unterschiedliche Farben, im Zweifel dunkle Trennlinie | Ähnliche Grüntöne werden oft als eine Fläche gelesen |
| Alle vier Bildecken = Gang oder Außen — kein Shop-Dach in der Ecke | Sonst hält das Cockpit den ganzen Plan für Hintergrund |
| Export als PNG (oder hochwertiges JPEG) | Dashboard → Centerpläne → Erkennungstyp KI-generierter Plan |
Nach dem Export: Dashboard → Centerpläne → SVG-Centerplan → PNG → Hybrid-SVG → Polygon-Editor → Shop-Mapping. Alltagsschritte: hochladen & zuordnen.
Bildmodelle wechseln oft. Wenn die Vorschau im Dashboard schlecht ist, Prompt nochmal im selben Chat nachschärfen — nicht ein neues Tool suchen.
Was 1:1 bleiben muss — und was schöner werden darf
Der Plan ist ein Orientierungsmittel, kein maßstabsgetreuer Grundriss. Besucher müssen den Weg von A nach B erkennen — am Kiosk und auf der Website. Ob jede Wand im richtigen Winkel steht, ist zweitrangig.
Verbindlich — 1:1 aus dem Referenzplan übernehmen, NIEMALS verändern:
- Außenkontur/Gebäudehülle (muss zu Parkplatz, Straße, ÖPNV-Halt draußen passen)
- Reihenfolge und Nachbarschaft der Shops entlang jedes Gangs
- Anzahl und Position der Ein-/Ausgänge relativ zur Außenwelt
- Position von Rolltreppen/Aufzügen — muss auf jeder Etage exakt übereinanderliegen (physischer Ausstiegspunkt)
- Anzahl und Reihenfolge von Kreuzungen, Abzweigungen, Sackgassen
- Links/Rechts-Ausrichtung — NIEMALS spiegeln (sonst zeigt die Karte am Kiosk in die falsche Richtung, während der Besucher real davorsteht)
Gestalterischer Freiraum — darf zugunsten besserer Lesbarkeit angepasst werden:
- Exakte Gang-Breiten/-Längen-Verhältnisse begradigen oder vereinheitlichen
- Leicht asymmetrische Ecken/Winkel glätten
- Shop-Proportionen leicht anpassen (z. B. extrem lang gezogene Ankermieter kompakter darstellen), solange Position im Gang und Nachbarschaft gleich bleiben — löst nebenbei auch das Aspect-Ratio-/Compactness-Filter-Problem des Auto-Segmentierers
Faustregel: Am Kiosk vergleicht der Besucher die Karte live mit dem, was er vor sich sieht. Eine begradigte Kurve verwirrt kaum. Eine fehlende Abzweigung oder eine vertauschte Links/Rechts-Ausrichtung führt aktiv in die falsche Richtung — deshalb sind Topologie-Punkte hart, Geometrie-Punkte weich.
Tool-Empfehlung (Stand: Juli 2026)
| Ziel | Empfohlenes Tool | Warum |
|---|---|---|
| Exakte Topologie-Treue zu vorhandenem Grundriss (Hauptfall) | ChatGPT (GPT Image 2), alternativ Nano Banana Pro (Google) | Editierfähige Referenzbild-Modelle; aktuell höchste Prompt-/Referenztreue in Arena-Vergleichen |
| Self-hosted / ohne Cloud-Abo | Flux 2 Pro | Beste photorealistische Qualität zum Selbst-Hosten |
| Freies Konzept ohne Bestandsplan | Midjourney, Ideogram | Starke Optik/Stil, aber lockere Geometrie-Treue — nur wenn kein exakter Referenzplan gefordert ist |
DALL·E nicht mehr verwenden — wurde im Mai 2026 aus der OpenAI API entfernt.
Midjourney-Warnung: Referenzbilder wirken dort eher wie Stil-Inspiration, nicht wie exakte geometrische Vorlage — für Architekten-Grundrisse daher nicht als Primär-Tool.
(Tool-Empfehlungen ändern sich im Monatstakt — Abschnitt bei Bedarf mit Datum versehen und regelmäßig prüfen.)
Workflow (Redaktion)
- Referenz vorbereiten: Bestehenden Grundriss (SVG/PDF/Sketch) als Geometrie-Referenz; optional Umgebungsbild, 1–3 Top-View-Referenzen und 2–4 Detailaufnahmen aus dem Center für Stil/Material sammeln. Falls vorhanden: Eingangs-/Nordausrichtung aus den Wayfinding-Stammdaten notieren.
- Prompt + Bilder in ChatGPT (GPT Image 2) einreichen, alternativ Nano Banana Pro. Bildrollen im Prompt klar deklarieren (siehe Masterprompt). Mehrere Varianten erzeugen.
- Iterativ nachbessern: Statt nur einen finalen Prompt abzusetzen, im selben Chat gezielt nachschärfen — z. B. „Dach von Shop X einfärben, zu ähnlich zum Nachbarn" oder „Reflexion auf den Dächern oben rechts entfernen".
- Prüfen: Shop-Konturen klar? Dächer einfarbig, kein Textur-Übertrag von den Detailfotos? Alle vier Bildecken = Hintergrundfarbe? Keine Verschmelzungen? Auflösung ausreichend (ggf. Upscale)?
- Bei Mehr-Etagen-Centern: Rolltreppen/Aufzüge zwischen den Etagen positionsgleich halten (im Prompt referenzieren oder händisch angleichen).
- Cockpit: Bild hochladen, Erkennungstyp KI-generierter Plan (oder Normaler Plan); bei kleinen Flächen Kleine Flächen; fehlende Shops im Polygon-Editor nachzeichnen.
- Speichern → Shops zuordnen → Website prüfen.
Masterprompt (Deutsch)
Copy-Paste inkl. Negativ-Prompt. Platzhalter {ETAGE} / {CENTERNAME} optional ersetzen.
Erstelle eine premium architektonische Shopping-Center-Karte für ein interaktives Wayfinding-System (Hybrid-Centerplan). Stil-Mix: Apple Maps 3D, Westfield Digital Directory, Foster+Partners-Diagramme, hochwertige Immobilienvisualisierung, moderne Retail-Wayfinding – KEIN klassischer 2D-Grundriss, KEIN Bauplan, KEIN Cartoon.
INPUT-BILDER (Rollen zuweisen, wenn mehrere Bilder angehängt werden):
- Bild 1 – SVG-/Vektor-Lageplan: VERBINDLICHE Topologie-Referenz (siehe Regel TOPOLOGIE VS. GEOMETRIE unten). Reihenfolge/Nachbarschaft der Shops, Gang-Verlauf, Kreuzungen/Abzweigungen, Ein-/Ausgänge, Rolltreppen-/Aufzugspositionen und Außenkontur exakt übernehmen. Gang-Breiten, kleine Winkel-Asymmetrien und Shop-Proportionen dürfen zugunsten von Lesbarkeit geglättet werden – Reihenfolge und Nachbarschaft bleiben dabei unangetastet.
- Bild 2 – Umgebungsbild/Kontext: nur für Stimmung/Umgebung (Außenbereich, Vegetation, Architektursprache) verwenden, NICHT für Layout oder Kamerawinkel.
- Weitere Bilder – Top-View-Referenzen: nur zur Proportionsprüfung, NICHT als Kamerawinkel übernehmen (Zielwinkel bleibt isometrisch, siehe unten).
- Weitere Bilder – Detailaufnahmen im Center: NUR für Material, Licht und Farbstil in Gängen, Fassaden und Außenbereichen verwenden. NIEMALS Texturen, Reflexionen oder Schatten aus diesen Fotos auf die Shop-Dächer übertragen – die Dächer bleiben unabhängig von den Detailfotos flach und einfarbig (siehe Regel SHOPS unten).
Falls das Tool keine Bildnummerierung erkennt: Rolle direkt im Fließtext vor dem jeweiligen Bild benennen (z. B. „Topologie-Referenz, verbindlich:" direkt vor dem Plan-Upload).
TOPOLOGIE VS. GEOMETRIE (wichtig – Centerplan ist ein Wayfinding-Tool, kein maßstabsgetreuer Grundriss)
- Verbindlich, niemals ändern: Außenkontur/Gebäudehülle, Reihenfolge und Nachbarschaft der Shops je Gang, Position aller Ein-/Ausgänge, Position von Rolltreppen/Aufzügen (etagenübergreifend deckungsgleich), Anzahl und Reihenfolge von Kreuzungen/Abzweigungen/Sackgassen, Links/Rechts-Ausrichtung (NICHT spiegeln)
- Gestalterischer Freiraum, darf zugunsten Lesbarkeit angepasst werden: Gang-Breiten/-Längen-Verhältnisse begradigen, kleine Winkel-Asymmetrien glätten, Shop-Proportionen anpassen (z. B. sehr lang gezogene Einheiten kompakter darstellen), solange Position im Gang und Nachbarschaft unverändert bleiben
FORMAT & KAMERA
- Querformat Landscape, Seitenverhältnis ca. 16:9 oder 3:2
- Auflösung mind. 2560 px auf der langen Kante; falls das Tool nativ weniger liefert, zusätzlichen Upscale-Pass einplanen
- Isometrisch von oben, ca. 25–35° Neigung, möglichst wenig Perspektiv-Verzerrung (fast orthografisch)
- Gesamtes Center sichtbar, angenehmer Rand
ALLGEMEINER STIL
- Ultra clean, premium, modern, architektonisch, Luxus-Retail
- Realistisch aber vereinfacht, glaubwürdig gebaut
- Keine Fantasy-Architektur, kein Low-Poly, kein Blueprint
SHOPS (WICHTIGSTE REGEL – COCKPIT-SEGMENTIERUNG)
- Jeder Shop = eigenes architektonisches Volumen mit klarer Außenkontur
- Shop-DACH = klickbare Fläche für spätere Polygon-Erkennung:
• homogen, flach, EINFARBIG, hoher Kontrast zu Gängen
• KEINE Verläufe, KEINE Texturen, KEINE Spiegelungen, KEINE Schatten auf dem Dach – auch nicht aus den Detailfotos übernommen
• KEINE Menschen, Bäume, Möbel, Dekoration auf dem Dach
• Nachbar-Shops NIEMALS verschmelzen – Farbunterschied zwischen benachbarten Dächern muss deutlich und eindeutig sein (nicht nur leichte Ton-Variation); bei ähnlichen Grundfarben zusätzlich IMMER eine dünne dunkle Trennlinie (2–3 px)
• Alle vier Bildecken zeigen Gang-/Außenbereich (Hintergrundfarbe) – niemals ein Shop-Dach in einer Bildecke platzieren
• Sehr lang gestreckte oder verwinkelte Shop-Flächen (z. B. große Ankermieter) gemäß TOPOLOGIE VS. GEOMETRIE mit klarer, möglichst kompakter Kontur zeichnen – Position im Gang und Nachbarschaft bleiben dabei exakt gleich
- Fassaden/Seitenwände dürfen realistisch sein (Glas, Beleuchtung)
- Dächer dürfen in Farbgruppen variieren (z. B. Grün-Töne), aber jede Einzelfläche bleibt homogen
GÄNGE & ÖFFENTLICHE BEREICHE
- Realistisch: warmer Stein/Beton, große Fliesen, dezente Reflexionen, Pflanzen, Sitzbänke, Wayfinding-Säulen, Glasgeländer
- Deutlicher visueller Kontrast zu den Shop-Dächern
- Rolltreppen/Aufzüge als architektonische Highlights (Glas, Metall, LED); bei Mehr-Etagen-Sets Position konsistent zu anderen Etagen halten
AUSSENBEREICH (dezent)
- Straßen, Gehwege, Bäume, Parkplatz, Fahrradständer, Bänke, Straßenlaternen – nicht auf Shop-Dächern
MENSCHEN
- Kleine realistische Silhouetten in Gängen und Außenbereich, nicht dicht gedrängt, nie auf Shop-Dächern
BELEUCHTUNG
- Golden Hour, warmes indirektes Licht, weiche Schatten in Gängen und an Fassaden – aber NICHT auf den Shop-Dächern
- Warme Schaufensterbeleuchtung, soft bloom, kein hartes HDR
LABELS
- Minimal: große Anker-Shops optional ohne Logo auf dem Dach
- Kleine Shops: Nummern nur in Gängen oder gar keine Beschriftung
- Keine Logos auf klickbaren Dachflächen (werden im CMS gesetzt)
QUALITÄT
- Architekturvisualisierung, scharfe Kanten, konsistentes Licht, professionelle Retail-Präsentation, keine KI-Artefakte
NEGATIV (unbedingt vermeiden)
- verschmolzene Shops, unscharfe Konturen, Schatten/Verläufe/Texturen auf Dächern, Spiegelungen auf klickbaren Flächen, Cartoon, Blueprint, Fantasy, schwebende Objekte, überdimensionierte Menschen, zufällige Kioske auf Dächern, Clutter, inkonsistentes Licht, verzerrte Geometrie, Textur-Übertrag von Detailfotos auf Dächer, Shop-Dach in einer Bildecke
Master Prompt (English)
Create a premium architectural shopping mall directory image for an interactive wayfinding system (hybrid center plan). Style blend: Apple Maps 3D, Westfield digital directory, Foster + Partners diagrams, high-end real estate visualization, modern retail wayfinding – NOT a traditional 2D floor plan, NOT a blueprint, NOT cartoon.
INPUT IMAGES (assign roles when multiple images are attached):
- Image 1 – SVG/vector floor plan: BINDING topology reference (see TOPOLOGY VS. GEOMETRY rule below). Order/adjacency of shops, corridor routing, intersections/branches, entrances/exits, escalator/elevator positions, and outer building outline must match exactly. Corridor widths, minor angular asymmetries, and shop proportions may be smoothed for readability – order and adjacency stay untouched.
- Image 2 – Environment/context image: use only for mood/surroundings (outdoor area, vegetation, architectural language), NOT for layout or camera angle.
- Additional images – Top-view references: use only to check proportions, NOT as camera angle (target angle stays isometric, see below).
- Additional images – On-site detail photos: use ONLY for material, light and color style in corridors, facades and outdoor areas. NEVER transfer textures, reflections or shadows from these photos onto the shop roofs – roofs stay flat and solid-colored regardless of the detail photos (see SHOPS rule below).
If the tool doesn't recognize image numbering: state the role directly in the text right before the relevant image (e.g. "Binding topology reference:" right before the floor plan upload).
TOPOLOGY VS. GEOMETRY (important – the center plan is a wayfinding tool, not a to-scale floor plan)
- Binding, never change: outer building outline, order and adjacency of shops along each corridor, position of all entrances/exits, position of escalators/elevators (must line up across floors), number and order of intersections/branches/dead ends, left/right orientation (do NOT mirror)
- Creative freedom, may be adjusted for readability: straighten corridor width/length ratios, smooth minor angular asymmetries, adjust shop proportions (e.g. render very elongated units more compact) as long as position along the corridor and adjacency stay unchanged
FORMAT & CAMERA
- Landscape orientation, aspect ratio ~16:9 or 3:2
- Minimum 2560 px on the long edge; if the tool's native output is smaller, plan an additional upscale pass
- Top-down isometric ~25–35°, minimal perspective distortion (near-orthographic)
- Entire mall visible with comfortable margins
GENERAL STYLE
- Ultra clean, premium, modern, architectural, luxury retail
- Realistic but simplified, believable built environment
- No fantasy architecture, no low-poly, no blueprint aesthetic
SHOPS (MOST IMPORTANT – COCKPIT AUTO-SEGMENTATION)
- Each shop = separate architectural volume with clear outer contour
- Shop ROOF = future clickable polygon for computer vision:
• homogeneous, flat, SOLID color, high contrast vs corridors
• NO gradients, NO textures, NO reflections, NO shadows ON the roof – not even carried over from the detail photos
• NO people, trees, furniture, decoration ON the roof
• NEVER merge neighboring shops – color difference between adjacent roofs must be clear and unambiguous (not just a subtle tonal variation); when base colors are close, ALWAYS add a thin dark separator line (2–3 px) as well
• All four image corners show corridor/outdoor background color – never place a shop roof in an image corner
• Very elongated or irregularly shaped units (e.g. large anchor stores) should follow the TOPOLOGY VS. GEOMETRY rule and keep a clear, reasonably compact outline – position along the corridor and adjacency stay exactly the same
- Facades/side walls may be realistic (glass, interior lighting)
- Roofs may use color groups (e.g. green tones) but each individual roof stays one flat color
CORRIDORS & PUBLIC AREAS
- Realistic: warm stone/concrete, large tiles, subtle reflections, planters, seating, wayfinding pylons, glass balustrades
- Strong visual contrast vs shop roofs
- Escalators/elevators as detailed architectural features (glass, metal, LED); keep consistent position across floors in multi-floor sets
OUTDOOR (subtle)
- Roads, sidewalks, trees, parking, bike racks, benches, street lighting – never on shop roofs
PEOPLE
- Small realistic figures in corridors and outdoors, not crowded, never on shop roofs
LIGHTING
- Golden hour, warm indirect light, soft shadows in corridors and on facades – but NOT on shop roofs
- Warm storefront lighting, soft bloom, no harsh HDR
LABELS
- Minimal typography; anchor stores without logos on roofs
- Small units: numbers in corridors only or no labels
- No logos on clickable roof surfaces (added in CMS)
QUALITY
- Architectural visualization, crisp edges, consistent lighting, professional retail presentation, no AI artifacts
NEGATIVE (avoid)
- merged shops, blurry contours, shadows/gradients/textures on roofs, reflections on clickable areas, cartoon, blueprint, fantasy, floating objects, oversized people, random kiosks on roofs, clutter, inconsistent lighting, distorted geometry, texture transfer from detail photos onto roofs, shop roof in an image corner
Wenn die Segmentierung scheitert
| Problem | Lösung |
|---|---|
| Zu wenige / zu viele Polygone | Erkennungstyp Kleine Flächen oder Hilfe-Button Mehr Flächen finden / Weniger Störflecken |
| Shops verschmolzen | Bild neu generieren mit deutlich verschiedenen Dachfarben und/oder Trennlinien; im Chat iterativ nachbessern |
| Segmentierung komplett falsch / „alles Hintergrund" | Shop-Dach in einer Bildecke? Bild mit neutralem Rand neu generieren |
| Linien als Polygone | Erkennungstyp KI-generierter Plan oder Konturen-Schwelle in Experten-Einstellung (siehe Hybrid-Doku) |
| Anker-Shop fehlt (lang, schmal) | Kompaktere Kontur im KI-Bild (Topologie vs. Geometrie) oder im Polygon-Editor nachzeichnen |
| Fläche fehlt (sonst) | Polygon-Editor → Rechteck / Kreis / Ecken |
| Bild zu klein / pixelig beim Zoom | Upscale vor Upload |
| Neues Bild, alte Zuordnungen | Modus Hintergrund tauschen |
Querverweise
Nutzungsstatistik: Seitenaufrufe werden anonymisiert erfasst. Im Umami-Dashboard nach diesem Pfad filtern: /centerplan/hybrid-ai-masterprompt