logo-marktgetrieben

Blog

Hier findest du aktuelle Einblicke in Webdesign, SEO und die digitale Landschaft. Als dein Erfolgsantrieb im digitalen Markt wollen wir dich inspirieren und informieren.

Midjourney im Webdesign

midjourney im webdesign
Lesezeit etwa 14 min

„Erfahre in diesem Artikel, wie Midjourney mit gezieltem Prompting effektiv im Webdesign eingesetzt wird. Neben einer Einführung in das Bildgenerierungstool Midjourney, erhältst du praxisnahe Anleitungen für das Erstellen von Bildern, die speziell auf Webdesignprojekte zugeschnitten sind. Der Artikel beleuchtet zudem die verschiedenen Abonnementoptionen, die Qualität der mit Midjourney erzeugten Bilder sowie deren Anwendungsbereiche im Webdesign und Online-Marketing. Diskussionen über die ethischen Aspekte der KI-generierten Kunst und ihre Auswirkungen auf die Branche runden den Inhalt ab.“



Hier eine kurze Erklärung und Einführung zu Midjourney, bevor wir uns der Verwendung von Midjourney im Webdesign zuwenden. 



Midjourney erstellt Bilder in Sekundenschnelle: Ähnlich wie Chat GPT verwendet Midjourney eine KI-basierte Technologie, um Inhalte – in diesem Fall computergenerierte Bilder – anhand bestimmter Schlüsselwörter und Vorgaben zu erstellen.

Diese Bilder werden auf der Seite „Discord“ in Verbindung mit einem Midjourney-Account generiert. Midjourney kann zunächst kostenlos genutzt werden, bei Überschreitung des Kontingents an kostenlosen Bildern kann das Programm nur nach Abschluss eines Abonnements weiter genutzt werden.





Midjourney bietet verschiedene Preismodelle, von einem kostenlosen Zugang für Einsteiger bis hin zu umfangreicheren Abonnements für professionelle Nutzer. Die kostenlose Version erlaubt eine limitierte Anzahl an Bildgenerierungen pro Monat, während bezahlte Abonnements unbegrenzte Generierungen und Zugriff auf erweiterte Funktionen ermöglichen.



Plan 1Plan 2Plan 3Plan 4
10$ 30$ 60$120$
Stand: 22.02.2024

Meiner Meinung nach ist Plan 2 am interessantesten. Es kommt aber immer auf den Nutzen und die persönliche Präferenz an. Mit Plan 1 kann man nur 200 Bilder pro Monat generieren. Die Pläne 2-4 sind unbegrenzt in der Anzahl der Bilder, die generiert werden können und unterscheiden sich vor allem in der Geschwindigkeit, mit der die Bilder erstellt werden können. Wenn man also sehr viele Bilder in Midjourney generieren möchte, lohnt sich ein Upgrade.



Beim Midjourney Preis ist es wichtig, die Kosten gegen den Nutzen abzuwägen. Professionelle Designer und Unternehmen finden im Premium-Abonnement einen großen Wert, da es die Produktion hochwertiger Bilder für kommerzielle Projekte ermöglicht. Man kann aber gerne einen Account für einen Monat testen, um zu sehen, welches Modell einem am besten gefällt. Auch die Frage „Ist Midjourney kostenlos“ muss mittlerweile leider verneint werden. Am Anfang konnte man es ganz gut kostenlos nutzen, aber spätestens jetzt im Jahr 2024 ist es ratsam, eine der kostenpflichtigen Versionen von Midjourney zu nutzen.



Midjourney wurde von David Holz, Mitbegründer von Leap Motion, gegründet. Es ging am 12. Juli 2022 in die Open Beta. Am 14. März 2022 startete jedoch der Discord-Server mit dem Aufruf, qualitativ hochwertige Fotos auf Twitter/Reddit zu veröffentlichen, um das System zu trainieren.

Das Unternehmen arbeitet an der Verbesserung seiner Algorithmen und veröffentlicht alle paar Monate neue Versionen. Version 2 des Algorithmus wurde im April 2022 veröffentlicht, Version 3 im Juli. Am 10. November 2022 wurde die Alpha-Iteration von Version 4 für Nutzer freigegeben.



