Typografie-Tipps - Versionsgeschichte

Matthias Scharwies: +kat

2020-02-09T20:33:05Z

+kat

← Nächstältere Version		Version vom 9. Februar 2020, 20:33 Uhr
Zeile 42:		Zeile 42:

	\|Unterrichtsidee}}		\|Unterrichtsidee}}
	[[Kategorie: Medien im Deutschunterricht]][[Kategorie:Deutsch]][[Kategorie:Schreiben]]		[[Kategorie: Medien im Deutschunterricht]][[Kategorie:Deutsch]]
			[[Kategorie:Schreiben]]
			[[Kategorie:Textverarbeitung]]

Klaus Dautel am 17. Januar 2019 um 11:48 Uhr

2019-01-17T11:48:15Z

← Nächstältere Version		Version vom 17. Januar 2019, 11:48 Uhr
Zeile 32:		Zeile 32:
	\|Merksatz}}		\|Merksatz}}
	{{Box\|Download\|		{{Box\|Download\|
	Diese [https://unterrichten.zum.de/~~wiki~~/~~Datei:~~Typografie-tipps.pdf Typografie-Tipps] stehen als ~~pdf~~ auch zum Download bereit.		Diese [https://unterrichten.zum.de/images/1/16/Typografie-tipps.pdf Typografie-Tipps] stehen als PDF auch zum Download bereit.
	\|Download}}		\|Download}}
	{{Box\|Aufgabe\|		{{Box\|Aufgabe\|

Klaus Dautel am 17. Januar 2019 um 11:41 Uhr

2019-01-17T11:41:19Z

← Nächstältere Version		Version vom 17. Januar 2019, 11:41 Uhr
Zeile 31:		Zeile 31:
	Was für das Papier gilt, gilt leider nicht für den Bildschirm! Dort sind Serifenschriften schwerer zu lesen und bieten sich stattdessen für Überschriften, Hervorhebungen und Initialen an.		Was für das Papier gilt, gilt leider nicht für den Bildschirm! Dort sind Serifenschriften schwerer zu lesen und bieten sich stattdessen für Überschriften, Hervorhebungen und Initialen an.
	\|Merksatz}}		\|Merksatz}}
			{{Box\|Download\|
			Diese [https://unterrichten.zum.de/wiki/Datei:Typografie-tipps.pdf Typografie-Tipps] stehen als pdf auch zum Download bereit.
			\|Download}}
	{{Box\|Aufgabe\|		{{Box\|Aufgabe\|
	Durchforscht einmal eure Lese-Gelegenheiten, wenn ihr ein Buch lest, eine Zeitschrift durchblättert oder wenn ihr im Internet surft.		Durchforscht einmal eure Lese-Gelegenheiten, wenn ihr ein Buch lest, eine Zeitschrift durchblättert oder wenn ihr im Internet surft.

Klaus Dautel: /* Einige Faustregeln der Textgestaltung */

2018-11-26T16:21:40Z

Einige Faustregeln der Textgestaltung

← Nächstältere Version		Version vom 26. November 2018, 16:21 Uhr
Zeile 5:		Zeile 5:
	Wenn ein Text '''getippt''' wird, d.h. auf einer Tastatur entsteht, dann gilt es auf andere Dinge zu achten: Den Schrifttyp, die Schriftgröße, die Farbe, die Anordnung auf dem Blatt oder dem Bildschirm, die Abstände von Buchstaben und Zeilen usw. Es geht also um '''Typografie''' und '''Layout''' und dafür gibt es einige Erfahrungswerte und Regeln. \|Hervorhebung1}}		Wenn ein Text '''getippt''' wird, d.h. auf einer Tastatur entsteht, dann gilt es auf andere Dinge zu achten: Den Schrifttyp, die Schriftgröße, die Farbe, die Anordnung auf dem Blatt oder dem Bildschirm, die Abstände von Buchstaben und Zeilen usw. Es geht also um '''Typografie''' und '''Layout''' und dafür gibt es einige Erfahrungswerte und Regeln. \|Hervorhebung1}}

	~~<ul>~~
	<font size=+4 face="times new roman" color=#660033>S</font>erifen sind "<strong>feine Abstriche</strong>" an den Buchstabenenden, die vermutlich durch die Meiseltechnik für römische Monumentalinschriften entstanden sind. Serifenschriften (Times, Garamond, Palatino, ...) gelten als lesefreundlich (darum in Tages- und Wochenzeitungen und Buchdruck vorherrschend)		<font size=+4 face="times new roman" color=#660033>S</font>erifen sind "<strong>feine Abstriche</strong>" an den Buchstabenenden, die vermutlich durch die Meiseltechnik für römische Monumentalinschriften entstanden sind. Serifenschriften (Times, Garamond, Palatino, ...) gelten als lesefreundlich (darum in Tages- und Wochenzeitungen und Buchdruck vorherrschend)
	~~<p>~~
	<font size=+4 face="verdana, arial" color=#330066>S</font>erifenlose - also schnörkellose - Schriften wie Arial, Futura, Helvetica oder Verdana eignen sich (auf Papier!) für Überschriften und Hervorhebungen.		<font size=+4 face="verdana, arial" color=#330066>S</font>erifenlose - also schnörkellose - Schriften wie Arial, Futura, Helvetica oder Verdana eignen sich (auf Papier!) für Überschriften und Hervorhebungen.
	~~<P>~~
	<font size=+4 face="times new roman" color=#660033>S</font>o wenig verschiedene Schriften wie möglich verwenden: Eine für die Überschriften, eine als "Brot"-Schrift und eine charakteristische Schrift fürs Titelblatt.		<font size=+4 face="times new roman" color=#660033>S</font>o wenig verschiedene Schriften wie möglich verwenden: Eine für die Überschriften, eine als "Brot"-Schrift und eine charakteristische Schrift fürs Titelblatt.
	~~<P>~~
	<font size=+4 face="Curlz MT" color=#660033>Z</font>ierschriften sind solche, deren Buchstaben besonders kunstvoll gestaltet wurden, die aber - <font face="Curlz MT">als Text geschrieben</font> - nicht sehr lesefreundlich sind. Sie eignen sich z.B. für Intitialen (das sind einleitende Buchstaben wie auf diesem Blatt) oder aus dem Rahmen fallende Überschriften.		<font size=+4 face="Curlz MT" color=#660033>Z</font>ierschriften sind solche, deren Buchstaben besonders kunstvoll gestaltet wurden, die aber - <font face="Curlz MT">als Text geschrieben</font> - nicht sehr lesefreundlich sind. Sie eignen sich z.B. für Intitialen (das sind einleitende Buchstaben wie auf diesem Blatt) oder aus dem Rahmen fallende Überschriften.
	~~</p>~~
	<font size=+4 face="times new roman" color=#660033>S</font>ei sparsam mit <B>Farben</B>! Keine größeren Textmengen in Farbe, und beachte die Hell-Dunkel-Kontraste.		<font size=+4 face="times new roman" color=#660033>S</font>ei sparsam mit <B>Farben</B>! Keine größeren Textmengen in Farbe, und beachte die Hell-Dunkel-Kontraste.
	~~<P>~~
	<font size=+4 face="times new roman" color=#660033>U</font><u>nterstreichen</u> ist eine überholte Form der Hervorhebung (aus der Schreibmaschinenzeit!), besser ist <B>Fett-</B> oder <I>Kursiv</I>-Druck oder KAPITÄLCHEN.		<font size=+4 face="times new roman" color=#660033>U</font><u>nterstreichen</u> ist eine überholte Form der Hervorhebung (aus der Schreibmaschinenzeit!), besser ist <B>Fett-</B> oder <I>Kursiv</I>-Druck oder KAPITÄLCHEN.
	<P>
	<~~font size=+4 face~~="times new roman" color=#~~660033~~>K</~~font~~>ästen, Rahmen und Tabellen mit dicken Rändern machen schnell einen kleinkarierten Eindruck, darum: Kampf dem ~~Kastenwesen~~. Es stammt aus der Urzeit der Elektronischen Datenverarbeitung und ist mittlerweile ein ziemlich ~~archaisches Relikt~~ der Seitengestaltung.		<div style="background:#dddddd;padding:10px;"><span style="fon-family:times new roman; color:#666666; font-size: 2.5em;">K</span>ästen, Rahmen und Tabellen mit dicken Rändern machen schnell einen kleinkarierten Eindruck, darum: Kampf dem Kästchenwesen. Es stammt aus der Urzeit der ''Elektronischen Datenverarbeitung'' und ist mittlerweile ein ziemlich altmodisches Mittel der Seitengestaltung. Moderner ist es, zur Hervorhebung Texte mit Farbflächen zu unterlegen.</div>
	<P>
	<font size=+4 face="times new roman" color=#660033>Z</font>eilen bzw. Textspalten sollte nicht mehr als 60 Zeichen enthalten, breitere Zeilen ermüden den Leser und erschweren das Auffinden der nächsten Zeile. Lösung: Breitere Seiten-Ränder und/oder Zweispalten-Satz.		<font size=+4 face="times new roman" color=#660033>Z</font>eilen bzw. Textspalten sollte nicht mehr als 60 Zeichen enthalten, breitere Zeilen ermüden den Leser und erschweren das Auffinden der nächsten Zeile. Lösung: Breitere Seiten-Ränder und/oder Zweispalten-Satz.
	~~<p>~~
	<font size=+4 face="times new roman" color=#660033>D</font>ie untere Grenze ist 30 Zeichen pro Zeile.		<font size=+4 face="times new roman" color=#660033>D</font>ie untere Grenze ist 30 Zeichen pro Zeile.
	~~<P>~~
	<font size=+4 face="times new roman" color=#660033>B</font>ei geringer Spaltenbreite (30 Zeichen und weniger) sollte linksbündiger Flattersatz gewählt werden, das vermeidet die zerdehnten Zwischenräume, die im Blocksatz entstehen können.		<font size=+4 face="times new roman" color=#660033>B</font>ei geringer Spaltenbreite (30 Zeichen und weniger) sollte linksbündiger Flattersatz gewählt werden, das vermeidet die zerdehnten Zwischenräume, die im Blocksatz entstehen können.
	~~<P>~~
	<small>Anregungen sind entnommen C.D.Khazaeli: „Crashkurs Typo und Layout", Rowohlt 1998</small>		<small>Anregungen sind entnommen C.D.Khazaeli: „Crashkurs Typo und Layout", Rowohlt 1998</small>
	~~</ul>~~
	{{Box\|Beachte\|		{{Box\|Beachte\|
	Was für das Papier gilt, gilt leider nicht für den Bildschirm! Dort sind Serifenschriften schwerer zu lesen und bieten sich stattdessen für Überschriften, Hervorhebungen und Initialen an.		Was für das Papier gilt, gilt leider nicht für den Bildschirm! Dort sind Serifenschriften schwerer zu lesen und bieten sich stattdessen für Überschriften, Hervorhebungen und Initialen an.

Klaus Dautel: /* Deutschunterricht und Computereinsatz */

2018-11-26T16:08:03Z

Deutschunterricht und Computereinsatz

← Nächstältere Version		Version vom 26. November 2018, 16:08 Uhr
Zeile 1:		Zeile 1:
	==~~Deutschunterricht und Computereinsatz==~~		==Einige Faustregeln der Textgestaltung==
	~~'''~~Einige Faustregeln der Textgestaltung ~~(Typografie)'''~~
	{{Box\|Worum geht's\|		{{Box\|Worum geht's\|
	Wer einen Text schreibt, möchte - im Allgemeinen - dass dieser gut lesbar ist und schön aussieht. Das hängt dann meistens von der Handschrift ab!		Wer einen Text schreibt, möchte - im Allgemeinen - dass dieser gut lesbar ist und schön aussieht. Das hängt dann meistens von der Handschrift ab!

Klaus Dautel: /* Deutschunterricht und Computereinsatz */

2018-11-26T16:06:18Z

Deutschunterricht und Computereinsatz

← Nächstältere Version		Version vom 26. November 2018, 16:06 Uhr
Zeile 1:		Zeile 1:
	==Deutschunterricht und Computereinsatz==		==Deutschunterricht und Computereinsatz==
	'''Einige Faustregeln der Textgestaltung (Typografie)'''		'''Einige Faustregeln der Textgestaltung (Typografie)'''
	{{Box\|~~Kurztext~~\|		{{Box\|Worum geht's\|
	~~Kommt noch~~.		Wer einen Text schreibt, möchte - im Allgemeinen - dass dieser gut lesbar ist und schön aussieht. Das hängt dann meistens von der Handschrift ab!
	~~\|Hervorhebung1}}~~

			Wenn ein Text '''getippt''' wird, d.h. auf einer Tastatur entsteht, dann gilt es auf andere Dinge zu achten: Den Schrifttyp, die Schriftgröße, die Farbe, die Anordnung auf dem Blatt oder dem Bildschirm, die Abstände von Buchstaben und Zeilen usw. Es geht also um '''Typografie''' und '''Layout''' und dafür gibt es einige Erfahrungswerte und Regeln. \|Hervorhebung1}}

	<ul>		<ul>
Zeile 30:		Zeile 30:
	</ul>		</ul>
	{{Box\|Beachte\|		{{Box\|Beachte\|
	Was für das Papier gilt, gilt leider nicht für den Bildschirm! Dort sind Serifenschriften schwerer zu lesen und bieten sich stattdessen für Überschriften, Hervorhebungen und Initialen ~~(wie z.B. oben)~~ an.		Was für das Papier gilt, gilt leider nicht für den Bildschirm! Dort sind Serifenschriften schwerer zu lesen und bieten sich stattdessen für Überschriften, Hervorhebungen und Initialen an.
	\|Merksatz}}		\|Merksatz}}

Klaus Dautel: /* Deutschunterricht und Computereinsatz */

2018-11-26T15:54:04Z

Deutschunterricht und Computereinsatz

← Nächstältere Version		Version vom 26. November 2018, 15:54 Uhr
Zeile 9:		Zeile 9:
	<font size=+4 face="times new roman" color=#660033>S</font>erifen sind "<strong>feine Abstriche</strong>" an den Buchstabenenden, die vermutlich durch die Meiseltechnik für römische Monumentalinschriften entstanden sind. Serifenschriften (Times, Garamond, Palatino, ...) gelten als lesefreundlich (darum in Tages- und Wochenzeitungen und Buchdruck vorherrschend)		<font size=+4 face="times new roman" color=#660033>S</font>erifen sind "<strong>feine Abstriche</strong>" an den Buchstabenenden, die vermutlich durch die Meiseltechnik für römische Monumentalinschriften entstanden sind. Serifenschriften (Times, Garamond, Palatino, ...) gelten als lesefreundlich (darum in Tages- und Wochenzeitungen und Buchdruck vorherrschend)
	<p>		<p>
	<font size=+4 face="verdana, arial" color=#330066>S</font>erifenlose Schriften (Arial, Futura, Helvetica, Verdana ~~...)~~ eignen sich ~~für Überschriften~~ und Hervorhebungen.		<font size=+4 face="verdana, arial" color=#330066>S</font>erifenlose - also schnörkellose - Schriften wie Arial, Futura, Helvetica oder Verdana eignen sich (auf Papier!) für Überschriften und Hervorhebungen.
	<P>		<P>
	<font size=+4 face="times new roman" color=#660033>S</font>o wenig verschiedene Schriften wie möglich verwenden: Eine für die Überschriften, eine als "Brot"-Schrift und eine charakteristische Schrift fürs Titelblatt.		<font size=+4 face="times new roman" color=#660033>S</font>o wenig verschiedene Schriften wie möglich verwenden: Eine für die Überschriften, eine als "Brot"-Schrift und eine charakteristische Schrift fürs Titelblatt.
	<P>		<P>
			<font size=+4 face="Curlz MT" color=#660033>Z</font>ierschriften sind solche, deren Buchstaben besonders kunstvoll gestaltet wurden, die aber - <font face="Curlz MT">als Text geschrieben</font> - nicht sehr lesefreundlich sind. Sie eignen sich z.B. für Intitialen (das sind einleitende Buchstaben wie auf diesem Blatt) oder aus dem Rahmen fallende Überschriften.
			</p>
	<font size=+4 face="times new roman" color=#660033>S</font>ei sparsam mit <B>Farben</B>! Keine größeren Textmengen in Farbe, und beachte die Hell-Dunkel-Kontraste.		<font size=+4 face="times new roman" color=#660033>S</font>ei sparsam mit <B>Farben</B>! Keine größeren Textmengen in Farbe, und beachte die Hell-Dunkel-Kontraste.
	<P>		<P>
Zeile 28:		Zeile 30:
	</ul>		</ul>
	{{Box\|Beachte\|		{{Box\|Beachte\|
	Was für das Papier gilt, gilt leider nicht für den Bildschirm! Dort sind Serifenschriften schwerer zu lesen und bieten sich stattdessen für Überschriften, Hervorhebungen und Initialen (wie z.B. oben) an.		Was für das Papier gilt, gilt leider nicht für den Bildschirm! Dort sind Serifenschriften schwerer zu lesen und bieten sich stattdessen für Überschriften, Hervorhebungen und Initialen (wie z.B. oben) an.
	\|Merksatz}}		\|Merksatz}}

	{{Box\|Aufgabe\|		{{Box\|Aufgabe\|
	~~Kommt noch~~.		Durchforscht einmal eure Lese-Gelegenheiten, wenn ihr ein Buch lest, eine Zeitschrift durchblättert oder wenn ihr im Internet surft.

			# Wo werden Schriften mit oder ohne Serifen verwendet?
			# Achtet auch auf Überschriften und Hervorhebungen. Wie wird z.B. zwischen Wichtigem und weniger Wichtigem unterschieden?
			# Und wie wird mit Farben und Farbflächen gearbeitet? Mit welchen Wirkungsabsichten?

	\|~~Üben~~}}		\|Unterrichtsidee}}
	[[Kategorie: Medien im Deutschunterricht]][[Kategorie:Deutsch]][[Kategorie:Schreiben]]		[[Kategorie: Medien im Deutschunterricht]][[Kategorie:Deutsch]][[Kategorie:Schreiben]]

Klaus Dautel: Die Seite wurde neu angelegt: „==Deutschunterricht und Computereinsatz== '''Einige Faustregeln der Textgestaltung (Typografie)''' {{Box|Kurztext| Kommt noch. |Hervorhebung1}}

2018-11-26T15:19:28Z

Die Seite wurde neu angelegt: „==Deutschunterricht und Computereinsatz== '''Einige Faustregeln der Textgestaltung (Typografie)''' {{Box|Kurztext| Kommt noch. |Hervorhebung1}} <ul> 
Serifen sind "feine Abstriche" an den Buchstabenenden, die vermutlich durch die Meiseltechnik für römische Monumentalinschriften entstanden sind. Serifenschriften (Times, Garamond, Palatino, ...) gelten als lesefreundlich (darum in Tages- und Wochenzeitungen und Buchdruck vorherrschend)

Serifenlose Schriften (Arial, Futura, Helvetica, Verdana ...) eignen sich für Überschriften und Hervorhebungen.

So wenig verschiedene Schriften wie möglich verwenden: Eine für die Überschriften, eine als "Brot"-Schrift und eine charakteristische Schrift fürs Titelblatt.

Sei sparsam mit Farben! Keine größeren Textmengen in Farbe, und beachte die Hell-Dunkel-Kontraste.

Unterstreichen ist eine überholte Form der Hervorhebung (aus der Schreibmaschinenzeit!), besser ist Fett- oder Kursiv-Druck oder KAPITÄLCHEN.

Kästen, Rahmen und Tabellen mit dicken Rändern machen schnell einen kleinkarierten Eindruck, darum: Kampf dem Kastenwesen. Es stammt aus der Urzeit der Elektronischen Datenverarbeitung und ist mittlerweile ein ziemlich archaisches Relikt der Seitengestaltung.

Zeilen bzw. Textspalten sollte nicht mehr als 60 Zeichen enthalten, breitere Zeilen ermüden den Leser und erschweren das Auffinden der nächsten Zeile. Lösung: Breitere Seiten-Ränder und/oder Zweispalten-Satz.

Die untere Grenze ist 30 Zeichen pro Zeile.

Bei geringer Spaltenbreite (30 Zeichen und weniger) sollte linksbündiger Flattersatz gewählt werden, das vermeidet die zerdehnten Zwischenräume, die im Blocksatz entstehen können.

Anregungen sind entnommen C.D.Khazaeli: „Crashkurs Typo und Layout", Rowohlt 1998
</ul>
{{Box|Beachte|
Was für das Papier gilt, gilt leider nicht für den Bildschirm! Dort sind Serifenschriften schwerer zu lesen und bieten sich stattdessen für Überschriften, Hervorhebungen und Initialen (wie z.B. oben) an.
|Merksatz}}

{{Box|Aufgabe|
Kommt noch.

|Üben}}
[[Kategorie: Medien im Deutschunterricht]][[Kategorie:Deutsch]][[Kategorie:Schreiben]]