lorem-ipsum placeholder-text design ui-ux generator

Die Kunst des Platzhaltertexts: Effiziente Lorem-Ipsum-Generierung für Designer

Generieren Sie professionellen Platzhaltertext für Ihre UI-Designs und Prototypen. Passen Sie Absätze, Sätze und Wörter sofort an.

Einführung: Was ist Lorem Ipsum?

Jeder Designer, Entwickler und Typograf ist ihm schon begegnet: diesem Block scheinbar lateinischen Textes, der Vorlagen, Wireframes und leere Spalten füllt. Lorem ipsum dolor sit amet, consectetur adipiscing elit... Er taucht überall in Design-Mockups auf, doch die meisten Menschen, die ihn täglich verwenden, haben keine Ahnung, woher er stammt oder warum er existiert.

Lorem ipsum ist Platzhaltertext — ein Fülltext, der Platz in einem Design-Layout einnimmt, wenn der echte Inhalt noch nicht verfügbar ist. Er sieht wie Latein aus, ergibt keinen Sinn und ist dennoch seit über fünf Jahrhunderten der Industriestandard. Ein tiefes Verständnis davon — seiner Geschichte, Mechanik und Best Practices — macht Sie zu einem besseren, sachkundigeren Designer.

Dieser Artikel bietet einen umfassenden Einblick in Lorem Ipsum: woher es kommt, wie Generatoren es erstellen, wann man es verwendet und wann echter Inhalt die bessere Wahl ist.


Eine 2.000-jährige Geschichte

Cicero und "De Finibus Bonorum et Malorum" (45 v. Chr.)

Die Geschichte von Lorem ipsum beginnt nicht in einer Druckerei, sondern im antiken Rom. Im Jahr 45 v. Chr. schrieb der römische Philosoph und Staatsmann Marcus Tullius Cicero De Finibus Bonorum et Malorum ("Über das höchste Gut und das schlimmste Übel"), eine philosophische Abhandlung, die die epikureische und stoische Ethik untersuchte. Das Werk war eine gelehrte Erkundung dessen, was das höchste Gut und das schlimmste Übel im menschlichen Leben ausmacht.

Die Abschnitte 1.10.32 und 1.10.33 dieses Werkes enthalten das ursprüngliche Quellmaterial für Lorem Ipsum. Cicero schrieb unter anderem:

"Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit..." ("Auch gibt es niemanden, der den Schmerz selbst liebt, ihn anstrebt oder zu erlangen wünscht, weil er Schmerz ist, sondern weil gelegentlich Umstände eintreten, in denen Mühe und Schmerz ihm großes Vergnügen bereiten können.")

Diese Passage ist eine Betrachtung über die Natur von Vergnügen und Schmerz — ein Argument, dass niemand Schmerz um seiner selbst willen sucht. Als dieser Text später in Platzhaltertext umgewandelt wurde, wurde seine philosophische Bedeutung entfernt, und nur der visuelle Rhythmus der Wörter blieb übrig.

Die Druckrevolution des 15. Jahrhunderts

Spulen wir vor ins 15. Jahrhundert. Der venezianische Drucker Aldus Manutius und die Schriftsetzer seiner Ära brauchten eine Möglichkeit, Schriften und Seitenlayouts zu demonstrieren, ohne echten Inhalt zu verwenden. Sie nahmen Ciceros Text, mischten ihn absichtlich durcheinander, um ihn unleserlich zu machen (damit die Leser nicht durch den Inhalt abgelenkt würden), und verwendeten ihn als Fülltext. Diese Praxis wurde in europäischen Druckereien zum Standard.

Das Durcheinandermischen war absichtlich: Ein Textblock, der wie eine echte Sprache aussieht, aber nichts bedeutet, ist ideal, um zu beurteilen, ob ein Layout visuell funktioniert, weil das Auge ihn als Text behandelt, ohne dass das Gehirn sich mit der Bedeutung befasst.

Richard McClintocks Entdeckung von 1994

Jahrhundertelang wusste niemand genau, woher Lorem Ipsum stammte. Sein Ursprung war ein Rätsel. Dann, im Jahr 1994, war Richard McClintock, ein Lateinprofessor am Hampden-Sydney College in Virginia, neugierig auf das ungewöhnliche Wort "consectetur" — das in Lorem Ipsum vorkommt, aber im klassischen Latein selten ist. Er suchte es in einer Konkordanz der lateinischen Literatur und verfolgte es zurück zu Ciceros De Finibus. Diese Entdeckung bestätigte die zweitausendjährige Herkunft des berühmtesten Platzhaltextextes der Welt.


Der klassische Lorem-Ipsum-Text

