So erstellen Sie ein professionelles Magazin-Layout

Ein paar Mal pro Monat besuchen wir einige der Lieblingsbeiträge unserer Leser aus der gesamten Geschichte von Vectortuts +. Dieses Tutorial von Otto Coster wurde erstmals am 4. August 2010 veröffentlicht.

Haben Sie sich jemals gefragt, wie professionelle Designer die perfekte Balance zwischen Text und Bild schaffen? Mit den leistungsstarken InDesign-Textwerkzeugen lernen Sie Techniken, mit denen Sie das Layout eines Magazins festlegen und gestalten können.

Suchen Sie nach einer schnellen Lösung?

Wenn Sie nach einer schnellen Lösung suchen, bietet Envato Elements eine große Sammlung von Layouts für Zeitschriften. Mit einer großen Auswahl an Layouts und mehr Design-Assets, die für eine erschwingliche monatliche Gebühr zum Download zur Verfügung stehen, können Sie schnell mit Ihrem Projekt beginnen. Hier sind einige unserer Favoriten!

1. Modezeitschrift

2. Minimales Magazin

3. Architekturmagazin

4. Lemo Magazine

5. Das legale Magazin

Schritt 1: Einrichten des Dokuments

Für dieses Tutorial verwenden wir ein Standarddokument im Format A4. Beginnen Sie mit der Einstellung der Seitenzahl auf 8, der Beschnittzugabe auf 2 mm, damit sich Bilder überlappen können, die Ränder oben und unten auf 10 mm, der innere Rand auf 13 mm und der äußere Rand auf 20 mm. Der Grund für diese unterschiedlichen Ränder ist, dass in einem Spread mit 2 Seiten ein etwas größerer Rand auf der Außenseite der Seite besser aussieht und Platz für die gedruckte Version bietet. Es ist auch nützlich für das Seitenraster im nächsten Schritt.


Schritt 2: Erstellen eines Gitters

Um das Seitenraster einzurichten, gehen Sie zu "A-Master Spread" und wählen Sie "Layout"> "Hilfslinien erstellen". Ein Raster wird verwendet, um die Konsistenz des Seitenlayouts aufrechtzuerhalten, und bietet einen Rahmen zum Positionieren von Inhalt. Ein gut verwendetes Raster ist das erste, was Sie benötigen, um Ihrem Layout ein professionelles Aussehen zu verleihen. Für dieses Tutorial verwenden wir ein Raster mit 12 Zeilen mal 12 Spalten und einem Abstand von 3 mm. Wählen Sie "Hilfslinien an Ränder anpassen", um ein Raster mit einer Spaltenbreite von 12 mm zu erstellen.

Warum? Unsere Seitenbreite beträgt 210 mm, mit 20 mm Außenseite und 13 mm Innenseiten haben wir 177 mm für 12 Säulen und 11 Rinnen. 12 Säulen à 12 mm plus 11 Dachrinnen à 3 mm sind 177 mm.


Schritt 3: Hintergrund platzieren

Wenn Sie ein Magazinlayout erstellen, sollten Sie ein ausgewogenes Verhältnis zwischen Leerraum, Bildern und Text beibehalten. Eine gute Technik ist die Verwendung eines Bildes mit viel „leerem“ Raum. Der Raum um das Motiv hat die gleiche Funktion wie der weiße Raum. Ich verwende ein Foto mit dem Namen Summertime Sunshine von Stewart. Es hat einen schönen verschwommenen Hintergrund, auf dem wir unseren Text platzieren können.

Gehen Sie zu Seite 2-3 und platzieren Sie Ihr Foto so in den Anschnittbereich, dass die gesamte Fläche bedeckt ist. Bewegen Sie das Foto im Rahmen so, dass sich das Motiv innerhalb des Randes der ersten Seite befindet und der obere Rand des Cocktails sich am Rand einer Rasterzeile befindet.


Schritt 4: Textkörper erstellen

Erstellen Sie einen Textrahmen, der sich an derselben vertikalen und horizontalen Position befindet wie der Cocktail auf der anderen Seite, hier in der dritten Zeile, der fünften Spalte des Rasters. Dadurch entsteht eine imaginäre Linie, die das Bild mit dem Text verbindet. Ich habe den Titel des Fotos "Summertime Sunshine" als Überschrift verwendet und den Rest des Rahmens mit der Funktion "Mit Platzhaltertext füllen" von InDesign gefüllt.


Schritt 5: Einrichten eines Basislinienrasters

Damit unser Text gut aussieht, müssen wir ein Grundlinienraster einrichten. Gehen Sie zu Preferences> Grids und setzen Sie ein Increment Every auf 8 pt. In diesem Tutorial verwenden wir eine Textgröße von 12 Punkten und eine Zeilenlänge von 16 Punkten. Ein Grundlinienraster von 8 Punkten, das die Hälfte der führenden ist, bietet Flexibilität, da wir es auch für kleinere Textgrößen verwenden können.


