Grafikdesign
Design eines Social-Media-Karussells für KI-Workflows
Sieben Hochformatkarten erklären KI-Bearbeitungsworkflows mit übergroßen chinesischen Überschriften, nummerierten Gewohnheiten, wechselnden Farbflächen und einem abschließenden Statement.
Anwendungsfälle für redaktionelle Social-Media-Grafiken
- Social-Media-RedaktionsdesignErstellen Sie eine kompakte Erzählung für sequenzielles Lesen auf Mobilgeräten.
- Wissensvermittlung zu KI-WorkflowsErklären Sie praktische Bearbeitungsgewohnheiten anhand konkreter visueller Beispiele.
- Inhaltssysteme für KarussellsHalten Sie wiederkehrende Karten konsistent und variieren Sie zugleich die vermittelten Inhalte.
- Chinesische RedaktionslayoutsKombinieren Sie chinesische Display-Überschriften mit kurzen Erläuterungen und gelegentlichen lateinischen Fachbegriffen.
Layout-Highlights der sieben Karten
- Erzählstruktur aus sieben KartenFührt von einleitenden Hinweisen über fünf Gewohnheiten bis zum Fazit.
- Redaktionelle TypografieVerwendet übergroße chinesische Überschriften, um das Thema jeder Karte festzulegen.
- Sichtbare LesehinweiseSeitenzahlen und eine Wischbeschriftung verdeutlichen die Reihenfolge, ohne eine Wisch-Navigation zu implementieren.
- Wiederkehrende redaktionelle StrukturEinheitliche Abstände und Fußzeilenmarkierungen verbinden sieben unterschiedliche Farbflächen.
Fünf Gewohnheiten auf sieben Karten
1 / 7
Fünf Gewohnheiten, sieben Hochformatkarten
Diese Grafik wird in der Bibliothek der OpenDesign Community veröffentlicht, wobei HTMLAnything als Upstream-Quelle angegeben ist, und umfasst sieben Hochformatkarten über Gewohnheiten bei der KI-Bearbeitung. Die Titelkarte führt die fünf Gewohnheiten mit einer übergroßen chinesischen Überschrift ein; darauf folgen fünf nummerierte Anleitungskarten und ein abschließendes Statement. Es handelt sich um ein statisches Social-Media-Redaktionsdesign, nicht um eine KI-Produktoberfläche oder einen verifizierten Leistungsbericht.
Die Titelkarte fordert die Lesenden zum Speichern des Beitrags auf, während die Abschlusskarte argumentiert, dass ein reibungsloser Prozess wichtiger ist als das Anhäufen von Werkzeugen. Dieser Bogen vom Einstieg bis zum Abschluss gibt jeder Karte eine eigene redaktionelle Funktion: Aufmerksamkeit gewinnen, eine von fünf Ideen vermitteln und anschließend die Botschaft zusammenfassen. Die Produktverweise und Leistungsaussagen der Grafik bleiben bereitgestellte Beispieltexte und sind keine unabhängig verifizierten Workflow-Ergebnisse.
Anwendungsfälle für das Karussell
Dieses Format eignet sich für kurze Bildungsinhalte, bei denen jede Idee eine eigene visuelle Pause benötigt. Die fünf mittleren Karten führen vom dialogorientierten Prompting über Formatvorlagen, wiederverwendbare Templates und Diff-basierte Überarbeitungen bis zu lokalen Sitzungen. Diese Abfolge verlagert den Schwerpunkt von einer Veränderung des mentalen Modells der Lesenden hin zu einer veränderten Struktur wiederkehrender Arbeit, während die großen Gewohnheitsnummern dafür sorgen, dass jedes Thema auch für sich erkennbar bleibt.
Das Design kann Kreative bei der Erklärung eines Workflows, Teams bei der Dokumentation von Bearbeitungskonventionen oder Lehrende bei der Planung einer sequenziellen Bilderlektion unterstützen. Die fünf nummerierten Karten bilden ein festes narratives Gerüst, doch jede muss einen zentralen Gedanken tragen. Ausführliche Einschränkungen oder unterstützende Belege würden zusätzliche Karten oder ein anderes Format erfordern. Das bereitgestellte HTML ordnet diese Karten vertikal an; es implementiert nicht das durch die Beschriftung auf der Titelkarte angedeutete Wischverhalten.
Workflow-Lektionen
Verwandeln Sie eine mehrstufige Bearbeitungspraxis in fünf unabhängig verständliche Lernmomente.
Wissensvermittlung für Kreative
Kombinieren Sie auf jeder Karte eine prägnante Überschrift mit einem konkreten Beispiel oder einer Anweisung.
Anleitungen für Teams
Machen Sie wiederkehrende Konventionen sichtbar, ohne die Grafik als funktionsfähiges Werkzeug darzustellen.
Komposition und Lesereihenfolge
Die Quelle definiert jede Karte mit einer Breite von 1080px und einem Seitenverhältnis von 3:4; die aktuellen Aufnahmen bewahren dieses Hochformat mit 2160 × 2880 Pixeln. Begleitabsätze verwenden eine maximale Zeilenlänge von 24ch und heben sich dadurch von den deutlich größeren Überschriften ab. Diese Hierarchie macht jede Gewohnheit schnell erkennbar, lässt jedoch wenig Platz für Einschränkungen und erfordert gezielte Zeilenumbrüche, wenn sich der Text ändert.
Die erste Karte etabliert das System mit der kleinen pillenförmigen Beschriftung „⚡ 建议收藏 · 干货预警“, dem Zielgruppenhinweis „AI 工具党 · 必看“, einem großen gestapelten Titel und „滑动看 →“ nahe dem unteren Rand. Die Markierung „01 / 07“ befindet sich oben rechts, während der Handle und „5/11“ in der Fußzeile erscheinen. Durch diese wiederkehrenden Randmarkierungen ist das Werk bereits als Abfolge erkennbar, bevor die Lesenden den erklärenden Text erreichen.
Die Karten zwei bis sechs behalten die nummerierte Struktur bei. „01 放弃 完美 prompt“ deutet Prompting als Dialog statt als SQL um; „02 让 AI 看见 你的格式“ führt eine Markdown- oder CSV-Referenz ein; „03 用模板, 别每次重写“ verlagert den Schwerpunkt auf Wiederholbarkeit; „04 二次编辑 跑 diff“ beschreibt eine kleinere Überarbeitungseinheit; und „05 复用 本地 session“ schließt die praktische Liste ab. Jede Überschrift ist auf kurze Zeilen verteilt, wodurch ein einheitlicher vertikaler Rhythmus entsteht und sich das Thema dennoch ändern kann.
Die Farbwechsel sind Teil der Abfolge: Auf die pfirsichfarbene Titelkarte folgen Anleitungskarten in Creme, Grün, Lavendel, Rosa und warmem Gelb. Der dunkle Text variiert mit diesen Flächen, während die dunkelbraune Abschlusskarte zu cremefarbener Schrift und goldener Hervorhebung wechselt. Einheitliche Randmarkierungen und Typografie verbinden die unterschiedlichen Farbpaletten. Die abschließenden Beschriftungen für Folgen, Speichern und Teilen ähneln Social-Media-Handlungsaufforderungen, sind jedoch als Text und nicht als funktionsfähige Steuerelemente umgesetzt.
Titelkarte
Nutzt eine Speicheraufforderung, einen übergroßen Titel, eine Seitenmarkierung und einen Wischhinweis, um zum Weiterlesen einzuladen.
Anleitungskarten
Wiederholen Nummer, Überschrift und kompakte Textstruktur, sodass jede Gewohnheit als geschlossene Einheit lesbar ist.
Abschlusskarte
Verdichtet die Lektion mit fünf Punkten zu einer knappen Aussage darüber, dass der Prozess wichtiger ist als die Anzahl der Werkzeuge.
Fünf Gewohnheiten, fünf Schwerpunkte
Die Reihenfolge ist mehr als eine Liste. Die erste Anleitung verwirft die Erwartung eines perfekten ersten Prompts. Die zweite fordert die Lesenden auf, eine konkrete Formatvorlage bereitzustellen, bevor Markdown oder CSV eingefügt wird. Die dritte verwandelt eine erfolgreiche Anweisung in eine Vorlage. Die vierte behandelt eine Überarbeitung als Diff auf bestehendem HTML. Die fünfte nennt lokale Sitzungen als Möglichkeit, einen vorhandenen Arbeitskontext wiederzuverwenden. Zusammen führen die Karten von der Formulierung des Prompts über Format, Wiederverwendung und Überarbeitung bis zur Kontinuität.
Die knappen Ratschläge verdichten mehrere Aussagen. Das Beispiel bewirbt neun vorgefertigte Designsysteme, behauptet, dass Diff-Bearbeitung 80% der Tokens einsparen könne, und beschreibt lokale Sitzungen als ohne Grenzkosten sowie deutlich schneller als entfernte APIs. Im Artefakt werden diese Aussagen weder durch Messungen noch durch Vergleichsbedingungen oder verbundene Dienste belegt. Sie sollten als bereitgestellte Werbetexte behandelt werden und nicht als Funktionen von OpenDesign oder verifizierte Ergebnisse gelten.
Funktionsabgrenzung
Dies ist ein statisches Grafikbeispiel mit sieben Karten, das über die OpenDesign Community verbreitet wird und HTMLAnything als Upstream-Quelle ausweist. Es implementiert weder einen KI-Editor noch eine Verwaltung lokaler Sitzungen, eine Vorlagenbibliothek, eine Diff-Engine, einen API-Workflow, eine Wisch-Navigation oder die Veröffentlichung in sozialen Medien. Folgen, Speichern und Teilen sind sichtbare Beschriftungen ohne Event-Handler. Das HTML demonstriert Typografie, Farbwechsel und narrative Reihenfolge; die darin dargestellten Produkt- und Leistungsaussagen müssen vor einer Wiederverwendung separat überprüft werden.
So erstellen Sie in OpenDesign ein Social-Media-Karusselldesign für KI-Workflows
Die Erzählstruktur der sieben Karten definieren
Legen Sie vor der Gestaltung die Reihenfolge fest: eine einleitende Einladung, fünf nummerierte Gewohnheitskarten und ein abschließendes Statement. Beschränken Sie jede mittlere Karte auf eine praktische Idee, damit die Lesereihenfolge klar erkennbar bleibt.
Das redaktionelle Typografiesystem aufbauen
Verwenden Sie ein Seitenverhältnis von 3:4, übergroße chinesische Überschriften, kursive Gewohnheitsnummern, knappe Begleittexte sowie einheitliche Seiten- und Fußzeilenmarkierungen. Variieren Sie die Flächen mit Pfirsich, Creme, Grün, Lavendel, Rosa und warmem Gelb und schließen Sie dann mit Dunkelbraun sowie cremefarbener und goldener Schrift ab. Prüfen Sie die chinesischen Zeilenumbrüche auf jeder Karte, statt davon auszugehen, dass eine einzige Farbe oder Überschriftengröße für die gesamte Abfolge geeignet ist.
Vorgeschlagener PromptErstelle sieben statische Social-Media-Redaktionskarten im Hochformat 3:4 über Gewohnheiten bei der KI-Bearbeitung. Beginne mit einem pfirsichfarbenen Titelbild, das ein Speichern-Badge, einen Zielgruppenhinweis, eine übergroße chinesische Überschrift mit roter Hervorhebung, eine Seitenmarkierung und einen visuellen Wischhinweis enthält. Lass fünf nummerierte Karten zu dialogorientiertem Prompting, einer Referenz für das gewünschte Format, wiederverwendbaren Vorlagen, Diff-basierter HTML-Überarbeitung und der Wiederverwendung lokaler Sitzungen folgen. Verwende in dieser Reihenfolge cremefarbene, grüne, lavendelfarbene, rosa und warmgelbe Flächen, dunklen Text, große kursive Zahlen und kurze linksbündige Absätze. Schließe mit Dunkelbraun, cremefarbener Displayschrift, goldener Hervorhebung sowie Folgen-, Speichern- und Teilen-Beschriftungen ab. Füge eine einheitliche Quellenangabe in der Fußzeile hinzu. Diese Beschriftungen sind visuelle Hinweise und keine funktionsfähigen Social-Media-Steuerelemente; kennzeichne Leistungs- und Produktaussagen als illustrativ, da weder ein verbundener Editor noch gemessene Einsparungen oder eine Veröffentlichungsintegration vorhanden sind.
Belege und Abgrenzungen präzisieren
Ordnen Sie konkrete Beispiele wie Markdown, CSV, Vorlagen, HTML, Diff und lokale Sitzungen jeweils der Karte zu, die sie einführt. Behandeln Sie Aussagen wie Token-Einsparungen oder Geschwindigkeitsunterschiede als redaktionelle Aussagen, sofern keine separaten Belege vorliegen, und bewahren Sie die Unterscheidung zwischen sichtbarem Design und vorgeschlagenem Verhalten.
Exportieren und Share-Link erhalten
Das fertige Design exportieren und anschließend über „Teilen" in OpenDesign einen Share-Link abrufen. Den Link in einem separaten Browserfenster öffnen und prüfen, ob die gewünschte Version sowie alle Assets vorhanden sind, bevor er weitergegeben wird.