Hier ist der heute verwendete Standard-Lorem-Ipsum-Text:

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Vergleicht man diesen Text mit Ciceros Original, sieht man, wie Wörter herausgegriffen, neu angeordnet und abgeschnitten wurden, um etwas zu erzeugen, das wie Latein aussieht, aber nichts Kohärentes sagt. "Lorem" selbst ist nicht einmal ein echtes lateinisches Wort — es ist ein Fragment von "dolorem", bei dem das "do" abgehackt wurde.


Wie Lorem-Ipsum-Generatoren funktionieren

Moderne Lorem-Ipsum-Generatoren verwenden keine reine Zufälligkeit — sie verwenden einen kuratierten Wortpool und algorithmische Zusammensetzung, um Text zu erzeugen, der den Rhythmus natürlicher Sprache imitiert.

Der Wortpool

Die meisten Generatoren beginnen mit einem erweiterten Korpus aus De Finibus — Hunderten lateinisch aussehender Wörter. Übliche Wörter im Pool sind: lorem, ipsum, dolor, sit, amet, consectetur, adipiscing, elit, sed, eiusmod, tempor, incididunt, labore, dolore, magna, aliqua...

Satzaufbau

Der Generator wählt zufällig Wörter aus dem Pool und setzt sie zu Sätzen unterschiedlicher Länge zusammen (typischerweise 5 bis 20 Wörter). Einige Generatoren fügen Kommas und Konjunktionen in statistisch natürlichen Abständen ein, um die lateinische Satzstruktur nachzuahmen.

Absatzkonstruktion

Sätze werden zu Absätzen zusammengefasst. Generatoren bieten normalerweise Optionen für:

  • Anzahl der Absätze (z. B. 3 Absätze)
  • Anzahl der Sätze pro Absatz
  • Gesamtzahl der Wörter
  • Ob mit dem klassischen "Lorem ipsum dolor sit amet..." beginnen soll

Ausgabeformate

Generatoren geben häufig aus:

  • Klartext — rohe Wörter und Satzzeichen
  • HTML — in <p>-Tags eingebettet, direkt für Webseiten verwendbar
  • Markdown — für Dokumentationen und statische Website-Generatoren

Varianten und Alternativen

Lorem ipsum ist der Klassiker, aber viele thematische Alternativen sind für Entwickler und Designer entstanden, die etwas anderes möchten.

Bacon Ipsum

Verwendet fleischthematisches Vokabular: "Bacon ipsum dolor amet strip steak pork belly brisket short loin..." Perfekt, um Teampräsentationen etwas Humor zu verleihen.

Hipster Ipsum

Füllt Seiten mit trendigen Begriffen: "Artisan keffiyeh quinoa normcore organic craft beer..." Nützlich, um übermäßig gestaltetes Branding zu satirisieren.

Corporate Ipsum

Generiert Geschäftsjargon: "Synergize scalable functionalities to proactively facilitate cross-platform value propositions..." Unangenehm realistisch.

Cupcake Ipsum

Süß und Dessert-thematisch: "Cupcake ipsum dolor sit amet marshmallow tiramisu toffee donut jelly beans..."

Zufallswörter / Wörterbücher

Manche Designer bevorzugen echte zufällige englische Wörter oder auf Eigennamen basierenden Fülltext (wie Fillerama, das aus Filmdrehbüchern schöpft). Jeder Ansatz hat Kompromisse hinsichtlich Lesbarkeit und Realismus.


Gestalten mit Lorem Ipsum: Vor- und Nachteile

Die Argumente für Lorem Ipsum

Layout-Fokus: Platzhaltertext ermöglicht es Designern, sich vollständig auf visuelle Hierarchie, Weißraum und Proportionen zu konzentrieren, ohne sich von der Bedeutung der Wörter ablenken zu lassen. Wenn echter Inhalt vorhanden ist, beginnen Beteiligte unvermeidlich damit, den Text zu bearbeiten, anstatt das Design zu bewerten.

Geschwindigkeit: Sie können sofort so viel oder so wenig Text generieren, wie benötigt, perfekt angepasst an Ihre Spalten und Container.

Neutralität: Lorem ipsum löst keine emotionalen oder politischen Reaktionen aus und ist daher wirklich neutraler Fülltext für Kundenpräsentationen.

Industriestandard: Jeder Beteiligte bei Design-Reviews — Entwickler, Product Manager, Marketingspezialisten — versteht, dass Lorem Ipsum bedeutet: "Hier kommt der Inhalt hin."

Die Argumente gegen Lorem Ipsum (Content-First-Design)

Das "griechischer Text"-Problem: Wenn Platzhaltertext im gesamten Design verwendet wird, kann das endgültige Layout vollständig anders aussehen, sobald echter Inhalt eingefügt wird. Echte Überschriften haben unterschiedliche Längen. Echter Fließtext hat andere Rhythmen. Echte Handlungsaufrufe haben andere Gewichtungen.

