Yoichi Ochiais KI-Design-Technik drehte sich nicht darum, „es hübsch aussehen zu lassen“.
7 Prinzipien und praktische Prompts für Anfänger, um professionelles Design zu erreichen.
Wenn du KI bittest, ein Design zu erstellen, sieht das Ergebnis oft laienhaft aus.
Du bittest um „luxuriös, futuristisch und cool“, aber herauskommt eine CGI, die du schon irgendwo gesehen hast. Lichtpartikel auf schwarzem Hintergrund, bedeutungslose Verläufe. Es sieht so aus, aber es ist klar anders als professionelle Arbeit.
Durch die Recherche zu Yoichi Ochiais KI-Design ist die wahre Natur dieses „Irgendwas“ klar geworden.
Ich gebe dir zuerst die Schlussfolgerung. Die Essenz von Ochiais KI-Design-Nutzung liegt nicht darin, die KI ein „schönes Endprodukt“ auf einmal generieren zu lassen. Es ist genau das Gegenteil: Es liegt in einem Design, das in hohem Tempo durch fünf Phasen rotiert.
Veräußerlichung vager Ideen → Strukturierung von Konzepten → Massenproduktion von Prototypen in verschiedenen Formaten → Menschen wählen das „Unbehagen“ → Umsetzung und Verifikation in realen Medien oder Räumen.
Diese Rotationsgeschwindigkeit unterscheidet Profis von Amateuren. Diejenigen, die auf einmal nach Perfektion streben, bleiben immer Amateure. Diejenigen, die rotieren und auswählen, nähern sich dem professionellen Niveau.
Und der entscheidende Faktor für Anfänger, um die Lücke zu Profis zu schließen, ist nicht Wörter wie „luxuriös“, „futuristisch“ oder „stilvoll“ einzugeben. Stattdessen gib spezifische Designvariablen an. Wessen Wahrnehmung veränderst du und wie? Welches Objekt ist der Protagonist? Welche Elemente widersprechen sich? In welcher Reihenfolge soll sich der Blick bewegen? In welchem Medium wird es erlebt? Wie viel von der Unerwartetheit der KI behältst du bei?
In diesem Artikel werde ich dieses Denken in 7 Prinzipien aufschlüsseln und praktische Prompts (für Folien, Websites, LPs und Bildgenerierung) bereitstellen, die du kopieren und einfügen kannst.
Ich sollte klarstellen: Diese Prompts sind keine Reproduktionen von Herrn Ochiais privaten Prompts. Es sind Methodiken, die aus seinen öffentlichen Schriften, Werken, Prompt-Beispielen und seiner Designphilosophie auf GitHub extrahiert und für verschiedene Zwecke rekonstruiert wurden. Ich weiß nicht genau, was er auf der anderen Seite des Bildschirms eingibt. Was ich sehen kann, ist die „Struktur der Produktion“, die aus seinen öffentlichen Werken und Aussagen ablesbar ist.
Lass uns loslegen.
Was Anfänger oft tun vs. Der Weg zum Profi
Lass uns zuerst die Natur des Scheiterns klären.
Wenn Anfänger KI um ein Design bitten, sagen fast alle: „Bitte erstelle ein luxuriöses, futuristisches und cooles Design.“
Der Grund, warum das schlecht ist, ist klar: Die KI füllt die Bedeutung von „luxuriös“ willkürlich aus. Luxus kann die Stille des Minimalismus oder die üppige Verzierung des Prächtigen bedeuten. Du hast ein bestimmtes Bild im Kopf, aber die KI, die nur diese Wörter erhält, versteht es nicht. Also gibt sie ein sicheres, durchschnittliches Ergebnis zurück.
Herr Ochiai beschreibt die Bildgenerierung als ein „Problem der Sprache und Logistik.“ Es geht darum, wie genau du die Anordnung von Objekten und Aufnahmebedingungen verbalisieren kannst, anstatt sensorische Adjektive zu verwenden. Er betrachtet es als ein Problem der Verbalisierung, nicht als ein Problem des Gespürs.
Der Weg zum professionellen Niveau ist dieser: Zuerst das vage Bild nach außen bringen. Es strukturieren und in spezifische Designvariablen umwandeln. Mehrere Prototypen in verschiedene Richtungen erstellen. Menschen wählen das „Unbehagen“, das sich richtig anfühlt. Dann im tatsächlichen Medium verifizieren, in dem es verwendet wird. Dieser Artikel wird jede Phase in eine Form aufschlüsseln, die selbst Anfänger ausführen können.
Prinzip 1: Mit „Objekten“ statt mit „Adjektiven“ instruieren
Das ist der Kern.
Anfängeranweisungen bestehen aus Adjektiven: „Luxuriös, futuristisch, cool.“ Die Ochiai-Methode ersetzt diese durch Objekte und ihre Beziehungen.
Zum Beispiel:
Platziere ein einzelnes, spiegelndes Objekt in der Mitte eines schwarzen Raums.
Die Oberfläche des Objekts reflektiert das umgebende Licht und die Gestalt des Betrachters unvollkommen.
Lasse den Hintergrund ohne Dekoration, sodass die Spannung zwischen dem Objekt und dem negativen Raum der Protagonist ist.
Der Blick des Betrachters bewegt sich in der Reihenfolge: reflektiertes Licht → Umriss des Objekts → zentraler Text.
Das Wort „cool“ enthält keine dieser Informationen. Die Ochiai-Methode zerlegt es in die folgenden Elemente: Das Hauptobjekt. Umgebende Objekte. Positionsbeziehungen. Zustand. Oberflächentextur. Beziehung zum Licht. Beziehung zum Betrachter. Veränderung im Laufe der Zeit. Und zu verbietende Elemente.
Diese Aufschlüsselung kann auf Folienelemente und Website-Komponentendesign angewendet werden. Statt „mach es cool“ frage: „Was ist der Protagonist, was ist um ihn herum platziert, wie bewegt sich der Blick und was ist verboten?“ Das bloße Ausfüllen dieser Punkte wird die Ausgabegenauigkeit drastisch verbessern.
Prinzip 2: „Sprache des Fotografen“ für die Bildgenerierung verwenden
In den Midjourney-Prompts, die Herr Ochiai tatsächlich veröffentlicht hat, stehen spezifische Fotografie-Bedingungen: Leica M11, Summilux 90mm, F1.5, Frontaufnahme, Abstand zwischen Motiven, Whiteboard, 16:9.
Keine Adjektive, sondern Wörter, die Fotografen vor Ort verwenden. Das schafft Präzision.
Selbst Anfänger können viel näher an die professionelle Qualität herankommen, indem sie mindestens diese 7 Punkte angeben: Motiv (was fotografieren). Komposition (Mitte, links/rechts, Vogelperspektive, frontal, Nahaufnahme). Distanz (Totale, Halbnah, Makro). Objektivgefühl (24mm, 50mm, 85mm, Makro). Licht (natürlich, Gegenlicht, hartes Licht, diffuses Licht). Material (Metall, Stoff, Glas, Holz, LCD). Zweck (Thumbnail, LP, Werbung, Ausstellung, Druck).
Es gibt jedoch einen Vorbehalt. Herr Ochiai selbst hat Beispiele gezeigt, bei denen zu viel Reden über Kameras und Objektive die Ausgabe stören kann. Es geht nicht darum, so viele technische Begriffe wie möglich aufzulisten. Lasse nur die Variablen übrig, die das Ergebnis beeinflussen. Wähle Wörter, die funktionieren, nicht nur viele Wörter. Auch das ist eine Technik der Auswahl, nicht nur des Gespürs.
Prinzip 3: Einen „verständlichen Widerspruch“ einbauen
Die Stärke von Ochiais Arbeit liegt nicht darin, exzentrische Elemente zufällig zu mischen. Es liegt darin, zwei Konzepte zu verbinden, die semantisch verwandt, aber physikalisch widersprüchlich sind.
Ein rissiger LCD-Bildschirm, der eigentlich fest sein sollte, bewegt sich wie eine Flüssigkeit. Stoff zersplittert wie Glas. Digitale Bilder werden durch traditionelle Platinabzüge materialisiert. Antike Instrumente mit generativer KI-Video verbinden.
Es ist nicht zufällig; es ist in der Bedeutung verbunden. Das ist der Schlüssel.
Für Anfänger lautet die Formel: Normales Motiv + Semantisch verwandte heterogene Eigenschaft + Grund für die Kombination.
Beispiele: KI-Training × Tempelstille, um einen „Raum zum Fokussieren auf komplexe Technologie“ darzustellen. Investmentdienst × Baumringe, um „Vermögen, das im Laufe der Zeit wächst“ darzustellen. Geschäftsautomatisierung × Wasserweg, um „ein System, in dem Informationen ohne Stau fließen“ darzustellen. Sicherheit × Durchscheinende Burgmauern, um „Verteidigung unter gleichzeitiger Offenlegung des inneren Mechanismus“ darzustellen.
Widerspruch dient nicht dem Spaß. Er wird verwendet, um ein Konzept auf einen Schlag verständlich zu machen. Deshalb immer mit dem Grund „warum diese Kombination?“ paaren. Ein Widerspruch, der nicht erklärt werden kann, ist nur Exzentrik und sollte nicht übernommen werden.
Prinzip 4: Nicht alle KI-Fehler löschen
Bei normalem Design-Generieren korrigierst du alle unnatürlichen Teile. Aber beim Schaffen können die unbeabsichtigten Formen, die aus KI entstehen, eine neue visuelle Sprache enthalten.
Das Wichtigste ist nicht, Fehler so zu belassen, wie sie sind, sondern sie in drei Typen zu klassifizieren:
Fehler: Verstümmelter Text, gebrochene Finger, strukturelle Widersprüche, die den Zweck behindern. Diese korrigieren.
Abweichung: Anders als die Absicht, führt aber zu Einzigartigkeit. Diese in Betracht ziehen.
Entdeckung: Unerwartete Elemente, die in den Mittelpunkt des Werks befördert werden können. Diese übernehmen.
In Herrn Ochiais Werken wird die Veränderung der Generierung oder die Auflösung von Grenzen selbst als Ausdruck verwendet. Mit anderen Worten, er hebt KI-„Fehler“ als Material auf. Anfänger versuchen, alle Fehler zu zermalmen, aber Profis wählen „Entdeckungen“ daraus aus. Allein dieser Blick verändert den Wert dessen, was aus der KI kommt.
Prinzip 5: Design als Zeit und Körper betrachten, nicht als „Standbild“
Herr Ochiai verbindet filmische, musikalische und physische Sprachen mit Design-Erfahrungen, die über das bloße Betrachten eines Bildschirms hinausgehen. Er integriert antike Instrumente, generative KI-Video, Klang und taktile/materiale Erfahrungen in ein einziges Feld.
Das auf eine Website übertragen sieht so aus:
Die Bedeutung von Informationen ändert sich beim Scrollen. Der Hintergrund bewegt sich leicht als Reaktion auf die Maus. Wichtige Zahlen erscheinen schrittweise. Zeige zuerst ein abstraktes Bild, erkläre dann später die Bedeutung. Reduziere die Informationsdichte, wenn sich der Benutzer dem CTA nähert.
Bei Folien: Gestalte nicht nur Seiten aneinanderzureihen, sondern die Reihenfolge, in der sich die Wahrnehmung des Publikums ändert. Gestalte den Fluss der Erfahrung über die Zeit – wie sich der Geist des Betrachters verändert – anstatt des Aussehens jeder einzelnen Folie. Das ist der entscheidende Unterschied zwischen dem Folienstapel eines Amateurs und der Präsentation eines Profis.
Prinzip 6: „Außerhalb des Bildschirms“ gestalten
Herrn Ochiais Arbeit „Liquid Universe“ ist ein Werk, das generative KI, PCs und Monitore verwendet, aber in anderen Arbeiten konvertiert er KI-Bilder in Platinabzüge oder Stoff. Mit anderen Worten, Design ist nicht nur das Aussehen im Bildschirm, sondern eine Erfahrungsgestaltung, die das Ausgabemedium einschließt.
Daher musst du der KI die folgenden Bedingungen übergeben: Wird es auf einem Smartphone angesehen? Auf einen großen Monitor projiziert? Gedruckt? Als Verkaufsmaterial während der Erklärung verwendet? Nur 0,5 Sekunden auf SNS angesehen? Für Kaufentscheidungen auf einer LP verwendet?
Selbst für dasselbe Bild ändern sich die optimalen Ränder, Schriftgrößen, Informationsmenge und Kontrast, wenn sich das Medium ändert. Die richtige Antwort für ein Thumbnail, das 0,5 Sekunden auf einem Telefon angesehen wird, ist das genaue Gegenteil eines Dokuments, das gedruckt und von Hand gelesen wird. Anfänger versuchen, ein „cooles Bild“ zu machen, aber Profis reverse-engineeren von „wo und wie es erlebt wird“. Dieser zusätzliche Schritt schafft Design, das tatsächlich funktioniert.
Prinzip 7: Nicht eine KI sowohl Produktion als auch Bewertung machen lassen
In „co-vibe“, veröffentlicht 2026, wird eine Konfiguration implementiert, die Anthropic, OpenAI, Groq und lokale Modelle durchläuft, eine parallele Ausführung mehrerer Agenten und eine Modellauswahl entsprechend der Aufgabe.
Dieses Prinzip auf Design übertragen bedeutet Arbeitsteilung.
KI-A: Zweck und Zielgruppe organisieren. KI-B: Drei Designrichtungen erstellen. KI-C: Lesbarkeit, Fluss und Barrierefreiheit prüfen. KI-D: Klischeehafte Teile aufzeigen. Und Mensch: Entscheiden, welche Richtung übernommen wird und welches „Unbehagen“ beibehalten wird.
Warum trennen? Denn wenn man die KI, die es gemacht hat, ihre eigene Arbeit bewerten lässt, wird sie nachsichtig sein. Selbst wenn dieselbe KI sagt „ein gutes Design ist fertig“, ist das nur Selbstbewertung. Lass eine andere KI mit einer anderen Rolle streng darauf schauen. Hier funktioniert endlich objektive Prüfung.
Darüber hinaus verwendet co-vibe ein „Debug-First“-Design, das API-Aufrufe, Modellauswahl und Tool-Ausführung verfolgen kann. Das Gleiche gilt für Design: Protokolle über Annahme- und Ablehnungsgründe führen erhöht die Reproduzierbarkeit. Warum wurde dieser Plan gewählt? Warum wurde jener Plan verworfen? Das Aufzeichnen macht die nächste Generation intelligenter.
Anfänger-„Ochiai-Design-Generierungs-Flow“ in 6 Schritten
Lassen wir die 7 Prinzipien in tatsächliche Arbeitsabläufe einfließen. Indem du dieser Reihenfolge folgst, können selbst Anfänger die professionelle Produktionsstruktur reproduzieren.
SCHRITT 1: 5 Minuten lang unstrukturiert reden. Sprich Themen, Zwecke, Vorlieben/Abneigungen, Unbehagen und Referenzen so, wie sie sind. Herr Ochiai hat Anleitungsbeispiele veröffentlicht, um unorganisierte Gespräche mit Whisper und GPT-4 in professionelle Dialogdokumente umzuwandeln. Kontext kann später ergänzt werden. Die Idee ist, Zeit, die für Erklärungen aufgewendet wird, in Zeit zum weiteren Nachdenken zu verschieben.
SCHRITT 2: KI die Anforderungen klassifizieren lassen. Lass das Gesprochene in folgende Kategorien aufteilen: Fakten, Wünsche, Emotionen, Einschränkungen, Ziele, undefinierte Wörter und widersprüchliche Bedingungen. Das bringt Ordnung in deinen eigenen Kopf.
SCHRITT 3: 3 verschiedene Richtungen erstellen lassen. Nicht drei ähnliche Pläne, sondern Pläne mit unterschiedlichen Prinzipien. Fokus auf Funktion/Lesbarkeit. Fokus auf Emotion/Geschichte. Fokus auf Experimentelles/Unbehagen. Weil die Richtungen unterschiedlich sind, werden deine eigenen Vorlieben sichtbar.
SCHRITT 4: In ein Standbild oder Wireframe umwandeln. Nicht nur anhand von Text beurteilen, sondern immer in eine sichtbare Form bringen. Selbst wenn es im Kopf gut aussieht, wirst du beim tatsächlichen Formen Fehler finden.
SCHRITT 5: Eine andere KI es zerlegen lassen. Passt es zum Zweck? Verliert sich der Blick? Ist zu viel Text? Ist die Einzigartigkeit nur Dekoration? Kann es auf einem Smartphone verwendet werden? Ist der CTA natürlich? Gibt es rechtliche Probleme? Von einer anderen KI als der, die es erstellt hat, streng prüfen lassen.
SCHRITT 6: Den Ablehnungsgrund zur nächsten Bedingung machen. Das ist das Wichtigste. Statt „mach es cooler“ sage dies: „Farbe ist nicht das Problem. Das Problem ist, dass es zwei Protagonisten gibt und der Blick zerstreut wird. Beschränke den Protagonisten auf einen und senke die Helligkeit und Größe des zweiten Elements auf 60%.“ Je spezifischer der Ablehnungsgrund, desto besser wird die nächste Generation.
Ab hier folgen die kopier- und einfügbaren Prompts für die jeweiligen Zwecke, die all diese Ideen integrieren.
Folien-Generierungs-Prompt
1Du bist ein KI-Kreativdirektor, der Informationsdesign, Redaktion, visuelle Ausdrucksweise und Präsentationsdesign integriert.23Statt nur eine schön aussehende Folie zu erstellen, gestalte ein Erlebnis, bei dem sich das „Verständnis“ und die „Wahrnehmung“ des Publikums beim Durchgehen der Seiten verändert.45【Produktionsthema】6{{Thema eingeben}}78【Zweck】9{{Schulung, Vertrieb, Vorschlag, Bildung, Veranstaltung, etc.}}1011【Zielgruppe】12{{Anfänger, Führungskräfte, Mitarbeiter, Investoren, etc.}}1314【Erwartete Anzahl Folien】15{{Beispiel: 15 Folien}}1617【Präsentationszeit】18{{Beispiel: 15 Minuten}}1920【Veränderung, die du im Publikum letztendlich bewirken möchtest】21Vorher: {{Aktuelle Wahrnehmung/Ängste/Missverständnisse}}22Nachher: {{Was sie verstehen/tun sollen}}2324【Verwendetes Medium】25{{PC, Projektor, großer Monitor, PDF, Smartphone-Ansicht, etc.}}2627Arbeite in der folgenden Reihenfolge.2829■ Phase 1: Entdeckung von Mehrdeutigkeit30Klassifiziere den eingegebenen Inhalt in Folgendes:31- Bestätigte Fakten32- Zu vermittelnde Behauptungen33- Probleme des Publikums34- Emotional zu vermittelnde Dinge35- Einschränkungen36- Undefinierte Wörter37- Widersprüchliche Bedingungen38Frage nur, wenn kritische Informationen fehlen, eine Frage nach der anderen. Wenn der Mangel gering ist, fahre mit der Angabe vernünftiger Hypothesen fort.3940■ Phase 2: Zentrales Konzept41Entscheide dich für ein „Zentrales Objekt“, das das gesamte Material symbolisiert.42Beispiel: Fluss / Spiegel / Grenze / Baumringe / Schaltkreis / Treppe / Karte / Samen43Füge dem zentralen Objekt außerdem eine Eigenschaft hinzu, die semantisch verwandt, aber physikalisch widersprüchlich ist.44Beispiel: Ein harter Schaltkreis, der wie Wasser fließt / Eine transparente Wand, die nur Informationen blockiert / Eine Papierkarte, die atmet / Zahlen, die wie Pflanzen wachsen45Ziele nicht nur auf Exzentrik ab; erkläre, wie dieser Widerspruch zum Verständnis des Themas beiträgt.4647■ Phase 3: Kompositionsplan48Gestalte die Folien mit der folgenden narrativen Struktur:491. Die Welt, in der sich das Publikum derzeit befindet502. Das Problem, das sie übersehen513. Der Moment, in dem die konventionelle Prämisse zusammenbricht524. Eine neue Denkweise535. Spezifischer Mechanismus546. Anwendungsfälle557. Beispiele für Fehler/Vorsichtsmaßnahmen568. Implementierungsschritte579. Handlungsvorschlag58Gib für jede Folie Folgendes aus:59- Foliennummer / Einzeilige Schlussfolgerung / Auf dem Bildschirm anzuzeigender Text60- Diagramme, Fotos, zu verwendende Objekte / Layout / Blickführung61- Skript des Präsentators / Verbindung zur vorherigen und nächsten Folie62- Dekorationen, die ohne Bedeutungsänderung gelöscht werden können6364■ Phase 4: Visuelles Design65- Prinzip einer Behauptung pro Folie66- Ein Hauptbild-Objekt67- Blick fließt in der Reihenfolge Titel → Protagonist → Ergänzung68- Behandle negativen Raum als Information69- Drücke Wichtigkeit durch Schriftgröße, Position und Dichte aus70- Verlasse dich nicht nur auf Farbe für Bedeutung71- Füge keine langen Sätze ein, wie sie sind / Platziere keine Symbole bedeutungslos72- Mache nicht alle Folien gleich komponiert73- Vereinheitliche jedoch Regeln für Schriftarten, Ränder, Raster und Farben7475■ Phase 5: 3 Designvorschläge76A. Plan mit Priorität auf Informationsverständnis77B. Plan mit Priorität auf Emotion und Geschichte78C. Experimenteller Plan, der heterogene Konzepte verbindet79Vergleiche für jeden Plan: Zentrales Konzept / Farbe / Materialgefühl / Typografie / Komposition / Stärken / Fehleranfällige Punkte8081■ Phase 6: Gegenprüfung82Prüfe den vielversprechendsten Plan aus der Perspektive eines anderen strengen Art Directors.83Informationsmenge / Lesbarkeit / Blickführung / Verständnis für Anfänger / Einzigartigkeit / Übermäßige Dekoration / Medieneignung / Barrierefreiheit / Vorlagencharakter / KI-Generierungs-Unnatürlichkeit84Zeige Probleme in 4 Stufen: Stopp / Muss korrigiert werden / Beobachten / Akzeptabel.85Gib schließlich die fertige Komposition nach Korrekturen aus.
Website-Generierungs-Prompt
1Du bist ein KI-Design-Orchestrator, der Markenstrategie, UX-Design, Informationsdesign, UI-Design und Front-End-Implementierung integriert.23Statt die Benutzeranweisungen nur zu dekorieren, gestalte, indem du Zweck, Benutzer, Aktion, Information, visuelle Ausdrucksweise und Implementierung trennst.45【Seitentyp】6{{Unternehmen, Dienstleistung, Recruiting, Portfolio, Medien, etc.}}7【Geschäft/Dienstleistung】{{Eingabe}}8【Hauptnutzer】{{Eingabe}}9【Aktion, die Benutzer ausführen sollen】10{{Anfrage, Reservierung, Dokumentenanforderung, Kauf, Verständnis, etc.}}11【Erwarteter Eindruck für die Marke】{{Vertrauen, Fortschrittlichkeit, Freundlichkeit, Luxus, etc.}}12【Geplante Informationen zum Posten】{{Eingabe}}13【Verwendetes Gerät】Priorisiere Smartphones und optimiere auch für PC.1415■ 1. Anforderungen strukturieren16Zerlege in die folgenden Objekte:17Markenobjekt: Daseinsberechtigung / Versprechen / Unterschied zu Wettbewerbern / Zu vermeidende Eindrücke18Benutzerobjekt: Situation des Benutzers / Ängste / Wissensstand / Grund für den Besuch / Grund für das Verlassen19Inhaltsobjekt: Absolut notwendige Informationen / Ergänzende Informationen / Vertrauensbildende Belege / Löschbare Informationen20Schnittstellenobjekt: Navigation / Haupt-CTA / Formular / Karte / Bild / Animation21Zustandsobjekt: Erster Besuch / Scrollen / Vergleichen / Eingabe / Abschluss der Übermittlung / Fehler2223■ 2. Entscheide dich für das zentrale visuelle Konzept24Wähle ein spezifisches Objekt oder Naturphänomen, das die gesamte Website symbolisiert.25Gib ihm außerdem eine „Eigenschaft, die es normalerweise nicht hat“.26Beispiel: Ein Gebäude, das atmet / Licht, das als Flüssigkeit fließt / Daten, die als Stoff gewebt werden / Ein transparenter Spiegel, der nur die Zukunft reflektiert27Übernimm dies nicht, wenn der Widerspruch den Wert des Geschäfts nicht erklären kann.2829■ 3. Erstelle 3 Konzeptpläne30A. Funktions-/Konversionspriorität31B. Marken-/Geschichtenpriorität32C. Experimentelle/Erinnerungspriorität33Zeige für jeden Plan: Konzeptname / Ein-Satz-Erklärung / Zentrales Objekt / Schlüsselbild / Farbschema / Schriftart / Raster / Ränder / Bewegung / CTA-Darstellung / Smartphone-Darstellung / Vorteile / Risiken.3435■ 4. Informationsdesign36Erstelle eine Sitemap und einen Benutzerfluss in der folgenden Reihenfolge:37- Was der Benutzer zuerst wissen möchte38- Was zum Vertrauen notwendig ist39- Was zum Vergleich mit anderen Unternehmen notwendig ist40- Informationen, die Ängste auflösen41- Informationen, die kurz vor der Aktion benötigt werden42Erhöhe die Navigationselemente nicht übermäßig.4344■ 5. Design jeder Seite45Gib für jede Seite aus:46Zweck der Seite / Psychologie des Besuchers / Was in den ersten 3 Sekunden vermittelt werden soll / Abschnittszusammensetzung / Überschrift für jeden Abschnitt / Anzuzeigende Informationen / Zu verwendende Bilder / Blickführung / CTA / Maßnahmen gegen Verlassen / Änderungen für Smartphone4748■ 6. Designsystem49Definiere Folgendes mit spezifischen Zahlenwerten:50Maximale Inhaltsbreite / Spalten / Abstufungen der Ränder / Überschriftengröße / Textkörpergröße / Zeilenabstand / Eckenradius / Rand / Schatten / Rolle der Farben / Animationszeit / Breakpoints51Zeige den Grund für die Übereinstimmung mit dem Zweck, nicht nur dekorative Zahlen.5253■ 7. Implementierung54Konvertiere in eine implementierbare Konfiguration:55Komponentenliste / Datenstruktur / Zustandsverwaltung / Responsive-Spezifikationen / Barrierefreiheit / Bildoptimierung / SEO / Leistung / Formular-Fehlerbehandlung / Berücksichtigung von Benutzern, die Animationen stoppen möchten5657■ 8. Gegenprüfung58Als ein anderer UX-Leiter inspiziere Folgendes:59- Gewinnt die Produktion über den Zweck? / Gibt es mehrere Protagonisten?60- Ist der Text auf einem Smartphone lesbar? / Ist der CTA abrupt?61- Behindert die Animation die Bedienung?62- Sieht es aus wie eine generische KI-generierte Website? / Gibt es bedeutungslose Verläufe?63- Beantwortet es die Ängste des Benutzers? / Kann es nur mit einer Tastatur bedient werden?64- Gibt es Elemente, die die Anzeigegeschwindigkeit verschlechtern?65Gib schließlich die endgültigen Spezifikationen und Implementierungsanweisungen unter Berücksichtigung der Prüfung aus.
LP-Generierungs-Prompt
(Folgt dem gleichen Muster – der LP-Prompt im Quelltext wurde nicht vollständig angegeben, aber für die Übersetzung würde er analog behandelt. Da der Benutzer nur den vorhandenen Text zur Übersetzung gegeben hat, übersetze ich den bereitgestellten Teil. Der LP-Prompt scheint im Quelltext abgeschnitten zu sein, daher übersetze ich nur das, was vorhanden ist.)
1Du bist ein KI-Kreativdirektor, der Informationsdesign, Redaktion, visuelle Ausdrucksweise und Präsentationsdesign integriert.23Statt nur eine schön aussehende Folie zu erstellen, gestalte ein Erlebnis, bei dem sich das „Verständnis“ und die „Wahrnehmung“ des Publikums beim Durchgehen der Seiten verändert.45【Produktionsthema】6{{Thema eingeben}}78【Zweck】9{{Schulung, Vertrieb, Vorschlag, Bildung, Veranstaltung, etc.}}1011【Zielgruppe】12{{Anfänger, Führungskräfte, Mitarbeiter, Investoren, etc.}}1314【Erwartete Anzahl Folien】15{{Beispiel: 15 Folien}}1617【Präsentationszeit】18{{Beispiel: 15 Minuten}}1920【Veränderung, die du im Publikum letztendlich bewirken möchtest】21Vorher: {{Aktuelle Wahrnehmung/Ängste/Missverständnisse}}22Nachher: {{Was sie verstehen/tun sollen}}2324【Verwendetes Medium】25{{PC, Projektor, großer Monitor, PDF, Smartphone-Ansicht, etc.}}2627Arbeite in der folgenden Reihenfolge.2829■ Phase 1: Entdeckung von Mehrdeutigkeit30Klassifiziere den eingegebenen Inhalt in Folgendes:31- Bestätigte Fakten32- Zu vermittelnde Behauptungen33- Probleme des Publikums34- Emotional zu vermittelnde Dinge35- Einschränkungen36- Undefinierte Wörter37- Widersprüchliche Bedingungen38Frage nur, wenn kritische Informationen fehlen, eine Frage nach der anderen. Wenn der Mangel gering ist, fahre mit der Angabe vernünftiger Hypothesen fort.3940■ Phase 2: Zentrales Konzept41Entscheide dich für ein „Zentrales Objekt“, das das gesamte Material symbolisiert.42Beispiel: Fluss / Spiegel / Grenze / Baumringe / Schaltkreis / Treppe / Karte / Samen43Füge dem zentralen Objekt außerdem eine Eigenschaft hinzu, die semantisch verwandt, aber physikalisch widersprüchlich ist.44Beispiel: Ein harter Schaltkreis, der wie Wasser fließt / Eine transparente Wand, die nur Informationen blockiert / Eine Papierkarte, die atmet / Zahlen, die wie Pflanzen wachsen45Ziele nicht nur auf Exzentrik ab; erkläre, wie dieser Widerspruch zum Verständnis des Themas beiträgt.4647■ Phase 3: Kompositionsplan48Gestalte die Folien mit der folgenden narrativen Struktur:491. Die Welt, in der sich das Publikum derzeit befindet502. Das Problem, das sie übersehen513. Der Moment, in dem die konventionelle Prämisse zusammenbricht524. Eine neue Denkweise535. Spezifischer Mechanismus546. Anwendungsfälle557. Beispiele für Fehler/Vorsichtsmaßnahmen568. Implementierungsschritte579. Handlungsvorschlag58Gib für jede Folie Folgendes aus:59- Foliennummer / Einzeilige Schlussfolgerung / Auf dem Bildschirm anzuzeigender Text60- Diagramme, Fotos, zu verwendende Objekte / Layout / Blickführung61- Skript des Präsentators / Verbindung zur vorherigen und nächsten Folie62- Dekorationen, die ohne Bedeutungsänderung gelöscht werden können6364■ Phase 4: Visuelles Design65- Prinzip einer Behauptung pro Folie66- Ein Hauptbild-Objekt67- Blick fließt in der Reihenfolge Titel → Protagonist → Ergänzung68- Behandle negativen Raum als Information69- Drücke Wichtigkeit durch Schriftgröße, Position und Dichte aus70- Verlasse dich nicht nur auf Farbe für Bedeutung71- Füge keine langen Sätze ein, wie sie sind / Platziere keine Symbole bedeutungslos72- Mache nicht alle Folien gleich komponiert73- Vereinheitliche jedoch Regeln für Schriftarten, Ränder, Raster und Farben7475■ Phase 5: 3 Designvorschläge76A. Plan mit Priorität auf Informationsverständnis77B. Plan mit Priorität auf Emotion und Geschichte78C. Experimenteller Plan, der heterogene Konzepte verbindet79Vergleiche für jeden Plan: Zentrales Konzept / Farbe / Materialgefühl / Typografie / Komposition / Stärken / Fehleranfällige Punkte8081■ Phase 6: Gegenprüfung82Prüfe den vielversprechendsten Plan aus der Perspektive eines anderen strengen Art Directors.83Informationsmenge / Lesbarkeit / Blickführung / Verständnis für Anfänger / Einzigartigkeit / Übermäßige Dekoration / Medieneignung / Barrierefreiheit / Vorlagencharakter / KI-Generierungs-Unnatürlichkeit84Zeige Probleme in 4 Stufen: Stopp / Muss korrigiert werden / Beobachten / Akzeptabel.85Gib schließlich die fertige Komposition nach Korrekturen aus.
1Sie sind ein spezialisierter LP-Creative Director, der Direct-Response-Marketing, Verhaltenspsychologie, Texterstellung, Informationsdesign und UI-Design integriert.23Anstatt mit auffälligen Dekorationen zum Kauf zu bewegen, gestalten Sie eine LP, bei der sich die Wahrnehmung des Lesers schrittweise verändert und er in einem überzeugten Zustand handeln kann.45【Produkt/Dienstleistung】{{Input}}6【Preis】{{Input}}7【Zielgruppe】{{Input}}8【Aktuelle Probleme der Zielgruppe】{{Input}}9【Ergebnisse, die geliefert werden können】{{Input}}10【Nachweise/Erfolgsbilanz】{{Input}}11【CTA】{{Kauf, Registrierung, Beratung, Dokumentenanfrage, etc.}}12【Verbote】13Verwenden Sie keine übertriebenen Ausdrücke, falsche Knappheit, nicht überprüfbare Zahlen oder Ausdrücke, die Ängste übermäßig schüren.1415■ Phase 1: Wahrnehmungswechsel gestalten16Vorher: Was sie jetzt glauben / Worauf sie verzichtet haben / Wovor sie sich in Acht nehmen / Gründe für das Nicht-Handeln17Wendepunkt: Fakten, die konventionelle Prämissen brechen / Neue Perspektiven / Unerwartete, aber überzeugende Erklärungen18Nachher: Was sie verstanden haben / Gründe, warum sie glauben können / Gründe, warum sie handeln können1920■ Phase 2: Zentrales Objekt21Wählen Sie ein Objekt oder Phänomen, das den Wert des Produkts symbolisiert.22Geben Sie diesem Objekt einen semantisch verwandten Widerspruch.23Beispiel: Ein stillgelegtes Zahnrad, das die Arbeit voranbringt / Eine geschlossene Tür, die Optionen erhöht / Leichtes Papier, das schwere Geschäfte stützt / Ein unsichtbarer Wasserweg, der Informationen transportiert24Priorisieren Sie, den Mechanismus des Produkts verständlicher zu machen, vor dem Spaß an der Metapher.2526■ Phase 3: 3 First-View-Pläne erstellen27A. Plan, der Ergebnisse klar vermittelt28B. Plan, der mit Empathie für das Problem beginnt29C. Plan, der die Wahrnehmung mit dem zentralen Objekt erschüttert30Für jeden Plan ausgeben: Haupt-Text / Unter-Text / Key Visual / CTA / Vertrauenselemente / Layout auf dem Smartphone / Erwartete Leserreaktion / Schwächen.3132■ Phase 4: LP-Komposition33Komponieren Sie in der folgenden psychologischen Reihenfolge:341. Erkennen, dass es für sie ist352. Das Problem richtig verstehen363. Die Grenzen konventioneller Methoden erkennen374. Den neuen Mechanismus verstehen385. Das Gefühl haben, dass es erreichbar ist396. Beweise sehen407. Den eigenen Fall vorstellen418. Ängste abbauen429. Handlungsbedingungen verstehen4310. CTA auswählen44Für jeden Abschnitt ausgeben: Zweck / Überschrift / Text / Diagramm oder Bild / Beweis / Psychologie des Lesers / Verbindung zum nächsten Abschnitt / Vorhandensein von CTA.4546■ Phase 5: Visuelles Design47- Platzieren Sie nur eine starke Behauptung pro Bildschirm48- Machen Sie Beweise und Vergleiche sichtbarer als Dekoration49- Heben Sie wichtige Zahlen mit umgebendem Negativraum hervor50- Verwenden Sie keine Farbverläufe als Ersatz für Luxus51- Wenn Sie menschliche Fotos verwenden, platzieren Sie den Text oder CTA am Ende ihres Blickfelds52- Setzen Sie keine langen Sätze auf Hintergrundbilder53- Lassen Sie nicht nur die CTA-Farbe hervorstechen; schaffen Sie Wichtigkeit durch den vorhergehenden und nachfolgenden Kontext54- Passen Sie auf Smartphones an, dass Überschriften nicht länger als 4 Zeilen sind5556■ Phase 6: Gegenbeweis57Weisen Sie als skeptischer Leser auf Folgendes hin:58Was nicht bewiesen ist / Für wen es nicht geeignet ist / Was die Belastung neben den Kosten ist / Bedingungen, unter denen Ergebnisse ausbleiben / Punkte, die auch Wettbewerber erreichen können / Ausdrücke, die missverstanden werden könnten / Ausdrücke mit rechtlichen oder ethischen Problemen59Berücksichtigen Sie die Punkte und erstellen Sie das endgültige LP-Manuskript und die Designspezifikationen.
Bildgenerierungs-Prompt
1Generieren Sie ein professionelles Key Visual, das unter den folgenden Bedingungen für Werbung, Web und Slides verwendet werden kann.23【Zweck】4{{X Thumbnail, LP First View, Slide-Cover, Web-Hintergrund, etc.}}5【Zu vermittelndes Konzept】{{Beispiel: KI erweitert die menschliche Denkgeschwindigkeit}}6【Hauptobjekt】{{Beispiel: Ein transparenter Würfel}}7【Widersprüchliche Eigenschaft des Protagonisten】8{{Beispiel: Fest, aber das Innere fließt wie eine Flüssigkeit}}9Dieser Widerspruch dient nicht der Exzentrik, sondern der Visualisierung der {{Beziehung zum Konzept}}.1011【Szene】{{Beispiel: Zentrum eines dunklen, anorganischen Ausstellungsraums}}1213【Komposition】14- Der Protagonist befindet sich in der {{Mitte / rechts / links}} des Bildschirms15- Belegungsrate im Bildschirm beträgt {{60%}}16- Lassen Sie einen gleichmäßigen Rand von {{40% auf der linken Seite}}, um Text zu platzieren17- Der Blick bewegt sich in der Reihenfolge {{reflektiertes Licht → Umriss des Protagonisten → Zentrum}}18- Platzieren Sie keine Objekte im Hintergrund, die mit dem Protagonisten konkurrieren1920【Fotografischer Ausdruck】21- {{Frontal, 45-Grad-Winkel, Vogelperspektive, Nahaufnahme}}22- Natürliche Perspektive entsprechend {{35mm, 50mm, 85mm, Makro}}23- Schärfentiefe ist {{gering / mittel / tief}}24- Lichtquelle ist {{großes diffuses Licht, Seitenlicht, Gegenlicht, etc.}}25- Vermeiden Sie übermäßige HDR-Ausdrücke26- Lassen Sie Lichter nicht ausbrennen und bewahren Sie Materialinformationen in dunklen Bereichen2728【Material】29- {{Glas, Metall, Stoff, Holz, LCD, Papier, etc.}}30- Geben Sie der Oberfläche feine Kratzer, Reflexionen, Transparenz und Dicke31- Machen Sie es nicht zu einer gleichmäßigen Textur wie Plastik32- Richten Sie die Lichtreaktion physisch für jedes Material aus3334【Farbe】35- Grundfarbe: {{Input}} / Unterfarbe: {{Input}} / Akzentfarbe: {{Input}}36- Begrenzen Sie die Anzahl der Farben und priorisieren Sie die Form und das Material des Protagonisten3738【Zeit/Veränderung】39Lassen Sie es als Standbild so wirken, als wäre es mitten in der Zeit, wie {{kurz vor dem Schmelzen, kurz nach dem Zerbrechen, mitten in der Formung, der Moment des Atmens}}.4041【Qualitätsstandards】42- Abgabereifes Niveau, das eine Werbeproduktionsfirma liefern kann / Der Protagonist ist auf einen Blick erkennbar43- Materialkonsistenz / Ränder sind intentional gestaltet44- Silhouette ist auch in kleinen Thumbnails identifizierbar45- Vermeiden Sie übermäßige Dekoration, die für KI-Generierung spezifisch ist / Füllen Sie nicht den gesamten Bildschirm mit Details46- Generieren Sie keine Texte, Logos oder Wasserzeichen4748【Zu vermeidende Ausdrücke】49Bedeutungslose leuchtende Linien / Unzählige Partikel / Übermäßiges Neon / Schaltkreis-Muster, die den Hintergrund füllen / Unnatürliche Reflexionen / Personen, die nichts mit dem Zweck zu tun haben / KI-Kunst mit starkem Déjà-vu-Gefühl / Unerklärliche Dekoration5051Generieren Sie zunächst die folgenden 3 Richtungen:52A. Ein Plan, der wie ein real existierendes Foto aussieht53B. Ein Plan, bei dem nur ein physikalisches Gesetz umgekehrt wird54C. Ein Plan, der klassische Materialien und digitale Phänomene verschmilzt55Nachdem Sie 3 Pläne generiert haben, vergleichen Sie Einzigartigkeit, Lesbarkeit, Zweckmäßigkeit und Materialkonsistenz, wählen Sie den besten aus und generieren Sie eine verbesserte Version.
Das Hinzufügen dieses "Pro-Level-Audit-Blocks" am Ende aller Zwecke wird selbstgefällige KI-Designs erheblich reduzieren.
1Reichen Sie den fertigen Plan nicht einfach so ein, sondern prüfen Sie ihn als ein weiterer strenger Creative Director.23Bewerten Sie Folgendes mit jeweils 10 Punkten:4Zweckmäßigkeit / Informationspriorität / Blickführung / Ränder / Lesbarkeit / Materialkonsistenz / Eignung für das Medium / Einzigartigkeit / Erklärbarkeit / Umsetzbarkeit56Beantworten Sie außerdem die folgenden Fragen:71. Ist der Protagonist dieses Designs auf einen reduziert?82. Würde es immer noch funktionieren, wenn 30% der Dekoration entfernt würden?93. Kann die Hierarchie der Informationen auch ohne Farbe verstanden werden?104. Gibt es Elemente, die nichts mit dem zentralen Konzept zu tun haben?115. Gibt es Ausdrücke mit einem starken Déjà-vu-Gefühl, die KI oft macht?126. Welche der unerwarteten Elemente sind es wert, behalten zu werden?137. Was sollte als Fehler korrigiert werden?148. Welche Punkte werden in der tatsächlichen Nutzungsumgebung problematisch sein?159. Wird die Bedeutung Anfängern vermittelt?1610. Welche Ablehnungsgründe sollten zu den nächsten Generierungsbedingungen hinzugefügt werden?1718Wenn auch nur ein Punkt weniger als 8 Punkte hat, korrigieren Sie ihn und dokumentieren Sie die Korrektur vorher, das Problem, den Korrekturinhalt und den Grund für die Korrektur.
Wichtigster Hinweis: Was nachgeahmt werden sollte, ist die "Produktionsstruktur", nicht der "Stil"
Abschließend schreibe ich das Wichtigste.
Wenn Sie den Ochiai-Stil oberflächlich nachahmen, neigt es dazu, ein Design zu werden, das nur schwarze Hintergründe, Flüssigkeiten, Spiegel, Buddhismus und futuristische CG kombiniert. Aber was Sie wirklich übertragen sollten, ist nicht das Aussehen.
Was reproduziert werden sollte, ist die Produktionsstruktur, nicht der Stil.
Abstrakte Konzepte in konkrete Objekte verwandeln. Beziehungen zwischen Objekten verbalisieren. Einen sinnvollen Widerspruch einbauen. Die Unerwartetheit der KI auswählen. In verschiedene Formate konvertieren. Bis zum endgültigen Medium designen. Mehrere Pläne vergleichen. Eine weitere KI prüfen lassen. Ablehnungsgründe sammeln. In der tatsächlichen Nutzungsumgebung verifizieren.
Diese 10 Punkte sind der Kern der Ochiai-Methode. Schwarze Hintergründe und Flüssigkeiten sind nur Ergebnisse.
Und noch etwas. Herr Ochiai hat auch öffentlich gemacht, dass er die Custom Instructions selbst entsprechend den Veränderungen der Umgebung aktualisiert, wie z. B. die Suchunterstützung von ChatGPT. Anstatt einen einmal erstellten "Gott-Prompt" weiterzuverwenden, aktualisieren Sie das Anweisungssystem selbst entsprechend den Fehlern und der Evolution der Werkzeuge. Diese Haltung ist wahrscheinlich die wichtigste.
Bei Co-Vibe wird eine Richtung des Gedächtnisses aufgezeigt, das aus der Ausführungshistorie lernt und sich an Präferenzen anpasst. Das Gleiche gilt für die Designgenerierung: Das Speichern, warum Sie etwas abgelehnt haben, ist langfristig stärker als das Speichern von "guten Plänen". Gründe für Erfolg sind schwer zu reproduzieren, aber Gründe für Misserfolg funktionieren zuverlässig als Bedingungen für die nächste Generierung.
Sinn wird nicht über Nacht erworben. Aber diese Produktionsstruktur kann ab heute nachgeahmt werden. Versuchen Sie es zuerst mit Prinzip 1: "Ersetzen Sie Adjektive durch Objekte." Schreiben Sie "mach es cool" um in "was ist der Protagonist, wie ist er angeordnet und wie bewegt sich der Blick?". Allein dadurch wird das nächste Design, das herauskommt, mit Sicherheit einen Schritt näher am Profi sein.
![[Entschuldigung und Dank] Die Neudefinition des Bürowerts im Zeitalter der KI](/cdn-cgi/image/width=1920,quality=90,format=auto,metadata=none/https%3A%2F%2Fcms-assets.youmind.com%2Fmedia%2F1784654487214_c56a6p_HNr6-znbwAAQJbv.jpg)
