arbeitsmethoden:grundlagen-von-formatierung-und-textlayout
Unterschiede
Hier werden die Unterschiede zwischen zwei Versionen angezeigt.
Nächste Überarbeitung | Vorhergehende Überarbeitung | ||
arbeitsmethoden:grundlagen-von-formatierung-und-textlayout [30.08.2017 (10:29)] – angelegt retemirabile | arbeitsmethoden:grundlagen-von-formatierung-und-textlayout [01.09.2025 (10:04)] (aktuell) – Externe Bearbeitung 127.0.0.1 | ||
---|---|---|---|
Zeile 1: | Zeile 1: | ||
+ | ====== Grundlagen von Formatierung und Textlayout ====== | ||
+ | |||
Es gibt viele Möglichkeiten, | Es gibt viele Möglichkeiten, | ||
- | Die Anordnung von Text in einem Dokument nennt man das **Layout* | + | Die Anordnung von Text in einem Dokument nennt man das **Layout** (engl.: //to lay out sth.//: etwas auslegen, z.B. Fotos auf einem Tisch). Dieser Begriff bezieht sich immer auf eine ganze Seite. Die Gestaltung der Buchstaben und Wörter, z.B. die Schriftart, Schriftgröße oder auch -farbe nennt man die **Formatierung**. |
+ | |||
+ | Im Folgenden werden die wichtigsten Begriffe für Textlayout und Formatierung beschrieben. Teilweise werden auch **Tastaturkürzel** | ||
+ | |||
+ | |||
+ | {{page>: | ||
+ | ===== Video ===== | ||
+ | |||
+ | Das folgende Video zeigt ebenfalls einige Aspekte zu diesem Thema. | ||
- | Im Folgenden werden die wichtigsten Begriffe für Textlayout und Formatierung beschrieben. Teilweise werden auch **Tastaturkürzel* | + | {{youtube> |
- | p(box). In der Grundeinstellung zeigt Word die beiden Hauptsymbolleisten in einer Zeile an, was die Bedienung sehr umständlich macht. Man kann die " | ||
- | ==== Weißraum ==== | + | ===== Weißraum |
- | Beim Layout eines Dokuments ist der **Weißraum* für die Übersichtlichkeit genauso wichtig wie der Text selbst, denn der Text kann nur richtig wirken, wenn er in einem angemessenen Verhältnis zum Weißraum steht. Hier ein Beispiel (man sollte sich zunächst die *beiden** folgenden Abbildungen anschauen, um diese miteinander vergleichen zu können): | + | Beim Layout eines Dokuments ist der **Weißraum** für die Übersichtlichkeit genauso wichtig wie der Text selbst, denn der Text kann nur richtig wirken, wenn er in einem angemessenen Verhältnis zum Weißraum steht. Hier ein Beispiel (man sollte sich zunächst die **beiden** folgenden Abbildungen anschauen, um diese miteinander vergleichen zu können): |
- | {{.: | + | {{.: |
{{.: | {{.: | ||
Zeile 17: | Zeile 26: | ||
Die beiden Texte sind identisch. Im zweiten wurde aber der Weißraum praktisch komplett entfernt mit dem Ergebnis, dass der Text schon von Weitem völlig unübersichtlich wirkt. | Die beiden Texte sind identisch. Im zweiten wurde aber der Weißraum praktisch komplett entfernt mit dem Ergebnis, dass der Text schon von Weitem völlig unübersichtlich wirkt. | ||
- | ==== Wie kann man Texte gliedern? ==== | + | ===== Wie kann man Texte gliedern? |
Zunächst wird ein Text von der Person gegliedert, die ihn schreibt. Die Grundeinheit eines Textes ist ein **Absatz**. Pro Absatz schreibt man normalerweise über einen abgeschlossenen Gedanken oder ein " | Zunächst wird ein Text von der Person gegliedert, die ihn schreibt. Die Grundeinheit eines Textes ist ein **Absatz**. Pro Absatz schreibt man normalerweise über einen abgeschlossenen Gedanken oder ein " | ||
- | In Word erzeugt man einen **Absatz* , indem man die < | + | In Word erzeugt man einen **Absatz** , indem man die < |
- | Die beiden wichtigsten Methoden, Absätze //auf Papier// erkennbar zu machen, sind die **Einrückung* | + | Die beiden wichtigsten Methoden, Absätze //auf Papier// erkennbar zu machen, sind die **Einrückung** und der **Abstand nach** |
=== Gliederung sichtbar machen === | === Gliederung sichtbar machen === | ||
- | table(valignTop). | ||
- | |//. Beispiel|// | ||
- | |{{.: | ||
- | |{{.: | ||
- | Diese Formen | + | |<100% 400px >| |
+ | ^Beispiel^Erklärung^ | ||
+ | |{{.: | ||
+ | |{{.:278.png}}|Man kann auch den **Abstand nach** | ||
- | ==== Zeichenformatierung ==== | + | Diese Formen des Layouts kann man als Abatzformatierung einstellen. |
- | Die folgenden Formatierungen wendet Word auf einzelne **Zeichen* | + | ===== Zeichenformatierung ===== |
+ | |||
+ | Die folgenden Formatierungen wendet Word auf einzelne **Zeichen** an (also Buchstaben, Zahlen, Punkte etc.). Wenn man einen bestehenden Text umformatieren möchte, muss man zunächst alle **Zeichen** markieren, auf die die Änderung angewandt werden soll. Meist wird man ein ganzes Wort oder sogar einen ganzen Satz formatieren, | ||
Man findet die entsprechenden Schaltflächen in der Formatierungssymbolleiste ... | Man findet die entsprechenden Schaltflächen in der Formatierungssymbolleiste ... | ||
Zeile 45: | Zeile 55: | ||
{{.: | {{.: | ||
- | |||
=== Schriftart oder Type === | === Schriftart oder Type === | ||
Zeile 56: | Zeile 65: | ||
== Serifen == | == Serifen == | ||
- | Obwohl die Grundform der Buchstaben immer gleich ist, gibt es sehr viele verschiedene Schriftarten (Typen). Zwei große Gruppen kann man unterscheiden: | + | Obwohl die Grundform der Buchstaben immer gleich ist, gibt es sehr viele verschiedene Schriftarten (Typen). Zwei große Gruppen kann man unterscheiden: |
{{.: | {{.: | ||
- | Serifen sind die kleinen " | + | Serifen sind die kleinen " |
Im Internet ist es oft umgekehrt: eine serifenlose Schrift für den Text, eine Serifenschrift für die Überschriften. Das liegt daran, dass Bildschirme den Text bei weitem nicht so scharf darstellen können wie das mit Druckfarbe auf Papier geht. Die Serifen verschwimmen daher bei kleinen Schriftgrößen und machen den Text schwer lesbar. Bei großen Überschriften ist das nicht so stark der Fall, so dass man hier gut eine Serifenschrift benutzen kann. So machen wir es auch hier auf unserer Website. | Im Internet ist es oft umgekehrt: eine serifenlose Schrift für den Text, eine Serifenschrift für die Überschriften. Das liegt daran, dass Bildschirme den Text bei weitem nicht so scharf darstellen können wie das mit Druckfarbe auf Papier geht. Die Serifen verschwimmen daher bei kleinen Schriftgrößen und machen den Text schwer lesbar. Bei großen Überschriften ist das nicht so stark der Fall, so dass man hier gut eine Serifenschrift benutzen kann. So machen wir es auch hier auf unserer Website. | ||
Zeile 68: | Zeile 77: | ||
{{.: | {{.: | ||
- | Der folgende Text zeigt unterschiedliche **Schriftgrößen*. Textverarbeitungsprogramme wie Word geben die Schriftgröße in der Maßeinheit *" | + | Der folgende Text zeigt unterschiedliche **Schriftgrößen**. Textverarbeitungsprogramme wie Word geben die Schriftgröße in der Maßeinheit |
{{.: | {{.: | ||
Zeile 82: | Zeile 91: | ||
{{.: | {{.: | ||
- | ** *Fettdruck** | + | |
- | ** In einem gedruckten Dokument sollte man dagegen *keine Unterstreichung* verwenden, weil der Strich das Lesen eher erschwert, so dass man eigentlich das Gegenteil | + | * In einem gedruckten Dokument sollte man dagegen |
- | * Auch GROSSBUCHSTABEN sollte man sparsam einsetzen, weil der Text dadurch sehr unruhig wird. Viele Menschen empfinden einen GROSS GESCHRIEBENEN TEXT auch als " | + | * Auch GROSSBUCHSTABEN sollte man sparsam einsetzen, weil der Text dadurch sehr unruhig wird. Viele Menschen empfinden einen GROSS GESCHRIEBENEN TEXT auch als " |
- | ** Wichtig ist, dass eine Hervorhebung nur dann wirkt, wenn sie sich vom umgebenden Text unterscheidet. Man sollte daher z.B. *nie einen ganzen Absatz fett** drucken und schon gar nicht unterstreichen. | + | * Wichtig ist, dass eine Hervorhebung nur dann wirkt, wenn sie sich vom umgebenden Text unterscheidet. Man sollte daher z.B. **nie einen ganzen Absatz fett** drucken und schon gar nicht unterstreichen. |
+ | ===== Absatzformatierung ===== | ||
- | ==== Absatzformatierung ==== | + | Die folgenden Formatierungen werden auf ganze **Absätze** angewandt (im Gegensatz zur oben besprochenen Zeichenformatierung) . Man muss den jeweiligen Absatz nicht vorher markieren. Es reicht, wenn der Cursor in dem Absatz positioniert wird, der formatiert werden soll. |
- | + | ||
- | Die folgenden Formatierungen werden auf ganze **Absätze** angewandt (im Gegensatz zur oben besprochenen | + | |
Die entsprechenden Funktionen finden sich in der Formatierungssymbolleiste ... | Die entsprechenden Funktionen finden sich in der Formatierungssymbolleiste ... | ||
Zeile 103: | Zeile 111: | ||
{{.: | {{.: | ||
- | table(valignTop). | + | |<100% 400px >| |
- | |//. Beispiel|//. Erklärung| | + | ^Beispiel^Erklärung^ |
- | |{{.: | + | |{{.: |
- | |{{.: | + | |{{.: |
- | |{{.: | + | |{{.: |
- | |{{.: | + | |{{.: |
Zeile 117: | Zeile 125: | ||
Der Zeilenabstand ist sehr wichtig für eine gute Lesbarkeit des Textes. In den meisten Textverarbeitungsprogrammen gibt es dafür drei Stufen. | Der Zeilenabstand ist sehr wichtig für eine gute Lesbarkeit des Textes. In den meisten Textverarbeitungsprogrammen gibt es dafür drei Stufen. | ||
- | table(valignTop). | + | |<100% 400px >| |
- | |//. Beispiel|//. Erklärung| | + | ^Beispiel^Erklärung^ |
- | |{{.: | + | |{{.: |
- | |{{.: | + | |{{.: |
- | |{{.: | + | |{{.: |
Für längere Texte ist 1,5-facher Zeilenabstand am besten lesbar. Der Weißraum nach jeder Schriftzeile hilft dem Auge, die nächste Zeile zu finden, wenn es vom Ende einer Zeile an den Anfang der nächsten springen muss. | Für längere Texte ist 1,5-facher Zeilenabstand am besten lesbar. Der Weißraum nach jeder Schriftzeile hilft dem Auge, die nächste Zeile zu finden, wenn es vom Ende einer Zeile an den Anfang der nächsten springen muss. | ||
Zeile 127: | Zeile 135: | ||
=== Einrückung === | === Einrückung === | ||
- | Die Einrückung stellt entweder mit Hilfe des Lineals ein (Details im Beitrag | + | Die Einrückung stellt entweder mit Hilfe des Lineals ein (Details im Beitrag |
{{.: | {{.: | ||
Zeile 135: | Zeile 143: | ||
Je nach Text und Gestaltung kann man verschiedene Formen der Einrückung verwenden. | Je nach Text und Gestaltung kann man verschiedene Formen der Einrückung verwenden. | ||
- | table(valignTop). | + | |<100% 400px >| |
- | |//. Beispiel|//. Erklärung| | + | ^Beispiel^Erklärung^ |
- | |{{.: | + | |{{.: |
- | |{{.: | + | |{{.: |
- | {{.: | + | {{.: |
Zeile 147: | Zeile 155: | ||
{{.: | {{.: | ||
- | table(valignTop). | + | |
- | |//. Beispiel|//. Erklärung| | + | |<100% 400px >| |
- | |{{.: | + | ^Beispiel^Erklärung^ |
+ | |{{.: | ||
|{{.: | |{{.: | ||
Zeile 156: | Zeile 165: | ||
**Arabische Zahlen** | **Arabische Zahlen** | ||
- | 1. | + | 1.\\ |
- | 2. | + | 2.\\ |
- | 3. | + | 3.\\ |
**Römische Zahlen** | **Römische Zahlen** | ||
- | I | + | I\\ |
- | II | + | II\\ |
- | III | + | III\\ |
**Großbuchstaben** | **Großbuchstaben** | ||
- | A | + | A\\ |
- | B | + | B\\ |
- | C | + | C\\ |
**Kleinbuchstaben** | **Kleinbuchstaben** | ||
- | (a) | + | (a)\\ |
- | (b) | + | (b)\\ |
- | (c) | + | %%(c)%%\\ |
+ | |||
+ | Man kann dabei auch wählen, ob man hinter jedem Zeichen einen Punkt macht (wie im ersten Beispiel), oder ob man die Zeichen in Klammern setzt (wie im Letzten) usw. Auch [[/ | ||
+ | |||
+ | |||
+ | ===== Fazit ===== | ||
+ | |||
+ | Man kann mit einem Textverarbeitungsprogramm wie Word unzählige verschiedene Varianten der **Formatierung** | ||
- | Man kann dabei auch wählen, ob man hinter jedem Zeichen | + | Die Formatierung und das Layout eines Textes tragen entscheidend dazu bei, wie gut der Leser einen Text versteht und wie gründlich er ihn liest. Daher sollte man diese Gestaltungselemente bewusst und gekonnt einsetzen |
- | ==== Fazit ==== | + | ===== Weitere Videos ===== |
- | Man kann mit einem Textverarbeitungsprogramm wie Word unzählige verschiedene Varianten der **Formatierung* | + | {{url> |
- | Die Formatierung und das Layout eines Textes tragen entscheidend dazu bei, wie gut der Leser einen Text versteht und wie gründlich er ihn liest. Daher sollte man diese Gestaltungselemente bewusst und gekonnt einsetzen |
arbeitsmethoden/grundlagen-von-formatierung-und-textlayout.1504081745.txt.gz · Zuletzt geändert: (Externe Bearbeitung)