Design-Prompt verwenden
Projektanforderungen hinzufügen
Füge unten deinen Kontext hinzu. Er wird beim Kopieren oder Herunterladen in den Design-Prompt aufgenommen.
Erstelle für [PROJECT] und [AUDIENCE] eine bearbeitbare HTML/CSS-Komposition mit auswählbarem Text und einem Druck-Stylesheet; behandle jede Rasterillustration als separate lokale Ressource. Die Aufgabe lautet: Markenmuster-Studie.
Erforderliche Inhalte und Struktur
Entwickle ein sich wiederholendes geometrisches Motiv, das aus vorgegebenen Markenformen und Farbrollen abgeleitet ist.
Verwende [APPROVED_CONTENT] als Quelle für Namen, Daten, Zahlen, Aussagen und Ziele. Führe fehlende Angaben auf, bevor du etwas ersetzt. Falls eine Demonstration erforderlich ist, kennzeichne deren Inhalte als fiktiv. Erfinde keine Kundenstimmen, Rankings, Partnerlogos oder Produktfunktionen.
Designausrichtung
Verwende [BRAND_RULES] und das bereits im Projekt ausgewählte Designsystem. Falls kein System vorgegeben ist, beginne mit dieser Richtung: warmes Elfenbein, ausdrucksstarke schwarze Typografie und ein lebhafter Korallenakzent; ein eigenständiges geometrisches Bildmotiv. Halte Typografie, Abstände und Farbrollen konsistent. Priorisiere die Aufgabe gegenüber dekorativen Elementen und vermeide eine generische Sammlung zusammenhangloser Karten.
Inhaltsvorbereitung
Wähle Ausgangsformen, freigegebene Farben, Wiederholungsverhalten und vorgesehene Anwendungen. Lege fest, ob Logoelemente überhaupt im Muster verwendet werden dürfen.
Layout und Verhalten
Entwickle einen Rapport mit bewusstem Rhythmus und teste ihn in mehreren Größen. Bei der Anwendung auf Verpackungen oder Hintergründen muss sich das Muster Texten und funktionalen Zeichen unterordnen.
Aufgabenspezifische Abnahmeprüfung
- Halte das Motiv skalierbar und verwandle ein Referenzlogo nicht in ein nicht genehmigtes Muster.
- Prüfe Rapportnähte und Bereiche mit hoher Dichte.
- Verzerre oder fragmentiere ein Referenzlogo nicht ohne Erlaubnis zu einem Motiv und teste die Lesbarkeit, wenn das Muster hinter Inhalten liegt.
Implementierung und Prüfung
Halte Texte bearbeitbar. Verwende eine semantische Struktur, aussagekräftig beschriftete Steuerelemente, einen sichtbaren Tastaturfokus und geeignete Leer- und Fehlerzustände. Prüfe schmale und breite Layouts. Berücksichtige Einstellungen für reduzierte Bewegung. Behalte das vorhandene Projekt-Framework und seine Abhängigkeiten bei; ersetze den Stack nicht stillschweigend. Gib die bearbeitbaren Dateien zurück und erläutere unvollständiges Verhalten oder nicht unterstützte Eingaben. Prüfe diese konkrete Aufgabe, bevor du zusätzliche Funktionen vorschlägst.
Belasse den exakten Text und erforderliche Nennungen als Live-Text. Frage nach den vorgesehenen Abmessungen, wenn sie fehlen. Erfinde keinen funktionsfähigen QR-Code, Barcode, keine Signatur und kein offizielles Siegel.
Referenzanhang und Rekonstruktionsziel
Füge reference.webp aus dem Download-Paket dieses Prompts zusammen mit diesem Prompt in OpenDesign ein. Erstelle ein bearbeitbares Ergebnis mit ähnlicher Komposition und Hierarchie; binde nicht das gesamte Referenzbild als fertige Benutzeroberfläche ein. Bewahre freigegebene Projektinhalte und Markenregeln, wenn sie fiktiven Beispielbeschriftungen widersprechen. Falls das Bild fehlt oder unleserlich ist, frage danach, anstatt visuelle Übereinstimmung zu behaupten.
Komposition und Inhalt der Referenz
Verwende die angehängte Datei reference.webp als visuelle Referenz für die Markenmuster-Studie. Ermittle vor der Umsetzung die Hauptbereiche von oben nach unten, ihre relativen Breiten und Höhen, Ausrichtung, Abstände, typografische Hierarchie, Flächenfarben, Rahmen, Bildsprache und wiederkehrenden Komponenten. Bewahre diese Beziehungen, statt sie durch eine generische Vorlage zu ersetzen. Erforderlicher Aufgabeninhalt: Entwickle ein sich wiederholendes geometrisches Motiv, das aus den bereitgestellten Markenformen und Farbrollen abgeleitet ist. Nutze bei der Übertragung des Bildes in bearbeitbare Elemente die folgenden aufgabenspezifischen Layoutvorgaben: Entwickle einen Rapport mit bewusstem Rhythmus und teste ihn in mehreren Größen. Bei der Anwendung auf Verpackungen oder Hintergründen muss sich das Muster Texten und funktionalen Zeichen unterordnen.
Visuelle Ausrichtung aus den beispielhaften Projektanforderungen
warmes Elfenbein, ausdrucksstarke schwarze Typografie und ein lebendiger Korallakzent; ein eigenständiges geometrisches Bildmotiv.
Ausgabe und Bearbeitbarkeit
Rekonstruiere die fertige Grafik als bearbeitbare Text-, Form- und Bildebenen. Die Referenz ist eine Komposition, keine Editor-Oberfläche; füge keine Navigation, Formulare oder Dashboard-Widgets hinzu, die darin nicht vorhanden sind. Entwickle einen Rapport mit bewusstem Rhythmus und teste ihn in mehreren Größen. Bei der Anwendung auf Verpackungen oder Hintergründen muss sich das Muster Texten und funktionalen Zeichen unterordnen. Bestätige die vorgesehenen Abmessungen und bewahre beim Anpassen der Gestaltung die Texthierarchie. Halte das Motiv skalierbar und verwandle ein Referenzlogo nicht in ein nicht genehmigtes Muster.
Visueller Vergleich und Übergabe
- Vergleiche das Ergebnis bei übereinstimmenden Proportionen mit dem angehängten Bild. Prüfe vor der Ausarbeitung dekorativer Details die Platzierung der Hauptbereiche, relative Bildgrößen, Zeilenumbrüche, Abstände, typografische Hierarchie, Kontrast, aktive Zustände und Inhaltsdichte.
- Teste anschließend das schmale Layout, ohne Desktoptexte in winzige Beschriftungen zu zwängen.
- Halte Logos, Fotos und Symbole als separate Assets und alle aussagekräftigen Beschriftungen bearbeitbar. Führe nicht verfügbare Schriftarten und Assets sowie beabsichtigte Abweichungen auf. Gib die funktionsfähigen Dateien zusammen mit einer knappen Beschreibung des implementierten Verhaltens und der noch ausstehenden Integrationen zurück; versprich nicht allein auf Grundlage des Prompts ein pixelgenaues Ergebnis.
Design-Prompt + Bild herunterladen
Enthält den vollständigen Design-Prompt und das Referenzbild in voller Größe. Füge beides in OpenDesign hinzu, um das Layout zu steuern.
So verfasst du einen Design-Prompt für eine Markenmuster-Studie
Nutze diesen Design-Prompt für eine Markenmuster-Studie, um ein sich wiederholendes geometrisches Motiv zu entwickeln, das aus den bereitgestellten Markenformen und Farbrollen abgeleitet ist.
Die Referenz ist ein KI-generiertes Konzept. Die folgenden Anweisungen beschreiben, was erstellt und getestet werden soll; das Bild belegt kein funktionsfähiges Verhalten.
Definiere den Rapport, nicht nur das Motiv
Ein Markenmuster muss über die Kachelgrenzen hinweg funktionieren.
Eine überzeugende Einzelform kann beim Wiederholen über eine größere Fläche Lücken, Nähte oder unbeabsichtigte Symbole erzeugen. Entwickle einen Rapport mit bewusstem Rhythmus und teste ihn in mehreren Größen. Bei der Anwendung auf Verpackungen oder Hintergründen muss sich das Muster Texten und funktionalen Zeichen unterordnen.
Aus dem Prompt
Entwickle einen Rapport mit bewusstem Rhythmus und teste ihn in mehreren Größen.
An dein Projekt anpassen
Leite ein Motiv aus [APPROVED_GEOMETRY] ab. Lege Kachelgröße, Wiederholungsrichtung, Abstände sowie die Farbrollen für Vorder- und Hintergrund fest; zeige sowohl die Kachel als auch ein Beispiel aus mehreren Kacheln.
Inhalte für die Markenmuster-Studie vorbereiten
Unterhalb der Überschrift erscheinen vier einzelne Grundformen: Kreis, Halbkreis, Viertelkreis und Stern. Lege ihre Proportionen und zulässigen Farben als wiederverwendbare, bearbeitbare Formen fest.
Wähle Ausgangsformen, freigegebene Farben, Wiederholungsverhalten und vorgesehene Anwendungen. Lege fest, ob Logoelemente überhaupt im Muster verwendet werden dürfen.
Aus dem Prompt
Entwickle ein sich wiederholendes geometrisches Motiv, das aus vorgegebenen Markenformen und Farbrollen abgeleitet ist.
An dein Projekt anpassen
Verwende für [PROJECT] [APPROVED_CONTENT] als Grundlage dieser Markenmuster-Studie. Wähle Ausgangsformen, genehmigte Farben, Wiederholungsverhalten und vorgesehene Anwendungen. Lege fest, ob Logoelemente überhaupt im Muster verwendet werden dürfen. Ermittle fehlende Vorgaben, bevor du sie durch Demonstrationsinhalte ersetzt.
Prüfe die Nähte
Die rechte Hälfte kombiniert die Grundformen zu einem dichten, korallfarben-schwarzen Wiederholungsmuster. Prüfe Kachelränder, Abstände und die Lesbarkeit in kleiner Größe, anstatt das gesamte Bild als Textur zu verwenden.
Wiederhole die Kachel in beide Richtungen und in kleiner Größe. Überarbeite Übergänge oder Abstände, wenn Kanten sichtbar werden; verzerre das Logo nicht, damit der Rapport funktioniert. Prüfe Rapportnähte und Bereiche mit hoher Dichte. Verzerre oder fragmentiere ein Referenzlogo nicht ohne Erlaubnis zu einem Motiv und teste die Lesbarkeit, wenn das Muster hinter Inhalten liegt.
Aus dem Prompt
Halte das Motiv skalierbar und vermeide es, ein Referenzlogo in ein nicht freigegebenes Muster umzuwandeln.
An dein Projekt anpassen
Prüfe die Markenmuster-Studie anhand dieser Anforderung: Halte das Motiv skalierbar und verwandle ein Referenzlogo nicht in ein nicht genehmigtes Muster. Prüfe Rapportnähte und Bereiche mit hoher Dichte. Verzerre oder fragmentiere ein Referenzlogo nicht ohne Erlaubnis zu einem Motiv und teste die Lesbarkeit, wenn das Muster hinter Inhalten liegt. Bewahre genehmigte Inhalte und überarbeite nur die Teile, die diese Prüfung nicht bestehen.
Ergebnis deiner Markenmuster-Studie prüfen
Ein visuelles Konzept ist keine druckfertige oder von einer Plattform freigegebene Datei. Prüfe den exakten Text, die Abmessungen, das Farbmanagement, die Schriftarten, die Nutzungsrechte an Assets und die endgültige Platzierung.
- Prüfe Rapportnähte und Bereiche mit hoher Dichte. Verzerre oder fragmentiere ein Referenzlogo nicht ohne Erlaubnis zu einem Motiv und teste die Lesbarkeit, wenn das Muster hinter Inhalten liegt.
Anschluss-Prompt
Verwende dies nach dem ersten Ergebnis. Dadurch wird die Überarbeitung auf den wichtigsten Teil dieser Aufgabe eingegrenzt.
Überarbeite die aktuelle Markenmuster-Studie. Prüfe die Übergänge der Wiederholung und Bereiche mit hoher Dichte. Vermeide es, ein Referenzlogo ohne Genehmigung zu verzerren oder in ein Motiv zu zerlegen, und teste die Lesbarkeit, wenn das Muster hinter Inhalten liegt. Bewahre die freigegebenen Inhalte und die visuelle Richtung; ändere nur die Teile, die zur Behebung dieser Probleme erforderlich sind.
