Dein Maga­zin lebt nicht nur von Über­schrif­ten, Fließ­text und Bil­dern. Dazu kom­men je nach Maga­zin wei­tere Text­ele­mente wie Zitate, kurze Texte, die dei­nen Text anrei­ßen (Teaser oder Ein­lauf­text genannt), Unter­über­schrif­ten, Bild­un­ter­schrif­ten, Sei­ten­zah­len und wei­tere Ele­mente. Außer­dem nutzt du viel­leicht Icons oder For­men für deine Gestal­tung.

Wie­der gilt: Die Ele­mente soll­ten sich in der Publi­ka­tion wie­der­ho­len und so für Wie­der­erken­nung und Ord­nung sor­gen.

In die­sem Arti­kel zeige ich dir, wie du Zitate gestal­test und in dein Sei­ten­lay­out inte­grierst. Im letz­ten Arti­kel

Über­blick über die bis­her erschie­ne­nen Arti­kel

Zitate

Dieser Screenshot zeigt eine Doppelseite eines Magazines. Auf der linken Seite befindet sich oben ein großes Bild, darüber die Headline. Auf der unteren linken Seite steht Fließtext. Zu Beginn des Fließtextes steht ein Zitat. Es ist in brauner Farbe abgebildet, im Gegensatz zum schwarz gedruckten Fließtext. Außerdem steht es in einer größeren Schriftgröße. Auf der rechten Seite sind drei Fotos von Personen über die Seite verteilt. Links unten liegt über jedem Bild ein großes Anführungszeichen und unter dem Bild steht schwarz in kleinerer Schrift ein Zitat von der jeweiligen Person gedruckt.

Zitate brin­gen Leben in deine Seite. Du hast zwei Mög­lich­kei­ten:

  1. Aus dem Fließ­text auf der Seite zitie­ren, um den Leser neu­gie­rig auf den Text zu machen.
  2. Ein­zelne Per­so­nen unab­hän­gig vom Fließ­text zitie­ren.

Damit sich die Zitate optisch vom Fließ­text unter­schei­den, for­ma­tierst du sie anders als den Fließ­text. Du kannst z. B.:

  • Eine grö­ßere Schrift­art ver­än­dern
  • Den Zei­len­ab­stand etwas ver­grö­ßern
  • Eine andere Schrift­art wäh­len (aber mische nicht zu viele Schrift­ar­ten, dann wirkt’s chao­tisch!)
  • Eine andere Farbe für die Schrift ein­stel­len

Neben der For­ma­tie­rung hast du fol­gende Mög­lich­kei­ten, um dein Zitat zu gestal­ten:

  • Bil­der von der Per­son ein­set­zen, die du zitierst
  • Anfüh­rungs­zei­chen groß hin­ter den Text set­zen
  • Eine Hin­ter­grund­farbe für das Zitat wäh­len
  • Dein Zitat mit einem Rah­men ein­gren­zen oder unten und oben Linien ein­zu­fü­gen
  • Ein Icon oder eine Form ver­wen­den, die dein Zitat her­aus­ste­chen lässt

Achte dar­auf, dass das Zitat optisch zu dei­nem Text passt. For­ma­tiere alle Zitate gleich oder ähn­lich, um einen Wie­der­erken­nungs­wert zu schaf­fen. Eine Mög­lich­keit ist es, die­selbe For­ma­tie­rung bei allen Zita­ten zu ver­wen­den und als Farbe jeweils die Farbe des Kapi­tels zu ver­wen­den (wenn du unter­schied­li­che Far­ben für die Kapi­tel dei­nes Maga­zi­nes ver­wen­dest). Damit schaffst du Wie­der­erken­nung und gleich­zei­tig Abwechs­lung.

Im Fol­gen­den siehst du einige Mög­lich­kei­ten:

