OpenDesign Showcase:
KI-Designbeispiele

So erstellst du KI-Designbeispiele in OpenDesign

1. OpenDesign herunterladen und installieren

   Lade die Desktop-App für macOS oder Windows herunter, installiere sie und schließe die Einrichtung ab. Verbinde den Modellanbieter, den du bereits nutzt. OpenDesign läuft auf deinem Rechner mit deinen eigenen Schlüsseln.

   Herunterladen

2. Mit einem Designbeispiel beginnen, das deiner Idee nahekommt

   Filtere die Designbeispiele oben nach Ausgabetyp und öffne eines, das deinem Vorhaben ähnelt. Lies das Briefing, das verwendete Modell und die erläuterten Layoutentscheidungen. Notiere, was du beibehalten und was du ändern würdest.

3. Briefing verfassen, bevor du nach einem Entwurf fragst

   Nenne den Ausgabetyp, die Bildschirme oder Abschnitte, Beispielinhalte und die eine wichtige Interaktion. Gib an, welche Informationen echt und welche Platzhalter sind, damit das Design keine Fakten erfindet.

   Prompt-VorschlagPrompt kopieren

   Erstelle ein Website-Design für eine fiktive Bäckerei im Viertel. Füge einen Hero-Bereich mit dem heutigen Backangebot, eine nach Vormittag und Nachmittag gegliederte Speisekarte, Öffnungszeiten und ein Vorbestellformular mit klar beschrifteten Platzhalterfeldern hinzu. Halte die Navigation wörtlich, setze jede Überschrift als echten Text um und erstelle ein gut lesbares mobiles Layout.

4. Modell auswählen oder zwei vergleichen

   Wähle das Modell, dem du bei Layout und Text vertraust. Um zu sehen, wie zwei Modelle dasselbe Briefing umsetzen, gib es ein in LLM Arena zuerst, wie es die Arena-Designbeispiele auf dieser Seite getan haben.

5. Einen Abschnitt verfeinern, bevor du die ganze Seite bearbeitest

   Bitte Änderungen Abschnitt für Abschnitt an: Hierarchie, Abstände, Zustände und Texte. Prüfe das mobile Layout und einen Zustand mit reduzierter Bewegung, bevor du einen Effekt auf der ganzen Seite einsetzt.

6. Exportieren und Freigabelink erstellen

   Exportiere das fertige Design als HTML und klicke dann in OpenDesign auf „Teilen“, um einen Link zu erhalten. Öffne ihn in einem separaten Browserfenster und prüfe, ob die gewünschte Version samt Assets geladen wird, bevor du ihn verschickst.