Barrierefreiheits-Blindstellen: Mit Lorem ipsum ist es unmöglich zu beurteilen, ob das Design für Screenreader funktioniert oder ob ARIA-Labels im Kontext sinnvoll sind.

Stakeholder-Verwirrung: Kunden ohne Design-Hintergrund verwechseln Lorem Ipsum manchmal mit einem Übersetzungsfehler oder einem Fehler.

Befürworter des Content-First-Designs (wie Texterin Sarah Richards und UX-Designer Giles Colborne) argumentieren, dass das Gestalten mit echtem Inhalt — auch grob skizziertem — ehrlichere und genauere Designs produziert, weil der Inhalt selbst das Design ist.


Webtypografie und Platzhaltertext

Platzhaltertext ist unschätzbar wertvoll für die Bewertung typografischer Entscheidungen:

Schriftartenpaarung

Generieren Sie einen Titel- und Fließtextblock, um zu sehen, ob Ihre gewählte Überschriftschrift (z. B. eine fette Serifenschrift) gut mit Ihrer Fließtextschrift (z. B. einer klaren serifenlosen Schrift) harmoniert. Die bedeutungslosen Wörter stellen sicher, dass Sie Formen und Rhythmus beurteilen, nicht den Inhalt.

Zeilenhöhe und Abstände

Ein vollständiger Absatz Lorem ipsum zeigt, ob Ihre line-height zu eng ist (Text fühlt sich beengt an) oder zu weit (liest sich wie eine Liste). Die Standardempfehlungen liegen bei 1,4 bis 1,6 Mal der Schriftgröße für Fließtext.

Spaltenbreite und Lesbarkeit

Typografen verwenden das Maß-Prinzip (Zeilenlänge): 45 bis 75 Zeichen pro Zeile für optimale Lesbarkeit. Lorem ipsum lässt Sie schnell erkennen, ob Ihre Spaltenbreite dagegen verstößt.

Responsives Skalieren

Beobachten Sie, wie ein Lorem-ipsum-Block bei verschiedenen Breakpoints umbricht. Wirkt der Text bei mobilen Breiten noch ausgewogen? Bricht die Überschrift bei 320px noch elegant um?


Barrierefreiheits-Implikationen

Die Verwendung von Lorem ipsum hat wichtige Barrierefreiheitsimplikationen, die häufig übersehen werden.

Screenreader

Screenreader (wie NVDA, JAWS und VoiceOver) werden versuchen, Lorem ipsum auszusprechen, und dabei wirren, sinnlosen Ton erzeugen. Dies ist ein starkes Signal, dass Lorem ipsum niemals in die Produktion gelangen sollte.

ARIA-Labels und semantische Bedeutung

Beim Gestalten barrierefreier Komponenten muss der Platzhaltertext in Schaltflächen, Links und Formularbeschriftungen letztendlich durch bedeutungsvolle Texte ersetzt werden. Das Gestalten mit Lorem ipsum kann verschleiern, ob Ihre ARIA-Struktur die Absicht tatsächlich kommuniziert.

Kognitive Belastung testen

Sie können kognitive Belastung oder Leseverständnis mit Lorem ipsum nicht ordnungsgemäß testen. Echte Usability-Tests erfordern echten (oder realistischen) Inhalt.

Die goldene Regel

Veröffentlichen Sie Lorem ipsum niemals auf einer Live-Website oder -Anwendung. Automatisierte Prüfungen (wie Barrierefreiheits-Linter und SEO-Crawler) werden das durcheinander gewürfelte Pseudo-Latein als Inhaltsfehler markieren. Noch wichtiger: Echte Nutzer werden verwirrt oder abgeschreckt sein.


Wann Lorem Ipsum verwenden, wann echten Inhalt?

Die richtige Wahl hängt von der Designphase ab:

Phase Empfohlener Ansatz
Frühe Wireframes Lorem ipsum — Layoutfokus
Mittelfidelity-Mockups Lorem ipsum mit echten Überschriften
Highfidelity-Mockups Überall möglich echter Inhalt
Nutzertests Immer echter Inhalt
Produktion Niemals Lorem ipsum

Lorem ipsum verwenden, wenn:

  • Sie Layout-Optionen erkunden und nicht möchten, dass Inhalt strukturelle Entscheidungen beeinflusst
  • Sie eine Vorlage füllen oder einem Kunden ein Design-System demonstrieren müssen
  • Sie Dokumentation schreiben oder Tutorial-Screenshots erstellen

Echten Inhalt verwenden, wenn:

  • Sie Usability-Tests oder Nutzerforschung durchführen
  • Sie Entscheidungen über Schriftgröße, Hierarchie oder Textlänge treffen
  • Sie den Übergabe des Designs an die Entwicklung vorbereiten

