Zitat-Posts gestalten, die nicht wie jedes andere Zitat aussehen

Gute Zitat-Posts hängen an vier Dingen: ein Zitat, gekürzt auf seine stärkste Zeile, groß gesetzt in einer Schrift mit Charakter, sauber in einer eigenen Zeile zugeordnet und auf einem Hintergrund, der dir gehört statt einem Stock-Sonnenuntergang. Stimmen diese vier, liest sich ein Zitat-Post wie ein durchdachtes Stück Design statt wie eine weitere Kachel im Feed.

Das Zitat wählen und kürzen

Die besten Zitat-Posts tragen einen Gedanken, der beim ersten Lesen sitzt. Lange Passagen werden zu kleiner Schrift, und kleine Schrift wird weggescrollt. Ziel auf ein Zitat von etwa 8 bis 20 Worten. Ist das vollständige Zitat länger, nimm den Satz, der die Idee trägt, und setz den Rest in die Bildunterschrift.

Typografie für Zitat-Posts

In einem Zitat-Post ist die Schrift das Design, also wähl eine mit Persönlichkeit. Eine Serifenschrift mit guter Kursive passt zu nachdenklichen oder literarischen Zitaten, eine kräftige Grotesk zu kurzen, pointierten Zeilen, und eine Display-Schrift kann ein oder zwei einzelne Worte tragen. Serif vs. Sans Serif erklärt, was beide tendenziell signalisieren, und Schriftkombinationen zeigt, wie du eine zweite Schrift für die Quellenangabe ergänzt.

• Groß setzen. Auf einem Post mit 1080 Pixeln Breite kann ein kurzes Zitat 70 bis 110 Pixel groß sein.
• Den Zeilenabstand verringern. Große Zeilen wirken bei normalem Zeilenabstand locker; etwa 1,1 bis 1,2 hält sie zusammen.
• Nach Sinn umbrechen. Beende jede Zeile an einer natürlichen Pause, nicht dort, wo das Textfeld zufällig umbricht.
• Typografische Anführungszeichen nutzen. „ und “ statt gerader " Zeichen, die getippt wirken.
• Das öffnende Zeichen hängen lassen. Lass das öffnende Anführungszeichen knapp außerhalb des linken Rands stehen, damit die Buchstaben bündig sind.

.quote {
  font-size: clamp(2rem, 6vw, 4.5rem);
  line-height: 1.15;
  text-wrap: balance;
  hanging-punctuation: first;
}

/* Where hanging-punctuation isn't supported, pull the first line back by the width of the mark. */
@supports not (hanging-punctuation: first) {
  .quote { text-indent: -0.42em; }
}

Ein Zitat sauber zuordnen

Die Quellenangabe sollte leicht zu finden und leise genug sein, um nicht zu konkurrieren. Setz den Namen in eine eigene Zeile, eine klare Stufe kleiner als das Zitat, in einem anderen Schnitt oder in Versalien mit etwas mehr Laufweite (siehe Laufweite). Vor dem Namen brauchst du keine Satzzeichen: Zeilenumbruch und Größenwechsel sagen schon, wer es gesagt hat.

Hintergründe für Zitat-Posts

Der Grund, warum die meisten Zitat-Posts gleich aussehen, ist der Hintergrund: ein Berg im Morgengrauen, ein Strand, ein unscharfes Café. Diese Bilder teilen Tausende Accounts, und sie sagen nichts über dich. Ein ruhiger Verlauf oder eine Textur in deinen eigenen Farben bewirkt das Gegenteil. Er gibt den Worten Raum, ist erkennbar deiner und hält den Blick auf dem Zitat.

Halte den ruhigsten, gleichmäßigsten Teil des Hintergrunds hinter den Worten und prüfe dort den Kontrast. Text auf einem Farbverlauf erklärt, wie du die Schriftfarbe nach Helligkeit wählst, damit das Zitat auf jedem Teil der Fläche lesbar bleibt.

Aus Zitaten eine erkennbare Serie machen

Ein Zitat-Post ist ein schöner Moment. Zwanzig im selben Layout werden zu einem Format, das man quer durch den Feed erkennt, und eine Zitatserie ist einer der einfachsten Wege, einem Raster Rhythmus zu geben, wie unter Instagram-Grid-Ästhetik beschrieben.

1. 1

   Das Layout festlegen

   Dieselbe Schrift, derselbe Größenbereich, dieselbe Position für Zitat und Namen, jedes Mal.

2. 2

   Die Hintergrundfamilie festlegen

   Ein Material oder eine Verlaufsfamilie, von Post zu Post leicht variiert.

3. 3

   Einen Namen oder eine Nummer geben

   Ein kleines Label wie Donnerstagsgedanke oder Nr. 12 macht aus einzelnen Posts eine Serie.

4. 4

   Einen Vorrat anlegen

   Sammle geprüfte Zitate mit ihren Quellen in einer Liste, damit jeder neue Post nur Minuten dauert.

In Gradiently kann eine Zitat-Vorlage jeden Mark tragen, und der Mark schiebt seinen ruhigsten Bereich hinter die Worte, sodass sich ein Zitat ohne Kasten oder Schatten liest. Sicherst du dir einen Mark, gehört dieser Hintergrund dir allein.