Schritt 6: Ändern des Basis-Absatzstils

Gehen Sie zur Absatzformatpalette und ändern Sie den Stil des Basisabsatzes. Ich habe FF Meta Book Roman mit einer Größe von 12 pt und einer Steigung von 16 pt verwendet. Sie können die Anfangszeile auch bei der automatischen Einstellung belassen, da unser Grundlinienraster dafür sorgt, dass der gesamte Text gut ausgerichtet ist.


Schritt 7: Ausrichtung

Gehen Sie zu Einrückungen und Abständen und setzen Sie die Ausrichtung auf Left Justify. Im Web ist es kaum möglich, gut aussehenden, begründeten Text zu erstellen, aber InDesign macht es sehr einfach. Ändern Sie auch die Einstellung In Raster ausrichten in Alle Zeilen, und fügen Sie nach einem Absatz 16 Leerzeichen hinzu. Dies ist nicht erforderlich, und Sie können auch First Line Indent zum Trennen der Absätze verwenden.


Schritt 8: Silbentrennung

Silbentrennung ist für begründeten Text sehr wichtig. Es zerlegt lange Wörter am Ende einer Spalte, so dass die Spalte eine gerade Kante hat, anstatt große Lücken zu enthalten. Die Standard-Silbentrennungseinstellungen in InDesign erfordern einige Anpassungen, um das Aussehen unseres Haupttextes zu verbessern. Ich ändere die Einstellungen, um die Silbentrennung nur für Wörter mit mindestens 6 Buchstaben und nach dem ersten und vor den letzten 3 Buchstaben zu verwenden. Das Trennstrichlimit legt fest, wie viele Zeilen in einer Zeile am Ende einen Trennstrich haben dürfen. Ich denke, 3 ist viel zu viel und ein Maximum von 1 sieht viel besser aus. Außerdem sollten Sie die Kontrollkästchen für Großschreibung und letzte Wörter deaktivieren.


Schritt 9: Begründung

Standardmäßig sind die Einstellungen für die Ausrichtung etwas zu verlieren. Stellen Sie den Wortabstand auf mindestens 85% und den Höchstwert auf 105% ein. Auf diese Weise haben die Wörter keine großen oder kleinen Lücken zwischen sich. Stellen Sie für den Buchstabenabstand das Minimum auf -2% und das Maximum auf 2% ein. Dies verbessert die Rechtfertigung erheblich. Sie können bei Bedarf auch mit der Skalierung von Glyphen experimentieren.


Schritt 10: Textfarbe

Ich verwende Weiß als Farbe für den Text aufgrund des dunklen Hintergrunds. Wählen Sie aus, was am besten aussieht, aber halten Sie den Text lesbar.


Schritt 11: Textspalten

Öffnen Sie die Textrahmenoptionen mit einem Rechtsklick auf den Textrahmen und ändern Sie die Spalten mit einer 3-mm-Rinne in eine Zahl von 2. Auf diese Weise wird die Zeilenlänge reduziert und die Lesbarkeit erhöht.


Schritt 12: Überschrift

Für die Überschrift möchten wir eine größere Textgröße von 42 pts und einen negativen Tracking-Wert von -50 verwenden, um den Abstand zwischen den Buchstaben zu verringern. Überschriften können oft von der Anpassung der Verfolgung profitieren.


Schritt 13: Span Columns

Eine neue Funktion in InDesign CS5 ist die Möglichkeit, dass sich ein Absatz über Spalten erstreckt. Wir werden dies hier verwenden, um die Überschrift über beide Spalten des Textrahmens zu richten. Stellen Sie das Absatzlayout auf Überspannungsspalten und Spannweite auf Alle ein.


Schritt 14: Überschriftenanpassungen

Aufgrund der Spuranpassung berühren sich die Buchstaben "r" und "t" jetzt. Dies möchten Sie generell vermeiden. Um dieses Problem zu lösen, habe ich das Kerning auf 75 zwischen den Buchstaben gesetzt, wodurch genügend Platz geschaffen wird, um sie voneinander zu trennen.


Schritt 15: Optische Randausrichtung

Das letzte, was Sie tun möchten, ist eine kleine Einstellung in der Story-Palette von InDesign: Optical Margin Alignment. Dadurch werden die Bindestriche, Anführungszeichen und breiten Zeichen wie W und A außerhalb des Textrahmens verschoben. Dies erhöht das Aussehen der Kanten. Klicken Sie auf den Textrahmen, aktivieren Sie die Optische Randausrichtung und stellen Sie den Wert auf die Größe des Haupttextes ein.


Fazit

Sie haben jetzt eine einfache, aber ausgewogene Seite mit guter Typografie und Verwendung von Leerraum erstellt. Sie haben die Grundlagen für ein einheitliches Magazinlayout eingerichtet.