HTML-Generierung und Integration mit Design-Tools

In <p>-Tags einbetten

Bei der Generierung von Lorem ipsum für die Webnutzung ist die HTML-Ausgabe oft am nützlichsten:

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna aliqua.</p>

<p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
aliquip ex ea commodo consequat.</p>

Jeder Absatz ist korrekt eingebettet und bereit für CSS-Styling.

Figma

Figma hat eine integrierte Lorem-ipsum-Tastenkombination: Wählen Sie eine Textebene und drücken Sie Shift + Cmd/Ctrl + L (oder verwenden Sie das "Lorem ipsum"-Plugin aus der Community). Sie können auch Plugins wie Lorem ipsum oder Content Reel für mehr Kontrolle verwenden.

Adobe XD

Adobe XD bietet Lorem-ipsum-Füllung über Rechtsklick → "Bearbeiten" oder Tastenkombinationen. Drittanbieter-Plugins wie Ipsum erweitern die Funktionalität.

Sketch

Sketch ermöglicht das Einfügen von Lorem ipsum über Einfügen → Text → Lorem Ipsum oder über Plugins wie Content Generator Sketch Plugin, die Textebenen mit thematischen Inhalten füllen können.


Best Practices

  1. Lorem ipsum in Design-Dateien und Dokumentation immer deutlich kennzeichnen — Verwenden Sie eine Notiz- oder Annotationsebene.
  2. Vor Nutzertests durch echten Inhalt ersetzen — Niemals mit Platzhaltertext testen.
  3. HTML-Ausgabe verwenden beim Integrieren in Webkomponenten, um die korrekte semantische Struktur zu erhalten.
  4. Textlänge an die Realität anpassen — Wenn Ihre Überschrift typischerweise 5 Wörter hat, keine 20-Wörter-Lorem-ipsum-Überschrift verwenden.
  5. Ansätze kombinieren — Lorem ipsum für Fließtext, aber echte (oder realistische) Überschriften, CTAs und Labels verwenden.
  6. Lorem ipsum niemals in eine Produktions-Codebasis einchecken. Linting-Regeln oder Content-Audits einrichten, um es zu erkennen.
  7. Thematische Alternativen wählen, wenn man nicht designversierten Stakeholdern präsentiert, um Verwirrung zu reduzieren.

Häufig gestellte Fragen

F: Ist Lorem ipsum echtes Latein? A: Es ist aus echtem Latein abgeleitet (Ciceros De Finibus), aber die als Platzhaltertext verwendete durchgemischte Version ist grammatikalisch nicht korrektes oder sinnvolles Latein.

F: Wer hat Lorem ipsum erfunden? A: Die ursprüngliche Quelle ist Cicero (45 v. Chr.). Seine Verwendung als Platzhaltertext wird Druckern des 15. Jahrhunderts zugeschrieben, möglicherweise Aldus Manutius.

F: Warum beginnt Lorem ipsum mit "Lorem", wenn es kein echtes Wort ist? A: "Lorem" ist ein Fragment von "dolorem" — der Originaltext begann mit "dolorem ipsum" und wurde abgeschnitten.

F: Kann ich Lorem ipsum in kommerziellen Projekten verwenden? A: Ja — Lorem ipsum ist gemeinfrei. Der Text selbst ist nicht urheberrechtlich geschützt.

F: Gibt es eine Standardlänge für Lorem ipsum? A: Der häufigste Standardabsatz hat 5 Sätze (etwa 69 Wörter). Die meisten Generatoren ermöglichen die Angabe einer beliebigen Länge.

F: Schadet Lorem ipsum meiner SEO? A: Ja, wenn es auf einer Live-Seite erscheint. Crawler können es als minderwertigen Inhalt markieren. Ersetzen Sie es immer vor der Veröffentlichung.

F: Was ist der beste Lorem-ipsum-Generator? A: Der beste Generator ist derjenige, der am besten zu Ihrem Workflow passt. Unser Tool bietet Klartext, HTML-Ausgabe, konfigurierbare Absatz-/Satzzählungen und beginnt auf Wunsch mit dem klassischen Einstieg.


Lorem ipsum hat über 500 Jahre überlebt, weil es ein echtes Problem löst: Es ermöglicht uns, visuelles Design zu beurteilen, ohne von Bedeutung abgelenkt zu werden. Durchdacht eingesetzt — in der richtigen Phase, mit den richtigen Vorbehalten — bleibt es eines der nützlichsten Werkzeuge im Designerkit. Vergessen Sie nur nicht: Es ist ein Gerüst, keine fertige Wand. Ersetzen Sie es, bevor Sie die Türen öffnen.