3 -- Das erste Layout

Benutzeravatar
Anke
Beiträge: 919
Registriert: Sa 31. Jan 2015, 09:01

3 -- Das erste Layout

Beitrag von Anke »

Mit dem Layout erstellst du das harmonische Zusammenspiel von Text und Grafiken in einem Dokument. Wichtig ist hierbei eine Anordnung der Texte und Grafiken, so dass sie zu einem Bild zusammenwachsen. Gleichmäßige Absätze, ansprechende Schriftarten und ein gleichmäßiges Raster sind Grundlagen für Harmonie und Einheitlichkeit im gesamten Dokument. Das Dokument soll auf den ersten Blick ansprechend wirken, aber auch das Interesse am Lesen wecken.

Bereits in der Renaissance entdeckten berühmte Maler, dass ein Bild harmonischer wirkt, je symmetrischer es aufgebaut ist. Der Blick folgt der Schrift in Linien. Denke einmal nach, auf welchem Papier schreibst du am liebsten? - liniiert oder doch kariert?

Um diese Symmetrie zu erzeugen, arbeitete bereits Leonardo mit einem Raster und Teilungslinien, um die Fläche für sein Bild aufzuteilen. In der Fotografie sucht man nach Linien im Motiv, an denen man sich orientiert. Eine besondere Ästhetik erzeugt der Goldene Schnitt.

Auch Layouts für Druckmedien oder Webseiten werden in Gestaltungsrastern angeordnet. Bei der Gestaltung eines Buchlayouts wird grundsätzlich von einer Doppelseite ausgegangen:
#


Mit Aufteilungslinien, die die gesamte Doppelseite diagonal durchkreuzen, und zwei weiteren Diagonalen, die jeweils aus der oberen Mitte der Doppelseite heraus die beiden Seiten teilen, wird ein Raster gebildet.

Mithilfe dieses Rasters erhält man eine optimale Seitenaufteilung für den Buch- bzw. mehrseitigen Druck.

Scribus hat bereits vorgegebene Seitenaufteilungen, die auf den Arbeiten der Väter des Buchdrucks basieren. Du findest die Varianten bei den Seiteneinstellungen hinter Standardlayouts (gilt nicht bei Einzelseiten), wenn du ein neues Projekt startest bzw. über Menü Seite – Eigenschaften der Seite.
Bild
#


Hierbei wird immer die Innenseite eines Buches als kleinster Rand eingestellt. Alle anderen Ränder stehen in einem bestimmten Verhältnis zueinander.

Der untere Rand wird dabei am größten eingestellt. Dieser Platz wird häufig für Quellenverweise und natürlich die Seitenzahl verwendet.

Nur für Flyer und im Zeitungsdruck legt man einen gleichmäßigen Rand rund um das Dokument an.

Bei Zeitungen würde ein Rand wie im Buchdruck eine Platzverschwendung darstellen. Es wird jeder Zentimeter des Layouts mit Artikeln, Anzeigen und Werbeblöcken gefüllt. Ein Layout wie im Buchdruck wäre für eine Zeitung nicht tragbar, da zu viel Fläche verloren ginge.

Seitenaufteilung / Raster

Mithilfe von Spalten und Zeilen werden die Inhalte auf einer Seite ansprechend platziert. Für dieses Raster können Hilfslinien, Grundlinienraster und ganze Raster einstellt werden.

Je nach Größe des Papierformates wird das Layout in mehrere Spalten geteilt. Bis zu 8 Spalten kann ein Seitenlayout fassen.
Hier ein Beispiel 2 Spalten und 3 Spalten:

#


Je kleiner das Raster gewählt wird, desto geordneter wirkt das Endergebnis. Jede Spalte lässt sich noch einmal in Spalten aufteilen und jede Zeile in mehrere Zeilen. Je feiner das Raster, desto besser lassen sich die Elemente anordnen.

Gute Beispiele für Rasterlayout findest du in den gängigen politischen und technischen Zeitschriften. Etwas kreativer gestaltet sind häufig Frauenmagazine. Layout-Beispiele findest du überall. Versuche einmal den Inhalt eines Magazins zu ignorieren und konzentriere dich ganz und gar auf den Aufbau. Du siehst die Raster und Aufteilung von Bild und Schrift.

Vergleiche die verschiedenen Layout-Stile miteinander. Verbringe beim nächsten Einkauf ein bisschen mehr Zeit in der Zeitschriften-Ecke deines Supermarktes. Stöbere durch die verschiedenen Angebote und lass dich für dein eigenes Layout inspirieren.

Das Raster wird zunächst grob angelegt, so dass ungefähr feststeht, wo Text und wo Bilder angeordnet sein sollen.