Midjourney nutzt fortschrittliche KI-Technologien, um aus einfachen Textbeschreibungen beeindruckende Bilder zu generieren. Dies ermöglicht eine neue Form der Kreativität im digitalen Design und Kunstbereich.

Es gibt zwar auch andere Bildgeneratoren, wie z.B. Open AI`s DALL-E 3, das im Chat-GPT Premium-Abo enthalten ist, oder Stable Diffusion, das sogar auf einem lokalen PC laufen kann, wenn man über genügend Grafik- und Rechenleistung verfügt. Für meinen persönlichen Geschmack ist jedoch die Qualität von Midjourney derzeit unübertroffen.



  1. Erstelle dir einen Discord Account
  2. Melde dich bei Midjourney mit deinem Discord Account an
  3. Gehe zurück zu Discord und öffne links den Server „Midjourney“
  4. Alles weitere wird dort ausführlich erklärt, gehe nach dem Lesen in einen der „Newbie“ Channels
  5. Nun kannst du deine ersten Bilder von Midjourney erstellen lassen
  6. Schreibe unten in den Chat: „/imagine“ und das Wort „prompt“ wird hinzugefügt.
  7. Jetzt kannst du deiner Kreativität freien Lauf lassen und Bilder von Midjourney generieren lassen.
  8. Beachte jedoch, dass dir zu Beginn nur ein bestimmtes Kontingent an kostenlosen Bildern zur Verfügung steht, ist dieses aufgebraucht, musst du einen Zugang kaufen.




Um ein Bild mit Midjourney zu erstellen, starten Nutzer mit einem kreativen Prompt, der die gewünschten Elemente des Bildes beschreibt. Beispielsweise könnte ein Prompt lauten: „Eine futuristische Stadt bei Nacht mit Neonlichtern, im Stil von Cyberpunk“.



Die Midjourney Discord Anleitung führt durch den Prozess des Beitritts zum Midjourney-Server auf Discord und der Nutzung der KI zur Bildgenerierung.

Du fragst dich, wie so ein Prompt genau aussieht und welche Informationen du Midjourney geben musst, um ein optimales Ergebnis zu erzielen? Hier ist eine detaillierte Anleitung, welche Schritte wir unternommen haben, um das Titelbild dieser Seite zu generieren.

1. Zuerst haben wir überlegt, welches Bild das Thema „Midjourney im Webdesign“ am besten verkörpern könnte. Wir dachten an ein surreal anmutendes Bild mit einem PC-Monitor. Außerdem sollte es in den Farben unserer Firma gehalten sein.

2. Das erste Wort für den Prompt war also sicher: „Surrealism“ (englische Wörter funktionieren derzeit am besten bei Midjourney)

bild15

3. Das zweite Wort im Prompt war „Black Background“, weil es zu unserem schwarzen Website-Design passen sollte

bild3

4. Um unsere Farbe optimal ins Bild zu bekommen, mussten wir ein wenig tricksen. Bei unserer Farbe „Electric-Lime“ hatten wir nämlich das Problem, dass Midjourney bei dieser Farbe sehr oft eine Limette erzeugt. Also mussten wir noch ein paar Begriffe für die Farbe hinzufügen. Alle Begriffe im Prompt, die sich auf die Farbe beziehen, sind die folgenden: „colorful, electric lime, –no red blue purple“ Der Befehl „–no“ wird verwendet, um bestimmte Dinge oder Farben auszuschließen. Man könnte auch Limone ausschließen, aber das hat in den Tests nicht so gut funktioniert wie diese Variante

5. Nachdem wir nun die Farben im Prompt besprochen haben, kommen wir zum eigentlichen Motiv: „a website on a screen“

bild5

6.Der nächste Schritt ist die Art und Weise, wie das Ganze dargestellt wird, wofür wir den Tilt-Shift-Filter verwendet habenTilt-Shift ist eine Technik, die mit einem speziellen Objektiv oder einer speziellen Software angewendet wird, um die Perspektive oder die Schärfentiefe eines Fotos zu verändern. Daher der zusatz „tilt-shift“

bild65

7. Um das auf dem Monitor dargestellte Motiv wie bei einem echten Monitor in einer kräftigen Farbe leuchten zu lassen, wurde der Zusatz „artificial lighting“ hinzugefügt

bild8

8. Jetzt fehlt nur noch der letzte Teil, nämlich „–ar 3:2“ (ar: Aspect Ratio = Seitenverhältnis), der ein Bild mit dem Seitenverhältnis 3:2 erzeugt

bild10

9. Die letzten Begriffe, die im Prompt angezeigt werden, werden von Midjourney selbst generiert und müssen nicht manuell eingegeben werden

  • U steht für Upscale. Das bedeutet, dass das Bild in einer höheren Auflösung gerendert wird
  • V steht für Variation. Es werden also 4 Variationen eines Bildes erzeugt, die dem Original ähnlich sind
  • 1-4 steht für das Bild, Bild 1 ist oben links, Bild 2 ist oben rechts, Bild 3 ist unten links und Bild 4 ist unten rechts.

Wie man sieht, ist Midjourney ein sehr vielseitiges Tool, das durch Feintuning ein enormes Potential in sich trägt und mit dem man großartige Inhalte generieren kann.
Um sich ein genaueres Bild von dem Vorgang zu machen, hier noch ein Bild des Original-Prompts von Discord:

bild12





  • Das Programm wurde von der britischen Zeitschrift The Economist verwendet, um das Cover für eine Ausgabe im Juni 2022 zu erstellen. Die Verwendung eines KI-generierten Covers wurde von einigen kritisiert, die der Meinung sind, dass dadurch Künstler Arbeitsplätze verlieren.
  • Ein Bild von Midjourney mit dem Titel „Théâtre d’Opéra Spatial“ gewann den ersten Preis im Wettbewerb für digitale Kunst auf der Colorado State Fair 2022, obwohl die beiden Jurymitglieder nicht wussten, dass Midjourney KI zur Generierung der Bilder verwendet hatte. Dieses Ereignis ähnelte dem in der Kurzgeschichte „The Beautiful“ von Damon Knight aus dem Jahr 1958. In der Geschichte benutzt ein Mann eine Maschine, um das Gewinnerbild eines Kunstwettbewerbs zu erstellen. Wie bei dem Vorfall in Colorado wussten die Preisrichter in der Geschichte nicht, dass das Bild maschinell hergestellt worden war.



Midjourney ist wie ChatGPT vielseitig einsetzbar. Es eignet sich vor allem für die Ideenfindung im Bereich Logodesign, Markendesign, Farbdesign. Zu beachten ist jedoch, dass Midjourney hier keine „fertigen“ Ergebnisse liefert, sondern nur Vorlagen. Es empfiehlt sich daher in jedem Fall, die generierten Bilder nur als Konzept zu betrachten und diese dann auf herkömmliche Weise auszuarbeiten.

Wo die Bilder von Midjourney jedoch oft direkt eingesetzt werden können, sind Bilder, die zur Illustration eines Themas dienen. Allerdings stößt die Technik auch oft an ihre Grenzen: Vor allem Hände stellt Midjourney derzeit noch seltsam dar, da oft mehr als 5 Finger verwendet werden. Auch sind die Linien nicht gerade oder es gibt logische Fehler in den Bildern.

Um ein besseres Gefühl für den Einsatzbereich vor allem im Webdesign, oder im Online-Marketing zu bekommen, sind im Folgenden einige Beispiele aufgelistet.





  1. Schaffung einer Markenidentität:
    Wenn man mit einem Design von Grund auf anfängt, kann Midjourney optimal genutzt werden, um eine grobe Richtung für das Design einer Website zu erhalten.
  2. Erstellung von Produktseiten:
    Die erstellten Bilder können verwendet werden, um Produktseiten auf Websites attraktiver und einprägsamer zu gestalten, indem sie als visuelle Elemente für bestimmte Produkte verwendet werden.
  3. Illustration von Blog-Einträgen:
    Midjourney kann verwendet werden, um Blog-Beiträge auf Websites visuell zu unterstützen, indem bestimmte Konzepte oder Ideen illustriert werden.
  4. Erstellung von Icons:
    Auch um Icons für deine Website zu generieren, kann Midjourney dir einen enormen Mehrwert generieren. Einfach die gewünschten Farben eingeben, den Stil beschreiben und schon hast du Icon Ideen für deine Website. Es empfiehlt sich jedoch, diese zu überarbeiten oder neu zu zeichnen, da die KI im Moment noch zu ungenau arbeitet.
  5. Schaffung von visuellen Effekten:
    Wenn du visuelle Effekte für Websites erstellen möchtest, indem du sie als Teil von Übergängen oder Animationen verwendest, kannst du sie auch mit Midjourney erstellen.



  1. Erstellung von visuell ansprechenden Beiträgen:
    Die mit Midjourney erstellten Fotos können verwendet werden, um visuell ansprechende Beiträge für Social-Media-Plattformen wie Facebook, Instagram oder Twitter zu erstellen.
  2. Schaffung einer Markenidentität:
    Midjourney kann auch verwendet werden, um eine konsistente Markenidentität auf Social-Media-Plattformen aufzubauen, indem sie als Teil des visuellen Stils verwendet wird. Dazu können die gleichen Prompts mit anderen Inhalten verwendet werden, um die Corporate Identity zu wahren.
  3. Schaffung von Hintergrundbildern für Profile:
    Midjourney kann zur Erstellung von Hintergrundbildern für Social-Media verwendet werden, um eine bestimmte Atmosphäre oder eine bestimmte Zielgruppe anzusprechen.
  4. Erstellung von Werbung:
    Die von Midjourney generierten Bilder können verwendet werden, um Werbung auf Social-Media-Plattformen wie Facebook oder Instagram attraktiver und einprägsamer zu gestalten, indem sie als visuelle Elemente in Anzeigen eingesetzt werden.
  5. Schaffung von Storytelling:
    Midjourney-Bilder können auch verwendet werden, um eine Geschichte auf Social-Media-Plattformen zu erzählen, indem sie als visuelle Unterstützung in Beiträgen oder Anzeigen verwendet werden.

Wie man sieht, gibt es bereits einige Anwendungsbereiche für KI-generierte Bilder. So kann der Einsatz von Midjourney vor allem dort Fuß fassen, wo früher Stockfotos gefragt waren, aber auch in anderen Bereichen haben KI-generierte Bilder ihre Berechtigung.

Brauchst du Hilfe bei der Implementierung der Midjourney Bilder in deine Website? Dann nimm Kontakt mit uns auf, wir stehen dir gerne mit unserer Expertise zur Seite.



Hier sind spezifische Midjourney Webdesign Prompts für verschiedene Bereiche wie UX-Design, Logo-Entwicklung, Website-Hintergründe und Icons. Diese Prompts können direkt in Midjourney verwendet werden, um inspirierende und einzigartige visuelle Inhalte zu generieren:



Prompt: „/imagine prompt: background for hero section of mountainbike company with a clean and simple design“

midjourney-prompt-beispiel-1-background-for-hero-section-of-mountainbike-company-with-a-clean-and-simple-design

Dieser Prompt zielt darauf ab, Midjourney Bilder zu erstellen, die als Hintergrund für den Hero-Bereich deiner Website verwendet werden können.



Prompt: „/imagine prompt: ux/ui logo of a mountainbike company with a clean and simple design

midjourney-prompt-beispiel-2-ux-ui-logo-of-a-mountainbike-company-with-a-clean-and-simple-design

Eine solche Aufforderung hilft, eine grobe Richtung für ein Logo festzulegen. Natürlich sind die Logos keine SVGs und daher nicht für den professionellen Einsatz geeignet. Aber um einen groben Anfang zu haben, wo man hin will, ist es sehr hilfreich, um Ideen zu sammeln.



Prompt: „/imagine prompt: ux/ui icons for a website of a mountainbike company with a clean and simple design

midjourney-prompt-beispiel-3-ux-ui-icons-for-a-website-of-a-mountainbike-company-with-a-clean-and-simple-design

Eine solche Eingabeaufforderung hilft bei der Erstellung von Icons für die Website. Natürlich sind die Icons, genau wie die Logos im vorherigen Abschnitt, keine SVGs und daher nicht für den professionellen Gebrauch geeignet. Aber um einen groben Anfang zu haben, wo man hin will, ist es sehr hilfreich, um Ideen zu sammeln. Außerdem kann man die Logos mit einem Vektorprogramm nachzeichnen und hat somit die Logos direkt vektorisiert und kann sie als SVG verwenden.



Beim Wettbewerb “Colorado State Fair Fine Arts 2022” hat Jason Allen mit seinem Werk “Theatre d’Opera Spartial” den ersten Platz belegt.

Das Problem: Das Bild wurde komplett von Midjourney erstellt. Seitdem wird das Thema KI-generierte Kunst kontrovers diskutiert, da viele befürchten, dass die Kunst aussterben könnte und viele Menschen ihren Arbeitsplatz verlieren könnten.



Schließlich ist Midjourney ein KI-Bildtool, das in vielen Bereichen wie Webdesign und Online-Marketing eingesetzt werden kann. Es kann verwendet werden, um Ideen für die Schaffung einer Markenidentität, die Gestaltung von Produktseiten, die Illustration von Blogbeiträgen, Icons, visuelle Effekte und ansprechende Beiträge für soziale Medien zu generieren.

Auch sollte bedacht werden, dass die Ergebnisse von Midjourney nur als Konzepte zu betrachten sind und anschließend auf herkömmliche Weise ausgearbeitet werden müssen. Es sollte auch bedacht werden, dass die Technologie ihre Grenzen hat und die Bilder manchmal nicht gerade Linien oder logische Fehler aufweisen.

Dennoch gibt es derzeit viele Diskussionen über das Thema KI-Kunst und ob es moralisch verwerflich ist, sie zu verwenden. Neben KI-Bildgeneratoren gibt es auch KI-Textgeneratoren wie ChatGPT, die derzeit für Aufregung unter Textern sorgen.

Auch Google ist derzeit beunruhigt über dieses Programm, da es viele Suchanfragen einer Suchmaschine zielgerichteter und damit schneller beantwortet, als es Suchmaschinen bisher konnten. Da Microsoft viel Geld in OpenAI (die Firma hinter ChatGPT) investiert hat und Microsoft die Suchmaschine Bing betreibt, hat Google aktuell Grund zur Sorge. Wenn du mehr über ChatGPT erfahren möchtest, klicke auf den LINK und lese unseren Artikel über das Thema „wie ChatGPT dir bei der Suchmaschinenoptimierung helfen kann“.

Brauchst du Hilfe bei der Implementierung der generierten Bilder? Kontaktiere uns jetzt, wir stehen dir gerne mit unserem Fachwissen zur Verfügung.

Inhaltsverzeichnis

Weitere Beiträge

generative-engine-optimization-geo

Generative Engine Optimization (GEO)

Lesezeit etwa 6 min Der ultimative Leitfaden für die Zukunft der Suchmaschinenoptimierung „Dieser Artikel führt in das Konzept der Generative Engine Optimization (GEO) ein, eine

wie verwende ich chatgpt für seo

Wie verwende ich ChatGPT für SEO?

Lesezeit etwa 7 min ChatGPT: Das ultimative KI-Tool für SEO und Content Marketing ChatGPT Erklärung und Definition Was ist ChatGPT? Chat GPT ist eine neue

Unsere Leistungen

Webdesign

Vom Markt inspiriert, für Kunden kreiert. Webdesign auf nächster Ebene

Über den Autor

Picture of Austen Englisch

Austen Englisch

Ich bin Austen, der Gründer von Marktgetrieben. Meine Begeisterung gilt dem Internet, aktuellen Markttrends und den Möglichkeiten der Künstlichen Intelligenz (KI). Ziel ist es, stets am Puls der Zeit zu agieren und innovative Entwicklungen für unsere Kunden nutzbar zu machen.

Nach oben scrollen