Dieser Screenshot zeigt eine Doppelseite eines Magazines. Auf der linken Seite befindet sich oben ein großes Bild, darüber die Headline. Auf der unteren linken Seite steht Fließtext. Zu Beginn des Fließtextes steht ein Zitat. Es ist in brauner Farbe abgebildet, im Gegensatz zum schwarz gedruckten Fließtext. Außerdem steht es in einer größeren Schriftgröße. Auf der rechten Seite sind drei Fotos von Personen über die Seite verteilt. Links unten liegt über jedem Bild ein großes Anführungszeichen und unter dem Bild steht schwarz in kleinerer Schrift ein Zitat von der jeweiligen Person gedruckt.
Zitat rechts ist schlicht und in einer ande­ren Farbe und Schrift­größe gedruckt. Das Anfüh­rungs­zei­chen hin­ter dem Zitat auf der lin­ken Seite dient als Blick­fang. Außer­dem ist dort der Zei­len­ab­stand grö­ßer als der des Fließ­tex­tes.
Auf dieser Seite des Magazins steht rechts in zwei Spalten der Fließtext. Links steht ein Zitat, das schlicht in schwarz gedruckt ist. Es ragt zur Hälfte in die linke Spalte des Fließtextes, der an dieser Stelle nur eine halbe Spalte breit fließt.
Ein schlich­tes Zitat, das in den Fließ­text her­ein­ragt
Auf dieser Seite des Magazins steht rechts in zwei Spalten der Fließtext. Links steht ein Zitat, das schlicht in dunkelblau gedruckt ist. Es ragt zur Hälfte in die linke Spalte des Fließtextes, der an dieser Stelle nur eine halbe Spalte breit fließt.
Eine Varia­tion in der Farbe
Diese Magazinseite ist voll mit einem Bild von einem Buch und einer Kaffeetasse auf einer Sesselarmlehne bedeckt. Links unten steht in weißer Schrift vor dem Hintergrund des roten Sessels das Zitat.
Ein Zitat auf einer Bild­seite
Diese Magazinseite ist bedeckt mit einem Bild bunter Luftballons. Davor steht ein halb transparentes weißes Rechteck, in dem in dunkelblauer Schrift das Zitat steht.
Ein Zitat auf einer Bild­seite, vor einem halb­trans­pa­ren­ten Recht­eck
Auf dieser Magazinseite steht auf der linken Seite unter der großen Überschrift eine Spalte Fließtext. Auf der rechten Seite bedeckt ein Bild von einer Frau fast die ganze Seite. In der Mitte, über beide Seiten, ragt ein hellblaues Rechteck. In der Mitte des Rechtecks beginnt das Zitat, schwarz gedruckt. Ein großes weißes Anführungszeichen steht halb hinter dem Beginn des Zitates.
Ein Zitat in einem auf­fäl­li­gen Recht­eck, mit einem wei­ßen Anfüh­rungs­zei­chen. Hier wird viel Weiß­raum genutzt, was den Fokus auf das Zitat und das große Bild der Frau lenkt.

Um die Schrift­größe zu ver­än­dern, stelle am bes­ten für die Zitate die Aus­rich­tung am Grund­li­ni­en­ras­ter aus. Außer­dem ist ein eige­ner Stil für die Zitate prak­tisch, damit du sie alle schnell anpas­sen kannst.

Um einen Text vor einem halb­trans­pa­ren­ten Hin­ter­grund zu erstel­len, nutze am bes­ten einen Text­rah­men und ein Recht­eck. Wenn du nur einen Text­rah­men far­big erstellst, und eine Trans­pa­renz ein­stellst, wird auch der Text selbst trans­pa­rent und ist nicht mehr so gut sicht­bar. Erstelle statt­des­sen also einen Text­rah­men, der genauso groß ist wie das Recht­eck. Für den Text im Text­rah­men stellst du Abstände zu den Sei­ten ein, damit der Text nicht direkt am Text­rah­men dran­klebt.

In diesem Screenshot ist zu sehen, dass der Text an den Seiten des hellblauen Rechtecks direkt dranklebt. Es ist kein Abstand zwischen Text und Rechteckrahmen vorhanden.

In diesem Screenshot ist zu sehen, dass nun zwischen Text und Rechteckrahmen ein Abstand vorhanden ist.
Abstände zu den Sei­ten sind ein­ge­stellt, außer­dem ist in den „Tex­t­ei­gen­schaf­ten“ unter „Spal­ten und Text­ab­stände“ bei „ver­ti­kale Aus­rich­tung“ „unten“ ein­ge­stellt.

Für mehr Inspi­ra­tio­nen:

Pull quo­tes“ ist das eng­li­sche Fach­wort für diese Art von Zita­ten im Design. Gebe es bei Pin­te­rest oder bei Google ein und du fin­dest noch viel mehr Inspi­ra­tio­nen zur Gestal­tung dei­ner Zitate. Achte immer dar­auf, wie die Gestal­tung wirkt. Passt sie zu der Wir­kung, die du mit dei­ner Bro­schüre erzie­len willst? Oder ist sie zu ver­spielt, zu tra­di­tio­nell, zu ele­gant?

Zum Wei­ter­le­sen

Die­ser eng­li­sche Blog­ar­ti­kel dreht sich nur um die „Pull quo­tes“ – Zitate. Tipps, Bei­spiele und was du bes­ser ver­mei­dest. Es kom­men einige Fach­wör­ter vor, goo­geln mit dem Zusatz „Lay­out“ hilft beim Ver­ste­hen, da die Fach­wör­ter meist noch andere Bedeu­tun­gen haben. Hier fin­dest du ein deutsch­spra­chi­ges Lexi­kon, wel­ches dir die Fach­wör­ter erklärt: Typo­le­xi­kon.

Die­ser Arti­kel gibt dir noch mehr Tipps zu Pull Quo­tes und zeigt dir Best-Prac­tices.

 

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht.

Wenn du möchtest, kannst du einen Namen, eine Website und eine E-Mail-Adresse angeben. Diese Daten sowie dein Kommentar und das Datum werden solange gespeichert, bis du widersprichst.

Deine IP-Adresse wird nicht gespeichert. Mehr Informationen zum Datenschutz erhältst du in der Datenschutzerklärung: Zur Datenschutzerklärung