<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Typefacts &#187; Ränder</title>
	<atom:link href="http://typefacts.com/tag/rander/feed" rel="self" type="application/rss+xml" />
	<link>http://typefacts.com</link>
	<description>Typografie verstehen</description>
	<lastBuildDate>Wed, 11 Aug 2010 16:00:27 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.5</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Zeilenabstand</title>
		<link>http://typefacts.com/artikel/grundlagen/zeilenabstand</link>
		<comments>http://typefacts.com/artikel/grundlagen/zeilenabstand#comments</comments>
		<pubDate>Tue, 14 Apr 2009 21:00:06 +0000</pubDate>
		<dc:creator>Christoph</dc:creator>
				<category><![CDATA[Artikel]]></category>
		<category><![CDATA[Grundlagen]]></category>
		<category><![CDATA[Durchschuß]]></category>
		<category><![CDATA[kompreß]]></category>
		<category><![CDATA[Lesbarkeit]]></category>
		<category><![CDATA[Leseanreiz]]></category>
		<category><![CDATA[Raster]]></category>
		<category><![CDATA[Ränder]]></category>
		<category><![CDATA[Rückschwung]]></category>
		<category><![CDATA[Satzspiegel]]></category>
		<category><![CDATA[Zab]]></category>
		<category><![CDATA[Zeile]]></category>
		<category><![CDATA[Zeilenabstand]]></category>
		<category><![CDATA[Zeilenlänge]]></category>

		<guid isPermaLink="false">http://typefacts.com/wordpress/?p=259</guid>
		<description><![CDATA[Der Zeilenabstand, auch kurz Zab genannt, bildet zusammen mit der Zeilenlänge ein Grundgerüst des Lesekomforts. Wenn die Zeilen einmal zu kurz oder zu lang geraten, kann mit sorgfältig gewähltem Zeilenabstand noch einiges gerettet werden. Doch was ist eigentlich Zeilenabstand? 



Zeilenabstand ist der Abstand von Grundlinie zu Grundlinie.
Durchschuß ist, vereinfacht ausgedrückt, der Abstand zwischen den Unterlängen [...]]]></description>
			<content:encoded><![CDATA[<p>Der Zeilenabstand, auch kurz <em>Zab</em> genannt, bildet zusammen mit der Zeilenlänge ein Grundgerüst des Lesekomforts. Wenn die Zeilen einmal zu kurz oder zu lang geraten, kann mit sorgfältig gewähltem Zeilenabstand noch einiges gerettet werden. Doch was ist eigentlich Zeilenabstand? <span id="more-259"></span></p>
<div class="samplebox">
<object width="522" height="200"><param name="movie" value="/wordpress/wp-content/themes/barthelme/images/flash/zab.swf" /><param name="quality" value="high" /><param name="menu" value="false" /><embed src="/wordpress/wp-content/themes/barthelme/images/flash/zab.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="522" height="200" menu="false"></embed></object></p>
<div class="outro">
<p><strong>Zeilenabstand</strong> ist der Abstand von <a href="http://de.wikipedia.org/wiki/Liniensystem_(Typografie)" class="wikipedia">Grundlinie</a> zu Grundlinie.<br />
<strong>Durchschuß</strong> ist, vereinfacht ausgedrückt, der Abstand zwischen den <a href="http://de.wikipedia.org/wiki/Liniensystem_(Typografie)" class="wikipedia">Unterlängen</a> der ersten und den <a href="http://de.wikipedia.org/wiki/Liniensystem_(Typografie)" class="wikipedia">Oberlängen</a> der nächsten Zeile. Bei Schriftgröße 12 Punkt und Zeilenabstand 14 Punkt ist der Durchschuß = 2 (14–12).<br />
<span class="fontlink">[<a href="http://www.fontshop.com/fonts/downloads/emigre/cholla_slab_ot/">Schrift: Cholla Slab</a>]</span></p>
</div>
</div>
<p>Ähnlich wie bei der Zeilenlänge ist es unmöglich, <em>den</em> richtigen Zeilenabstand isoliert vorzugeben. </p>
<blockquote><p>»In der Typografie kann die Einzelheit nie für sich alleine betrachtet werden.«<br />
<span class="small">(Jost Hochuli in <a href="http://www.amazon.de/gp/product/3721205472?ie=UTF8&#038;tag=typefacts-21&#038;link_code=as3&#038;camp=2514&#038;creative=9386&#038;creativeASIN=3721205472">Das Detail in der Typografie</a>, S.&nbsp;35)</span></p></blockquote>
<p>Das Auge entscheidet schon beim bloßen Anblick eines Textes, ob er verlockend aussieht oder besser links liegen gelassen werden sollte. Es weiß zum Beispiel, daß das Lesen von langen Zeilen mühsam ist, wenn die Zeilen zu eng beieinander stehen.<br />
Probiere selbst aus, wie sich Änderungen an Zeilenlänge und -abstand auf die Wirkung eines Textes auswirken:</p>
<div class="samplebox">
<object width="522" height="350"><param name="movie" value="/wordpress/wp-content/themes/barthelme/images/flash/zeilen.swf" /><param name="quality" value="high" /><param name="menu" value="false" /><embed src="/wordpress/wp-content/themes/barthelme/images/flash/zeilen.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="522" height="350" menu="false"></embed></object></p>
<div class="outro">
<p>Am deutlichsten wird die Wechselwirkung von Zeilenlänge und -abstand, wenn Du die Zeilen sehr lang ziehst und die Automatik ausgeschaltet läßt. Je länger die Zeilen sind, desto mehr Zeilenabstand braucht das Auge, um bequem den Anfang der nächsten Zeile zu finden.<br /><span class="fontlink">[<a href="http://www.fontshop.com/fonts/downloads/process/klavika_ot/">Schrift: Klavika</a> | <a href="http://typefoundry.blogspot.com/2008/05/roman-tragedy.html">Text: »Roman Tragedy« von James Mosley</a>]</span></p>
</div>
</div>
<p>Das entscheidende beim Zeilenabstand ist, daß er dem Auge hilft, den Anfang der nächsten Zeile leicht zu finden. </p>
<blockquote><p>»Der Weg des Rückschwungs kann zur unbewußten Qual werden.«<br />
<span class="small">(Hans Peter Willberg in Lesetypografie)</span></p></blockquote>
<p>Bei kurzen Zeilen ist der <em>Rückschwung</em> (Der Weg vom Ende der einen Zeile zum Anfang der nächsten) kurz und will nicht durch zu viel Zeilenabstand verlängert werden. Bei langen Zeilen hingegen muß das Auge beim Rückschwung mit größerem Abstand unterstützt werden, die nächste Zeile nicht aus den Augen zu verlieren. Allerdings sollte er laut Otl Aicher nicht so groß werden, daß Nebeninformationen in Form weißer Balken entstehen.</p>
<h3>Faustregeln</h3>
<ul>
<li>Je länger die Zeilen, desto größer muß der Zab sein</li>
<li>Zab muß deutlich größer sein als Wortabstand</li>
<li>Standard in Programmen ist meist 120&#160;% der Zeichengröße, z.B. 12&#160;pt Zab bei 10&#160;pt Schriftgröße</li>
<li>Deutscher Text braucht tendenziell mehr Zab (wegen der vielen <a href="http://typolexikon.de/v/versalien.html">Versalien</a>)</li>
<li>Mehr Zeilenabstand = tendenziell größere Seitenränder</li>
</ul>
<h3>Zeilenabstand einstellen</h3>
<h4>Adobe InDesign</h4>
<p>In InDesign läßt sich der Zeilenabstand intuitiv einstellen: Bei ausgewähltem Textwerkzeug ist direkt unter dem Eingabefeld für die Schriftgröße ein zweites Feld zum genauen Einstellen des Zeilenabstands zu finden:</p>
<div class="samplebox"><img src="/wordpress/wp-content/themes/barthelme/images/zab01.png" /></div>
<h4>Microsoft Word</h4>
<p>In Word ist neben vielem anderen auch das Einstellen des Zeilenabstands relativ umständlich. Zunächst errechnet sich Word selbst einen Wert, der dann über <em>Zeichen > Absatz</em> geändert werden kann. Zunächst »Zeilenabstand« auf »Genau« stellen und dann unter »Maß« einen Wert eingeben:</p>
<div class="samplebox"><img src="/wordpress/wp-content/themes/barthelme/images/zab02.png" /></div>
<div class="postfooter" id="postfooter1">
<ul class="footerlist" id="booklinks">
<h4>Bücher zum Thema</h4>
<li><a href="http://www.amazon.de/gp/product/3721205014?ie=UTF8&#038;tag=typefacts-21&#038;linkCode=as2&#038;camp=1638&#038;creative=19454&#038;creativeASIN=3721205014" onmouseover="showTT('02')" onmouseout="hideTT()"><span class="book" id="book02"><img src="http://typefacts.com/wordpress/wp-content/themes/barthelme/images/books/02_buchstaben_kommen.png" /></span><span class="tooltip" id="tt02">Indra Kupferschmid<br /><strong>Buchstaben kommen selten allein</strong><span class="rating"><br />
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td style="width:33%;">Handlich</td>
<td><img src="http://typefacts.com/wordpress/wp-content/themes/barthelme/images/rating2.png" /></td>
<td align="right">Gewichtig</td>
</tr>
<tr>
<td style="width:33%;">Fokussiert</td>
<td><img src="http://typefacts.com/wordpress/wp-content/themes/barthelme/images/rating4.png" /></td>
<td align="right">Umfassend</td>
</tr>
</table>
<p></span></span></a></li>
<li><a href="http://www.amazon.de/gp/product/3721202929?ie=UTF8&#038;tag=typefacts-21&#038;linkCode=as2&#038;camp=1638&#038;creative=19454&#038;creativeASIN=3721202929" onmouseover="showTT('05')" onmouseout="hideTT()"><span class="book" id="book05"><img src="http://typefacts.com/wordpress/wp-content/themes/barthelme/images/books/05_praktischetypo.png" /></span><span class="tooltip" id="tt05">Ralf Turtschi<br /><strong>Praktische Typographie</strong><span class="rating"><br />
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td style="width:33%;">Handlich</td>
<td><img src="http://typefacts.com/wordpress/wp-content/themes/barthelme/images/rating5.png" /></td>
<td align="right">Gewichtig</td>
</tr>
<tr>
<td style="width:33%;">Fokussiert</td>
<td><img src="http://typefacts.com/wordpress/wp-content/themes/barthelme/images/rating4.png" /></td>
<td align="right">Umfassend</td>
</tr>
</table>
<p></span></span></a></li>
<li><a href="http://www.amazon.de/gp/product/0881792063?ie=UTF8&#038;tag=typefacts-21&#038;linkCode=as2&#038;camp=1638&#038;creative=19454&#038;creativeASIN=0881792063" onmouseover="showTT('03')" onmouseout="hideTT()"><span class="book" id="book03"><img src="http://typefacts.com/wordpress/wp-content/themes/barthelme/images/books/03_elements.png" /></span><span class="tooltip" id="tt03">Robert Bringhurst<br /><strong>The Elements of Typographic Style</strong><span class="rating"><br />
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td style="width:33%;">Handlich</td>
<td><img src="http://typefacts.com/wordpress/wp-content/themes/barthelme/images/rating2.png" /></td>
<td align="right">Gewichtig</td>
</tr>
<tr>
<td style="width:33%;">Fokussiert</td>
<td><img src="http://typefacts.com/wordpress/wp-content/themes/barthelme/images/rating5.png" /></td>
<td align="right">Umfassend</td>
</tr>
</table>
<p></span></span></a></li>
<li><a href="http://www.amazon.de/gp/product/3874396525?ie=UTF8&#038;tag=typefacts-21&#038;linkCode=as2&#038;camp=1638&#038;creative=19454&#038;creativeASIN=3874396525" onmouseover="showTT('06')" onmouseout="hideTT()"><span class="book" id="book06"><img src="http://typefacts.com/wordpress/wp-content/themes/barthelme/images/books/06_lesetypo.png" /></span><span class="tooltip" id="tt06">Hans Peter Willberg &#038; Friedrich Forssman<br /><strong>Lesetypografie</strong><span class="rating"><br />
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td style="width:33%;">Handlich</td>
<td><img src="http://typefacts.com/wordpress/wp-content/themes/barthelme/images/rating5.png" /></td>
<td align="right">Gewichtig</td>
</tr>
<tr>
<td style="width:33%;">Fokussiert</td>
<td><img src="http://typefacts.com/wordpress/wp-content/themes/barthelme/images/rating5.png" /></td>
<td align="right">Umfassend</td>
</tr>
</table>
<p></span></span></a></li>
<li><a href="http://www.amazon.de/gp/product/3874394743?ie=UTF8&#038;tag=typefacts-21&#038;linkCode=as2&#038;camp=1638&#038;creative=19454&#038;creativeASIN=3874394743" onmouseover="showTT('07')" onmouseout="hideTT()"><span class="book" id="book07"><img src="http://typefacts.com/wordpress/wp-content/themes/barthelme/images/books/07_erstehilfe.png" /></span><span class="tooltip" id="tt07">Hans Peter Willberg &#038; Friedrich Forssman<br /><strong>Erste Hilfe in Typografie</strong><br /><span class="rating"><br />
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td style="width:33%;">Handlich</td>
<td><img src="http://typefacts.com/wordpress/wp-content/themes/barthelme/images/rating2.png" /></td>
<td align="right">Gewichtig</td>
</tr>
<tr>
<td style="width:33%;">Fokussiert</td>
<td><img src="http://typefacts.com/wordpress/wp-content/themes/barthelme/images/rating3.png" /></td>
<td align="right">Umfassend</td>
</tr>
</table>
<p></span></span></a></li>
<li><a href="http://www.amazon.de/gp/product/3875124146?ie=UTF8&#038;tag=typefacts-21&#038;linkCode=as2&#038;camp=1638&#038;creative=19454&#038;creativeASIN=3875124146" onmouseover="showTT('09')" onmouseout="hideTT()"><span class="book" id="book09"><img src="http://typefacts.com/wordpress/wp-content/themes/barthelme/images/books/09_renner.png" /></span><span class="tooltip" id="tt09">Paul Renner<br /><strong>Die Kunst der Typographie</strong><span class="rating"><br />
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td style="width:33%;">Handlich</td>
<td><img src="http://typefacts.com/wordpress/wp-content/themes/barthelme/images/rating3.png" /></td>
<td align="right">Gewichtig</td>
</tr>
<tr>
<td style="width:33%;">Fokussiert</td>
<td><img src="http://typefacts.com/wordpress/wp-content/themes/barthelme/images/rating4.png" /></td>
<td align="right">Umfassend</td>
</tr>
</table>
<p></span></span></a></li>
<li><a href="http://www.amazon.de/gp/product/3874396835?ie=UTF8&#038;tag=typefacts-21&#038;linkCode=as2&#038;camp=1638&#038;creative=19454&#038;creativeASIN=3874396835" onmouseover="showTT('12')" onmouseout="hideTT()"><span class="book" id="book12"><img src="http://typefacts.com/wordpress/wp-content/themes/barthelme/images/books/12_aicher.png" /></span><span class="tooltip" id="tt12">Otl Aicher<br /><strong>typographie</strong><span class="rating"><br />
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td style="width:33%;">Handlich</td>
<td><img src="http://typefacts.com/wordpress/wp-content/themes/barthelme/images/rating4.png" /></td>
<td align="right">Gewichtig</td>
</tr>
<tr>
<td style="width:33%;">Fokussiert</td>
<td><img src="http://typefacts.com/wordpress/wp-content/themes/barthelme/images/rating4.png" /></td>
<td align="right">Umfassend</td>
</tr>
</table>
<p></span></span></a></li>
<li><a href="http://www.amazon.de/gp/product/3874396614?ie=UTF8&#038;tag=typefacts-21&#038;linkCode=as2&#038;camp=1638&#038;creative=19454&#038;creativeASIN=3874396614<br />
" onmouseover="showTT('13')" onmouseout="hideTT()"><span class="book" id="book13"><img src="http://typefacts.com/wordpress/wp-content/themes/barthelme/images/books/13_ueberschrift.png" /></span><span class="tooltip" id="tt13">Erik Spiekermann<br /><strong>ÜberSchrift</strong><span class="rating"><br />
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td style="width:33%;">Handlich</td>
<td><img src="http://typefacts.com/wordpress/wp-content/themes/barthelme/images/rating2.png" /></td>
<td align="right">Gewichtig</td>
</tr>
<tr>
<td style="width:33%;">Fokussiert</td>
<td><img src="http://typefacts.com/wordpress/wp-content/themes/barthelme/images/rating3.png" /></td>
<td align="right">Umfassend</td>
</tr>
</table>
<p></span></span></a></li>
<li><a href="http://www.amazon.de/gp/product/3721205472?ie=UTF8&#038;tag=typefacts-21&#038;linkCode=as2&#038;camp=1638&#038;creative=19454&#038;creativeASIN=3721205472" onmouseover="showTT('08')" onmouseout="hideTT()"><span class="book" id="book08"><img src="http://typefacts.com/wordpress/wp-content/themes/barthelme/images/books/08_dasdetail.png" /></span><span class="tooltip" id="tt08">Jost Hochuli<br /><strong>Das Detail in der Typografie</strong><span class="rating"><br />
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td style="width:33%;">Handlich</td>
<td><img src="http://typefacts.com/wordpress/wp-content/themes/barthelme/images/rating2.png" /></td>
<td align="right">Gewichtig</td>
</tr>
<tr>
<td style="width:33%;">Fokussiert</td>
<td><img src="http://typefacts.com/wordpress/wp-content/themes/barthelme/images/rating2.png" /></td>
<td align="right">Umfassend</td>
</tr>
</table>
<p></span></span></a></li>
</ul>
<ul class="footerlist" id="weblinks">
<h4>Webseiten zum Thema</h4>
<li><a href="http://de.wikipedia.org/wiki/Zeilenabstand">Wikipedia: Zeilenabstand</a></li>
<li><a href="http://typolexikon.de/z/zeilenabstand.html">Typolexikon: Zeilenabstand</a></li>
<li><a href="http://typophile.com/node/12484?">Typophile: Leading</a></li>
<li><a href="http://www.typografie.info/typowiki/index.php?title=Zeilenabstand">Typowiki: Zeilenabstand</a></li>
<li><a href="http://tkb.design.fh-aachen.de/02_01_01_04_zab.php">Typoknowledgebase: Zeilenabstand</a></li>
<li><a href="http://www.papress.com/other/thinkingwithtype/text/line_spacing.htm">Thinking with Type: Line Spacing</a></li>
<li><a href="http://webtypography.net/Rhythm_and_Proportion/Vertical_Motion/2.2.1/">The Elements of Typographic Style Applied to the Web</a></li>
<li><a href="http://24ways.org/2006/compose-to-a-vertical-rhythm">24 Ways: Compose to a Vertical Rhythm</a></li>
<li><a href="http://www.markboulton.co.uk/journal/comments/incremental_leading/">Mark Boulton: Incremental leading</a></li>
<li><a href="http://www.alistapart.com/articles/settingtypeontheweb">A List Apart: Setting Type on the Web to a Baseline Grid</a></li>
<li><a href="http://www.typographyforlawyers.com/?p=636">Typography for Lawyers: Line spacing</a></li>
<li><a href="http://www.itcfonts.com/Ulc/2912/AutoLeading.htm">U&#038;lc: Auto leading</a></li>
<li><a href="http://blogs.msdn.com/fontblog/archive/2006/05/03/589274.aspx">MS Fontblog: Typography Tip #3</a></li>
<li><a href="http://blogs.msdn.com/fontblog/archive/2006/05/17/600507.aspx">MS Fontblog: More on Linespacing</a></li>
<li><a href="http://www.thesheep.co.uk/2009/01/14/css-typography-setting-a-vertical-rhythm/">CSS typography: setting a vertical rhythm</a></li>
<li><a href="http://office.microsoft.com/de-de/word/HP100165231031.aspx">Anpassen der Abstände zwischen Zeilen oder Absätzen in Word 2007</a></li>
<li><a href="http://www.creativepro.com/article/dot-font-ten-tips-for-top-type">Ten Tips for Top Type</a></li>
</ul>
<ul class="footerlist" id="fontlinks">
<h4>Verwendete Schriften</h4>
<li><a href="http://www.fontshop.com/fonts/downloads/emigre/cholla_slab_ot/"><img src="http://typefacts.com/wordpress/wp-content/themes/barthelme/images/specs_small/spec_zab01.png" />Cholla Slab</a></li>
<li><a href="http://www.fontshop.com/fonts/downloads/process/klavika_ot/"><img src="http://typefacts.com/wordpress/wp-content/themes/barthelme/images/specs_small/spec_zl.png" />Klavika</a></li>
</ul>
<div class="clearer"></div>
</div>
]]></content:encoded>
			<wfw:commentRss>http://typefacts.com/artikel/grundlagen/zeilenabstand/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>