Um nun ein feineres Raster zu erstellen, um Bilder und Textrahmen daran auszurichten, kann man mit vielen Hilfslinien ein Raster erstellen oder man ruft das automatische Raster in Scribus auf.

So wie auf einem Schreibblock Linien und Karos sind, können auch in Scribus solche Raster und Hilfslinien sichtbar gemacht werden.

Wähle Menü Ansicht – Rasterlinien um dir ein Raster anzeigen zu lassen:
#


Nicht immer benötigt man ein Raster aus horizontalen und vertikalen Linien. Hat man z.B. bereits automatische Textrahmen eingefügt, benötigt man häufig nur noch horizontale Linien, um daran Bilder etc. auszurichten. Über Menü Ansicht – Grundlinienraster anzeigen kannst du dir die Grundlinien anzeigen lassen:
#


Man kann auch ganz individuelle Hilfslinien in das Layout einfügen. Möchtest du z.B. ein zweispaltiges Layout erstellen, kannst du mit den Hilfslinien die Begrenzungen dieser Spalten einfügen und dabei ganz individuelle Abstände zu den Spalten einstellen. Öffne dazu das Menü Seite – Hilfslinien bearbeiten.
#



Das Hilfslinien-Fenster ist in 3 Bereiche eingeteilt:

Im Register Einfach kannst du individuelle Hilfslinien einfügen. Klicke auf die Schaltfläche „Hinzufügen“, so dass im Feld darüber ein neuer Wert angezeigt wird. Im Textfeld zur Position gibst du die genaue Position der Hilfslinie an. Möchtest du eine Hilfslinie löschen, klickst du zunächst die Position der entsprechende Hilfslinie an und klickst anschließend auf „Löschen“.
#


Im Register Spalte/Zeile können automatische Hilfslinien erzeugt werden. Du legst fest, wie viele Spalten und Zeilen du für dein Layout benötigst und setzt den Abstand fest. Scribus erzeugt automatisch, im gleichmäßigen Abstand die eingestellte Anzahl von Hilfslinien in Zeilen und Spalten.
Die Einstellung "Relativ zu Seite", Ränder oder Markierung, gibt an, von wo die Hilfslinien berechnet werden, ob vom Rand oder von der Seite berechnet werden.
#


Im 3. Register kannst du die Hilfslinien wieder aus dem gesamten Dokument mit einem Klick löschen. Beim Anlegen werden die Hilfslinien sofort im Dokument angezeigt. Klicke auf OK, um die Bearbeitung der Hilfslinien abzuschließen.
#



Einstellung des Rasters

Über Menü Datei – Allgemeine Einstellungen - Register Hilfslinien hast du die Möglichkeit, die Abstände der Rasterlinien global für alle Dokumente einzustellen. Und kannst festlegen, ob sie immer angezeigt werden oder ob sie über Menü Ansicht aufgerufen werden müssen.
#



Übung

Übung 1


Öffne Scribus und erstelle ein neues Layout für einen Flyer.

Er sollte eine Vorderseite und eine Rückseite besitzen (zweiseitig) im Querformat. Stelle die Ränder auf 10 mm für alle 4 Rändern ein.

Füge einen automatischen Textrahmen ein. Der Textrahmen soll 3 Spalten besitzen mit einem Abstand von 15 mm.
Stelle den Anschnitt auf 5mm ein.

Speichere das Layout als 3-spaltiger-flyer.sla

#
#


Übung 2

Öffne ein neues Dokument mit Scribus. Es soll ein 2-seitiges Layout sein (Doppelseite). Wähle für die Ränder die Fibonacci-Regel.
Alle Maßeinheiten sollen in pt angezeigt werden.
Füge Hilfslinien ein, außerdem drei automatisch generierte Spalten mit einem Abstand von 4pt.
Blende das Grundlinienraster ein.

Speichere das Layout als fibonacci.sla
#
#
Wer glaubt, dass Administratoren administrieren
und Moderatoren moderieren
Glaubt auch, dass Zitronenfalter Zitronen falten
Bild
Benutzeravatar
Ella
Beiträge: 33
Registriert: So 8. Feb 2015, 11:45

Re: 3 -- Das erste Layout

Beitrag von Ella »

Hallo Anke
da ich gerade etwas Zeit habe, mache ich gleich weiter. Hier kommen meine Übungen zur Lektion 3
fibonacci.sla
(11.25 KiB) 15-mal heruntergeladen
3-spalten-flyer.sla
(13.8 KiB) 8-mal heruntergeladen
Viele Grüße Ella
Benutzeravatar
Anke
Beiträge: 919
Registriert: Sa 31. Jan 2015, 09:01

