<?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; InDesign</title>
	<atom:link href="http://typefacts.com/tag/indesign/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>Vier Typo-Sünden</title>
		<link>http://typefacts.com/spotlight/vier-typo-suenden</link>
		<comments>http://typefacts.com/spotlight/vier-typo-suenden#comments</comments>
		<pubDate>Mon, 15 Feb 2010 07:49:40 +0000</pubDate>
		<dc:creator>Christoph</dc:creator>
				<category><![CDATA[Spotlight]]></category>
		<category><![CDATA[Auszeichnung]]></category>
		<category><![CDATA[Bold]]></category>
		<category><![CDATA[Condensed]]></category>
		<category><![CDATA[Fett]]></category>
		<category><![CDATA[InDesign]]></category>
		<category><![CDATA[Italic]]></category>
		<category><![CDATA[Kapitälchen]]></category>
		<category><![CDATA[Kursiv]]></category>
		<category><![CDATA[Sünden]]></category>
		<category><![CDATA[Small Caps]]></category>

		<guid isPermaLink="false">http://typefacts.com/?p=2087</guid>
		<description><![CDATA[Der richtige Umgang mit Schrift ist manchmal schwieriger – und schwieriger zu erklären – als gedacht. Schon ein unbedachter Klick auf einen Button, der in einem Fall unproblematisch ist, kann mit einer anderen Schrift katastrophal enden …
Deshalb hier vier der häufigsten »Typo-Sünden« – Dinge, die man Buchstaben und seinem Leser nicht antun sollte. 


Bitte die [...]]]></description>
			<content:encoded><![CDATA[<p>Der richtige Umgang mit Schrift ist manchmal schwieriger – und schwieriger zu erklären – als gedacht. Schon ein unbedachter Klick auf einen Button, der in einem Fall unproblematisch ist, kann mit einer anderen Schrift katastrophal enden …<br />
Deshalb hier vier der häufigsten »Typo-Sünden« – Dinge, die man Buchstaben und seinem Leser nicht antun sollte. </p>
<ol>
<li>
<strong>Bitte die echte fette Variante einer Schrift nutzen statt einer künstlichen Fetten!</strong><br />
Den Bold-Knopf mit Bedacht drücken.</p>
<div class="samplebox">
<object width="522" height="320"><param name="movie" value="/wordpress/wp-content/themes/barthelme/images/flash/sin/bold.swf" /><param name="quality" value="high" /><param name="menu" value="false" /><embed src="/wordpress/wp-content/themes/barthelme/images/flash/sin/bold.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="522" height="320" menu="false"></embed></object></p>
<div class="outro">
<p>Die fette Variante einer Schrift ist mehr als einfach eine Linie darumzuziehen. Die hier gezeigte Schrift lebt vom deutlichen Kontrast – dem Unterschied zwischen dicken und dünnen Strichen. Dieser Kontrast geht flöten, sobald künstlich verfettet wird. Mit der Lupenfunktion (oben links) noch besser sichtbar. <span class="fontlink">[<a href="http://www.fontshop.com/fontlist/families/filosofia/">Schrift: Filosofia</a>]</span></p>
</div>
</div>
</li>
<p><span id="more-2087"></span></p>
<li>
<strong>Bitte echte Kursive nutzen statt einer künstlich Schräggestellten!</strong><br />
Genau: Auch den Knopf mit dem »i« mit Bedacht drücken.</p>
<div class="samplebox">
<object width="522" height="320"><param name="movie" value="/wordpress/wp-content/themes/barthelme/images/flash/sin/italic.swf" /><param name="quality" value="high" /><param name="menu" value="false" /><embed src="/wordpress/wp-content/themes/barthelme/images/flash/sin/italic.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="522" height="320" menu="false"></embed></object></p>
<div class="outro">
<p>Auch eine Kursive ist nicht einfach dieselbe Schrift mit einem anderen Neigungswinkel. Oft hat eine echte Kursive einen völlig eigenständigen Charakter – und muß nicht einmal geneigt sein (z.B. <a href="http://www.fontshop.com/fonts/downloads/fontfont/ff_seria_ot/">FF Seria</a>).<br />
Besonders deutlich sind im gezeigten Beispiel die Unterschiede an a, f und g zu sehen. <span class="fontlink">[<a href="http://www.fontshop.com/fontlist/super_families/dederon/">Schrift: Dederon Serif</a>]</span></p>
</div>
</div>
</li>
<li>
<strong>Ob höher, niedriger, schmaler oder breiter: Bitte keine Schrift verzerren!</strong></p>
<div class="samplebox">
<object width="522" height="360"><param name="movie" value="/wordpress/wp-content/themes/barthelme/images/flash/sin/cond.swf" /><param name="quality" value="high" /><param name="menu" value="false" /><embed src="/wordpress/wp-content/themes/barthelme/images/flash/sin/cond.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="522" height="360" menu="false"></embed></object></p>
<div class="outro">
<p>Um visuell gleich fett zu wirken, müssen horizontale Striche etwas dünner sein als vertikale; Beim Verzerren gehen diese wichtigen Feinheiten verloren.<br />
Im obigen Beispiel wurde die Schrift schmaler gedrückt, wodurch die Horizontalen viel zu fett wirken – am deutlichsten zu sehen im »H«. (Auch hier ist die Lupe links oben besonders hilfreich) <span class="fontlink">[<a href="http://typography.com/fonts/font_overview.php?productLineID=100013">Schrift: Knockout</a>]</span></p>
</div>
</div>
</li>
<li>
<strong>Bitte echte Kapitälchen nutzen statt verkleinerter Versalien!</strong><br />
Die »Kapitälchen«-Option ist sogar in professionellen Programmen wie Adobe InDesign eine echte Falle; Erst sicherstellen, daß der Font echte Kapitälchen beinhaltet! In Word u.Ä.: Generell Finger weg!</p>
<div class="samplebox">
<object width="522" height="300"><param name="movie" value="/wordpress/wp-content/themes/barthelme/images/flash/sin/sc.swf" /><param name="quality" value="high" /><param name="menu" value="false" /><embed src="/wordpress/wp-content/themes/barthelme/images/flash/sin/sc.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="522" height="300" menu="false"></embed></object></p>
<div class="outro">
<p><a href="http://de.wikipedia.org/wiki/Kapit%C3%A4lchen">Kapitälchen</a> kann man als Großbuchstaben in Kleinbuchstabenhöhe beschreiben – was nicht heißt, daß es reicht, die Versalien einfach zu verkleinern. Im Beispiel ist gut zu sehen, daß sie dann zu schmal und vor allem zu dünn wirken. Echte Kapitälchen werden vom Schriftgestalter perfekt an den Grauwert der Schrift angepaßt, so daß sie im Text nicht hervorstechen. <span class="fontlink">[<a href="http://www.fontshop.com/fontlist/super_families/fresco/">Schrift: Fresco</a>]</span></p>
</div>
</div>
</li>
</ol>
<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://www.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><br />S. 16 ff<span class="rating"><br />
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td style="width:33%;">Handlich</td>
<td><img src="http://www.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://www.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/3874396428?ie=UTF8&#038;tag=typefacts-21&#038;linkCode=as2&#038;camp=1638&#038;creative=19454&#038;creativeASIN=3874396428" onmouseover="showTT('04')" onmouseout="hideTT()"><span class="book" id="book04"><img src="http://www.typefacts.com/wordpress/wp-content/themes/barthelme/images/books/04_detailtypo.png" /></span><span class="tooltip" id="tt04">Friedrich Forssman &#038; Ralf de Jong<br /><strong>Detailtypografie</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://www.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://www.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://www.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><span class="rating"><br />
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td style="width:33%;">Handlich</td>
<td><img src="http://www.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://www.typefacts.com/wordpress/wp-content/themes/barthelme/images/rating3.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/Schriftschnitt">Wikipedia: Schriftschnitt</a></li>
<li><a href="http://de.wikipedia.org/wiki/Kursiv">Wikipedia: Kursiv</a></li>
<li><a href="http://de.wikipedia.org/wiki/Kapit%C3%A4lchen">Wikipedia: Kapitälchen</a></li>
<li><a href="http://fontfeed.com/archives/styles-weights-widths-it%E2%80%99s-all-in-the-type-family/">Styles, Weights, Widths – It’s All in the (Type) Family</a></li>
<li><a href="http://www.zvisionwelt.de/downloads.html#typokurz">Typokurz</a></li>
</ul>
<ul class="footerlist" id="fontlinks">
<h4>Verwendete Schriften</h4>
<li><a href="http://www.fontshop.com/fontlist/families/filosofia/"><img src="http://typefacts.com/wordpress/wp-content/themes/barthelme/images/specs_small/spec_filosofia_s.png" />Filosofia</a></li>
<li><a href="http://www.fontshop.com/fontlist/super_families/dederon/"><img src="http://typefacts.com/wordpress/wp-content/themes/barthelme/images/specs_small/spec_dederon_s.png" />Dederon Serif</a></li>
<li><a href="http://typography.com/fonts/font_overview.php?productLineID=100013"><img src="http://typefacts.com/wordpress/wp-content/themes/barthelme/images/specs_small/spec_knockout_s.png" />Knockout</a></li>
<li><a href="http://www.fontshop.com/fontlist/super_families/fresco/"><img src="http://typefacts.com/wordpress/wp-content/themes/barthelme/images/specs_small/spec_fresco_s.png" />Fresco</a></li>
</ul>
<div class="clearer"></div>
</div>
]]></content:encoded>
			<wfw:commentRss>http://typefacts.com/spotlight/vier-typo-suenden/feed</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>Workshop: Ligaturen einfügen</title>
		<link>http://typefacts.com/workshop/ligaturen-einfuegen</link>
		<comments>http://typefacts.com/workshop/ligaturen-einfuegen#comments</comments>
		<pubDate>Sun, 05 Apr 2009 16:31:20 +0000</pubDate>
		<dc:creator>Christoph</dc:creator>
				<category><![CDATA[Workshop]]></category>
		<category><![CDATA[Anleitung]]></category>
		<category><![CDATA[Glyph]]></category>
		<category><![CDATA[InDesign]]></category>
		<category><![CDATA[Ligaturen]]></category>
		<category><![CDATA[Mikrotypografie]]></category>
		<category><![CDATA[OpenType]]></category>
		<category><![CDATA[Tutorial]]></category>
		<category><![CDATA[Wortfuge]]></category>

		<guid isPermaLink="false">http://typefacts.com/?p=496</guid>
		<description><![CDATA[Ziel dieser Anleitung ist es, Ligaturen nur da zu setzen, wo sie auch sinnvoll sind. Leider kann man sich dabei nicht auf die standardmäßig aktivierte Automatik verlassen, weshalb wir sie zunächst ausschalten müssen, um die Ligaturen dann später per Suchen und Ersetzen nach bestem Wissen (→&#160;Ligaturen) zu Fuß einzufügen. 
Ich zeige das Vorgehen beispielhaft in [...]]]></description>
			<content:encoded><![CDATA[<p>Ziel dieser Anleitung ist es, Ligaturen nur da zu setzen, wo sie auch sinnvoll sind. Leider kann man sich dabei nicht auf die standardmäßig aktivierte Automatik verlassen, weshalb wir sie zunächst ausschalten müssen, um die Ligaturen dann später per <em>Suchen und Ersetzen</em> nach bestem Wissen (<a href="../artikel/fortgeschritten/ligaturen">→&nbsp;Ligaturen</a>) zu Fuß einzufügen. <span id="more-496"></span><br />
Ich zeige das Vorgehen beispielhaft in Adobe InDesign. Mit Öffnen des Programms sind die im Font enthaltenen Standardligaturen angeschaltet, was zur Folge hat, daß zumindest fi und fl immer ersetzt werden, auch da, <a href="../artikel/fortgeschritten/ligaturen">wo es falsch ist</a>:</p>
<div class="samplebox">
<img src="/wordpress/wp-content/themes/barthelme/images/ws_liga/ws_liga_01.png" />
</div>
<ol>
<li><strong>Ligaturen deaktivieren</strong><br />
Über das kleine Icon rechts oben in der Zeichenpalette gelangt man zum Menü, in dem die Ligaturen ausgeschaltet werden können:</p>
<div class="samplebox">
<img src="/wordpress/wp-content/themes/barthelme/images/ws_liga/ws_liga_02.png" />
</div>
</li>
<li><strong>Font auskundschaften und Ligaturen aussuchen</strong><br />
Da je nach Zeichenvorrat des Fonts die Auswahl an Ligaturen erheblich variieren kann, sollte man zunächst das Angebot sichten und entscheiden, welche man später im Text aktivieren möchte. (<a href="../artikel/fortgeschritten/ligaturen">Von »Zierligaturen« ist im Mengentext abzuraten, und auch im Deutschen nicht gebräuchliche Ligaturen wie »fb« oder »ffk« sollten ausgeklammert werden.</a>)<br />
Über <em>Fenster > Schrift und Tabellen > Glyphen</em> erreicht man in InDesign die Glyphenpalette, die zunächst alle im Font enthaltenen Glyphen anzeigt. Über »Einblenden:«&#160;lassen sich jedoch übersichtlichere Glyphengruppen anzeigen. Wähle hier »Standardligaturen« aus und notiere diejenigen, die im Text zum Einsatz kommen sollen: </p>
<div class="samplebox">
<img src="/wordpress/wp-content/themes/barthelme/images/ws_liga/ws_liga_03.png" />
</div>
</li>
<li><strong>Zeichenformat anlegen</strong><br />
Über <em>Fenster > Schrift und Tabellen > Zeichenformate</em> wird das Fenster für die Zeichenformate geöffnet. Lege über den Button rechts unten ein neues Zeichenformat an, gib einen wiedererkennbaren Namen ein und aktiviere unter »Grundlegende Zeichenformate« das Häkchen bei »Ligaturen«. Schriftart, Größe, Zeilenabstand etc. sollten identisch sein zum restlichen Text:</p>
<div class="samplebox">
<img src="/wordpress/wp-content/themes/barthelme/images/ws_liga/ws_liga_05.png" />
</div>
</li>
<li><strong>Ligaturen zuweisen per »Suchen und Ersetzen«</strong><br />
Jetzt wird es ernst! Das erworbene Wissen aus dem <a href="../artikel/fortgeschritten/ligaturen"><em>Typefacts</em>-Artikel »Ligaturen«</a> wird nun angewendet.<br />
Öffne dazu  <em>Bearbeiten > Suchen/Ersetzen</em> und klicke zunächst auf »Mehr Optionen«. Jetzt bei »Format ersetzen« den Button rechts klicken und im sich öffnenden Dialog unter »Zeichenformat« das vorbereitete auswählen und mit »OK« bestätigen. </p>
<div class="samplebox">
<img src="/wordpress/wp-content/themes/barthelme/images/ws_liga/ws_liga_06.png" />
</div>
<p>Nun den Text durchsuchen und die notierten Ligaturen Stück für Stück durchgehen. Gib dazu einfach unter »Suchen nach« und »Ändern in« dasselbe ein, z.B. wie hier »ffi«. Mit dem Button »Suchen« die in Frage kommenden Stellen absuchen und wo sinnvoll mit dem Button »Ändern« die Ligatur setzen (»Auffinden« ignorieren und bei »Graffiti« die Ligatur setzen).</li>
<li><strong>Fertig!</strong><br />
Im Text sind nun alle gewünschten Ligaturen gesetzt; Er wurde nach ffi, ffl, ff, fi und fl durchsucht, und die Stellen, an denen keine Ligaturen sinnvoll sind, wurden beim Ersetzen ignoriert:</p>
<div class="samplebox">
<img src="/wordpress/wp-content/themes/barthelme/images/ws_liga/ws_liga_07.png" />
</div>
</li>
<li><strong>PS</strong><br />
Du hast Dir gerade eine funktionierende Automatik gebaut: Falls gewünscht kannst Du die Ligaturen nun jederzeit per Knopfdruck ein- und ausschalten. Einfach im vorbereiteten Zeichenformat das Häkchen unter »Ligaturen« aktivieren oder deaktivieren:</p>
<div class="samplebox">
<img src="/wordpress/wp-content/themes/barthelme/images/ws_liga/ws_liga_08.png" />
</div>
</li>
</ol>
<div class="postfooter" id="postfooter1">
<ul class="footerlist" id="fontlinks">
<h4>Verwendete Schriften</h4>
<li><a href="http://www.fontshop.com/fonts/downloads/fontfont/ff_tisa_ot/"><img src="http://typefacts.com/wordpress/wp-content/themes/barthelme/images/specs_small/spec_wsliga.png" />FF Tisa</a></li>
</ul>
<div class="clearer"></div>
</div>
]]></content:encoded>
			<wfw:commentRss>http://typefacts.com/workshop/ligaturen-einfuegen/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>