Re: 3 -- Das erste Layout

Beitrag von Anke »

Hallo Ella
auch das hat super funktioniert. Dann schaue ich gleich mal bei der nächsten Übung vorbei.

Gruß Anke ;)
Wer glaubt, dass Administratoren administrieren
und Moderatoren moderieren
Glaubt auch, dass Zitronenfalter Zitronen falten
Bild
swiss
Beiträge: 45
Registriert: Di 14. Jun 2016, 13:48

Re: 3 -- Das erste Layout

Beitrag von swiss »

und hier noch zwei Übungen!! :) Macht Spaß!
LG Monika
Dateianhänge
3-spaltiger-flyer.sla
(13.3 KiB) 6-mal heruntergeladen
fibonacci.sla
(9.73 KiB) 3-mal heruntergeladen
Benutzeravatar
Anke
Beiträge: 919
Registriert: Sa 31. Jan 2015, 09:01

Re: 3 -- Das erste Layout

Beitrag von Anke »

Hallo Monika
ich habe mir deine Übungen gerade angeschaut. Die haben super geklappt. Weiter gehts mit Lektion 4

Viele Grüße
Anke
Wer glaubt, dass Administratoren administrieren
und Moderatoren moderieren
Glaubt auch, dass Zitronenfalter Zitronen falten
Bild
KatjaSchacht
Beiträge: 7
Registriert: Do 16. Jun 2016, 14:52

Re: 3 -- Das erste Layout

Beitrag von KatjaSchacht »

Meine nächsten Übungen,

wie bekomme ich die Ansichten auf dem Flyer Blatt nebeneinander?

Grüße
Katja
Dateianhänge
fibonacci.sla
(11.2 KiB) 2-mal heruntergeladen
3-spaltiger-flyer.sla
(13.73 KiB) 4-mal heruntergeladen
Benutzeravatar
Anke
Beiträge: 919
Registriert: Sa 31. Jan 2015, 09:01

Re: 3 -- Das erste Layout

Beitrag von Anke »

Hallo Katja
Deine Übungen haben auch wieder super geklappt.

Zum Verkleinern der Ansicht, schaust du unten an den Fensterrand, dort findest du eine Prozentuale Einstellung und Lupen mit + und - . Daran kannst du die Ansichtsgröße verändern und die Blätter springen automatisch nebeneinander.

Viele Grüße
Anke
Wer glaubt, dass Administratoren administrieren
und Moderatoren moderieren
Glaubt auch, dass Zitronenfalter Zitronen falten
Bild
Benutzeravatar
utnik
Beiträge: 929
Registriert: Sa 31. Jan 2015, 08:48

Re: 3 -- Das erste Layout

Beitrag von utnik »

hallo katja
KatjaSchacht hat geschrieben:wie bekomme ich die Ansichten auf dem Flyer Blatt nebeneinander?
wenn ich das richtig verstehe, stört dich die ansicht auf der arbeitsfläche (weder neben- noch übereinander…)
das ist die übliche ansicht der ersten beiden seiten eines doppelseiten-layouts für broschüren, hefte, bücher…

wenn du beim erstellen des dokumentes 'einzelne seite' wählst, liegen vorder- und rückseite gerade untereinander. um die beiden seiten nebeneinander zu haben, wählst du 'doppelseite' und für die darstellung der ersten seiter die option 'rechte seite'.

auf das layout hat das für deinen flyer keinen einfluss (in anderen fällen aber schon…)

gruss
utnik
Sille
Beiträge: 21
Registriert: Mi 27. Jul 2016, 11:40

Re: 3 -- Das erste Layout

Beitrag von Sille »

Hallo nochmal,

ich hoffe ich habe alles richtig verstanden - hier die nächsten beiden Übungen...

Viele Grüße
Sille
Dateianhänge
3-spaltiger-flyer.sla
(13.97 KiB) 5-mal heruntergeladen
fibonacci.sla
(9.65 KiB) 6-mal heruntergeladen
Act as if what you do makes a difference. It does. --- William James
Benutzeravatar
Anke
Beiträge: 919
Registriert: Sa 31. Jan 2015, 09:01

Re: 3 -- Das erste Layout

Beitrag von Anke »

Hallo Sille
dein Flyer ist super geworden. Beim Fibonacci solltest du 3 Spalten einrichten, also 2 vertikale Hilfslinien. Wenn du in dem Assistenten "Relativ zu Ränder" anklickst, verteilen sich die Spalten gleichmäßig über den Satzspiegel.

Viele Grüße
Anke
Wer glaubt, dass Administratoren administrieren
und Moderatoren moderieren
Glaubt auch, dass Zitronenfalter Zitronen falten
Bild
Antworten