<?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>Incunábulo &#187; Óptica</title>
	<atom:link href="http://www.incunabulo.com/category/optica/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.incunabulo.com</link>
	<description>more InDesign, some Typography</description>
	<lastBuildDate>Wed, 14 Jul 2010 20:48:35 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.6</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>A grande viagem pelo Baseline Grid</title>
		<link>http://www.incunabulo.com/2010/02/27/a-grande-viagem-pelo-baseline-grid/</link>
		<comments>http://www.incunabulo.com/2010/02/27/a-grande-viagem-pelo-baseline-grid/#comments</comments>
		<pubDate>Sat, 27 Feb 2010 19:46:37 +0000</pubDate>
		<dc:creator>edraant</dc:creator>
				<category><![CDATA[Grandes viagens]]></category>
		<category><![CDATA[Guias]]></category>
		<category><![CDATA[Layout]]></category>
		<category><![CDATA[Tipografia]]></category>
		<category><![CDATA[Óptica]]></category>
		<category><![CDATA[CS4]]></category>

		<guid isPermaLink="false">http://www.incunabulo.com/?p=4337</guid>
		<description><![CDATA[ Façam o favor de abrir uma revista ou um livro que contenha mais do que uma coluna. Agora encostem a cabeça à margem exterior da revista, olhando para dentro dela. Reparem no texto. Este está alinhado ao longo de cada coluna como se fosse uma fila bem ordenada? Parabéns, acabaram de descobrir o Baseline [...]]]></description>
			<content:encoded><![CDATA[<p></p> <p style="text-align: justify;"><span class="drop_cap">F</span>açam o favor de abrir uma revista ou um livro que contenha mais do que uma coluna. Agora encostem a cabeça à margem exterior da revista, olhando para dentro dela. Reparem no texto. Este está alinhado ao longo de cada coluna como se fosse uma fila bem ordenada? Parabéns, acabaram de descobrir o Baseline Grid, um dos Santos Graals, senão mesmo o Santo Graal do layout.</p>
<p style="text-align: justify;"><span id="more-4337"></span></p>
<p style="text-align: justify;">O Baseline Grid é uma grelha imaginária onde repousa o texto. Esta grelha faz com que o texto não fique desalinhado verticalmente em relação ao resto do layout.</p>
<p style="text-align: center;"><img class="aligncenter frame size-full wp-image-4342" title="Baselinegrid_1" src="http://www.incunabulo.com/wp-content/uploads/2010/02/Baselinegrid_11.png" alt="Baselinegrid_1" width="447" height="143" /></p>
<p style="text-align: justify;">Por defeito, o texto colocado numa página nunca está alinhado à Baseline Grid, acontecendo muitas vezes desalinhamentos verticais entre colunas.</p>
<p style="text-align: center;"><img class="aligncenter frame size-full wp-image-4344" title="Baselinegrid_3" src="http://www.incunabulo.com/wp-content/uploads/2010/02/Baselinegrid_3.png" alt="Baselinegrid_3" width="467" height="180" /></p>
<p style="text-align: justify;">A coisa ainda piora quando existe texto com outro corpo e entrelinha, ou mesmo títulos que não estão alinhados por esta grelha imaginária.</p>
<p style="text-align: center;"><img class="aligncenter frame size-full wp-image-4345" title="Baselinegrid_4" src="http://www.incunabulo.com/wp-content/uploads/2010/02/Baselinegrid_4.png" alt="Baselinegrid_4" width="458" height="374" /></p>
<p style="text-align: justify;">Agora que se percebeu o conceito, vamos ver como configurar e verificar as várias formas de aplicar o Baseline Grid.</p>
<p style="text-align: justify;">O Baseline Grid é definido com base na <strong>entrelinha do texto.</strong></p>
<p style="text-align: justify;">No layout apresentado, pretende-se que este tenha 82 linhas de altura, mas o texto (corpo 8, entrelinha 9) não termina na mancha gráfica.</p>
<p style="text-align: center;"><img class="aligncenter frame size-full wp-image-4346" title="Baselinegrid_5" src="http://www.incunabulo.com/wp-content/uploads/2010/02/Baselinegrid_5.png" alt="Baselinegrid_5" width="454" height="564" /></p>
<p style="text-align: justify;">A página tem este aspecto, e como se pode verificar, os desalinhamentos verticais são notórios, assim como o início do título e o<em> lead </em>a vermelho.</p>
<p style="text-align: center;"><img class="aligncenter frame size-full wp-image-4347" title="Baselinegrid_6" src="http://www.incunabulo.com/wp-content/uploads/2010/02/Baselinegrid_6.png" alt="Baselinegrid_6" width="440" height="605" /></p>
<p style="text-align: justify;">Este layout está especificado com as margens mostradas. Aqui o que vai contar é a margem superior <strong>(Top)</strong> onde se vai definir o início do Baseline Grid.</p>
<p style="text-align: center;"><img class="aligncenter frame size-full wp-image-4348" title="Baselinegrid_7" src="http://www.incunabulo.com/wp-content/uploads/2010/02/Baselinegrid_7.png" alt="Baselinegrid_7" width="445" height="178" /></p>
<p style="text-align: justify;">Vamos então às Preferências <span style="color: #ff6600;"><strong>(Cmd + K),</strong></span> e seleccionar a <em>tab</em> <strong>Grids.</strong></p>
<p style="text-align: justify;">O campo <strong>Start</strong> indica o início do Baseline Grid. O valor atribuído está relacionado com o segundo campo, <strong>Relative To,</strong> em que está especificado <strong>Top of Page. </strong>Isto significa que o Baseline Grid começa a 20 mm a partir do topo da página. E 20 mm é precisamente o valor que está atribuído na margem superior da mancha de texto.</p>
<p style="text-align: justify;">É no campo <strong>Increment Every</strong> que está o “coração” do Baseline Grid. O incremento desta grelha deve ser igual à entrelinha usada.</p>
<p class="alert" style="text-align: justify;">Se usar um incremento superior à entrelinha (por exemplo, 11 pontos), cada linha de texto aplicada ao Baseline Grid não ficará a 9 pontos nem a 11. Como o Baseline Grid funciona com o valor exacto ou múltiplos da entrelinha, o texto final ficará a 18 pontos de entrelinha (9 + 9) e não os 11 pontos atribuídos na entrelinha, mesmo que na Palete Control a informação apresentada seja de 9 pt.</p>
<p style="text-align: center;"><img class="aligncenter frame size-full wp-image-4351" title="Baselinegrid_8" src="http://www.incunabulo.com/wp-content/uploads/2010/02/Baselinegrid_8.png" alt="Baselinegrid_8" width="447" height="370" /></p>
<p style="text-align: justify;">Também é possível definir o começo do Baseline Grid no início da mancha de texto. Nesse caso o campo <strong>Start </strong>começa a 0 e é relativo à margem superior <strong>(Top Margin).</strong></p>
<p style="text-align: center;"><img class="aligncenter frame size-full wp-image-4353" title="Baselinegrid_9" src="http://www.incunabulo.com/wp-content/uploads/2010/02/Baselinegrid_9.png" alt="Baselinegrid_9" width="447" height="369" /></p>
<p style="text-align: justify;">Existem 2 formas de aplicar o Baseline Grid.</p>
<p style="text-align: justify;">A primeira é através da <strong>Palete Control,</strong> em que se selecciona o parágrafo pretendido e se aplica o Baseline Grid.</p>
<p><img class="aligncenter frame size-full wp-image-4354" title="Baselinegrid_10" src="http://www.incunabulo.com/wp-content/uploads/2010/02/Baselinegrid_10.png" alt="Baselinegrid_10" width="58" height="45" /></p>
<p style="text-align: justify;">A segunda (e a mais correcta) é aplicar o Baseline Grid a Paragraph Styles. Na <em>tab </em><strong>Indents and Spacing, </strong>o campo <strong>Align to Grid </strong>permite aplicar todas as linhas do parágrafo ao Baseline Grid <strong>(All Lines)</strong> ou apenas a primeira linha do parágrafo <strong>(First Line Only).</strong></p>
<p style="text-align: center;"><img class="aligncenter frame size-full wp-image-4355" title="Baselinegrid_11" src="http://www.incunabulo.com/wp-content/uploads/2010/02/Baselinegrid_111.png" alt="Baselinegrid_11" width="459" height="383" /></p>
<p style="text-align: justify;">Como se pode verificar, todo o texto (incluíndo subtítulos e título) está alinhado ao Baseline Grid.</p>
<p style="text-align: center;"><img class="aligncenter frame size-full wp-image-4356" title="Baselinegrid_12" src="http://www.incunabulo.com/wp-content/uploads/2010/02/Baselinegrid_12.png" alt="Baselinegrid_12" width="438" height="618" /></p>
<p style="text-align: justify;">O InDesign também permite a utilização do Baseline Grid personalizado. Isto significa que posso utilizar vários Baseline Grid na mesma página.</p>
<p style="text-align: center;"><img class="aligncenter frame size-full wp-image-4357" title="Baselinegrid_13" src="http://www.incunabulo.com/wp-content/uploads/2010/02/Baselinegrid_13.png" alt="Baselinegrid_13" width="450" height="296" /></p>
<p style="text-align: justify;">Para definir o Baseline Grid localizado, <strong>Menu Object &gt; Text Frame Options <span style="color: #ff6600;">(Cmd + B)</span></strong><span style="color: #ff6600;"> </span>e seleccionar a <em>tab</em> <strong>Baseline Options.</strong></p>
<p style="text-align: justify;">Activar o <strong>Use Custom Baseline Grid</strong> e especificar o começo deste e a posição, relativa à página, à mancha de texto, ao topo da caixa, ou à identação interior da caixa <strong>(Top Inset). </strong>Não esquecer também de aplicar o respectivo incremento, igual à entrelinha usada.</p>
<p><img class="aligncenter frame size-full wp-image-4358" title="Baselinegrid_14" src="http://www.incunabulo.com/wp-content/uploads/2010/02/Baselinegrid_14.png" alt="Baselinegrid_14" width="428" height="458" /></p>
<p style="text-align: justify;">Depois é o comportamento normal. Aplicar a um Paragraph Style (criem um novo) no mesmo local: <strong>Indents and Spacing, Align to Grid, All Lines.</strong></p>
<p style="text-align: center;"><img class="aligncenter frame size-full wp-image-4359" title="Baselinegrid_15" src="http://www.incunabulo.com/wp-content/uploads/2010/02/Baselinegrid_15.png" alt="Baselinegrid_15" width="437" height="312" /></p>
<p style="text-align: justify;"><strong>Conclusão:</strong> não há layout brilhante sem o (bom) uso do Baseline Grid.</p>
<p>Bons Grids.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.incunabulo.com/2010/02/27/a-grande-viagem-pelo-baseline-grid/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Controlar órfãs e viúvas com o Keep Options</title>
		<link>http://www.incunabulo.com/2010/02/04/controlar-orfas-e-viuvas-com-o-keep-options/</link>
		<comments>http://www.incunabulo.com/2010/02/04/controlar-orfas-e-viuvas-com-o-keep-options/#comments</comments>
		<pubDate>Thu, 04 Feb 2010 22:37:56 +0000</pubDate>
		<dc:creator>edraant</dc:creator>
				<category><![CDATA[Layout]]></category>
		<category><![CDATA[Tipografia]]></category>
		<category><![CDATA[Óptica]]></category>
		<category><![CDATA[CS4]]></category>

		<guid isPermaLink="false">http://www.incunabulo.com/?p=4276</guid>
		<description><![CDATA[ As órfãs e viúvas a que me refiro, são naturalmente, linhas de texto. Tenho visto composições tipográficas aterradoras, em que não há o mínimo cuidado em não deixar linhas penduradas. Sendo esta uma regra secular dentro da Tipografia, é imprescindível compreender e utilizar os mecanismos que o InDesign fornece para resolver o problema.
Chama-se uma [...]]]></description>
			<content:encoded><![CDATA[<p></p> <p style="text-align: justify;"><span class="drop_cap">A</span>s órfãs e viúvas a que me refiro, são naturalmente, linhas de texto. Tenho visto composições tipográficas aterradoras, em que não há o mínimo cuidado em não deixar linhas penduradas. Sendo esta uma regra secular dentro da Tipografia, é imprescindível compreender e utilizar os mecanismos que o InDesign fornece para resolver o problema.</p>
<p style="text-align: justify;"><span id="more-4276"></span>Chama-se uma linha viúva àquela que termina no início da coluna seguinte ao texto, aqui representada a amarelo.</p>
<p style="text-align: justify;">A percepção de leitura faz com que o olhar, ao saltar do fim da primeira coluna para o início da segunda coluna, trave repentinamente.</p>
<p style="text-align: justify;">As linhas órfãs encontram-se sozinhas no final da coluna, representadas a vermelho.</p>
<p style="text-align: justify;">A regra tipográfica “diz” que devem ficar <strong>sempre </strong>2 linhas juntas, quando pertencentes ao mesmo parágrafo.</p>
<p><img class="aligncenter frame size-full wp-image-4277" title="Keep_1" src="http://www.incunabulo.com/wp-content/uploads/2010/02/Keep_1.png" alt="Keep_1" width="470" height="354" /></p>
<p style="text-align: justify;">A função<strong> Keep Options</strong> pode ser aplicada apenas a um parágrafo ou ser configurada nos <em>Paragraph Styles.</em></p>
<p style="text-align: justify;">Analise-se então o quadro apresentado.</p>
<p style="text-align: justify;"><strong>Keep with Next X lines:</strong> o parágrafo seleccionado acompanha as próximas X linhas.</p>
<p style="text-align: justify;">A opção <strong>Keep Lines Together </strong>permite evitar as viúvas e/ou órfãs.</p>
<p style="text-align: justify;"><strong>All Lines in Paragraph:</strong> todas as linhas do parágrafo ficam juntas, numa ou noutra coluna.</p>
<p style="text-align: justify;"><strong>At Start/End of Paragraph:</strong> é a regra mais utilizada. Permite escolher quantas linhas ficam juntas no início e no final do parágrafo.</p>
<p style="text-align: justify;"><strong>Start Paragraph: </strong>aqui pode-se escolher se o parágrafo na próxima coluna, caixa de texto, página, página ímpar e página par.</p>
<p><img class="aligncenter size-full wp-image-4278" title="Keep_2" src="http://www.incunabulo.com/wp-content/uploads/2010/02/Keep_2.png" alt="Keep_2" width="411" height="323" /></p>
<p style="text-align: justify;">O resultado final não resolve o problema. A função Keep Options é realmente aplicada, mas ficam linhas em branco no final da coluna, apesar de juntar 2 linhas em cada coluna, tal como pedido.</p>
<p style="text-align: justify;">Aqui já entra a arte do paginador, usando <em>trackings, </em>hifenizações, espaços entre palavras e entre letras.</p>
<p><img class="aligncenter frame size-full wp-image-4279" title="Keep_3" src="http://www.incunabulo.com/wp-content/uploads/2010/02/Keep_3.png" alt="Keep_3" width="470" height="356" /></p>
<p style="text-align: justify;">O Keep Options é uma das traves-mestras da boa Tipografia. A usar, e sempre!</p>
<p>Bons Keeps.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.incunabulo.com/2010/02/04/controlar-orfas-e-viuvas-com-o-keep-options/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Definir o First Baseline Position</title>
		<link>http://www.incunabulo.com/2009/05/17/definir-o-first-baseline-position/</link>
		<comments>http://www.incunabulo.com/2009/05/17/definir-o-first-baseline-position/#comments</comments>
		<pubDate>Sun, 17 May 2009 21:25:50 +0000</pubDate>
		<dc:creator>edraant</dc:creator>
				<category><![CDATA[Glifos]]></category>
		<category><![CDATA[QuarkXPress]]></category>
		<category><![CDATA[Texto]]></category>
		<category><![CDATA[Tipografia]]></category>
		<category><![CDATA[Óptica]]></category>
		<category><![CDATA[CS4]]></category>

		<guid isPermaLink="false">http://www.incunabulo.com/?p=2370</guid>
		<description><![CDATA[ O First Baseline Position é usado por quem trata o texto com cuidado. Oferecendo 5 formas diferentes de especificar a distância a que o texto começa dentro da caixa, é uma excelente mais-valia para composições tipográficas profissionais.
Com a caixa de texto seleccionada, ir a Menu Object &#62; Text Frame Options (Cmd + B) e [...]]]></description>
			<content:encoded><![CDATA[<p></p> <p><span class="drop_cap">O</span> First Baseline Position é usado por quem trata o texto com cuidado. Oferecendo 5 formas diferentes de especificar a distância a que o texto começa dentro da caixa, é uma excelente mais-valia para composições tipográficas profissionais.</p>
<p><span id="more-2370"></span>Com a caixa de texto seleccionada, ir a <strong>Menu Object &gt; Text Frame Options </strong><span style="color: #ff6600;">(Cmd + B</span><span style="color: #ff6600;">)</span><strong> </strong>e seleccionar a Tab <strong>Baseline Options.</strong></p>
<p>No <em>pop-up</em> <strong>First Baseline &gt; Offset, </strong>o primeiro comando que está definido é o <strong>Ascent.</strong></p>
<p class="alert">Estes 5 comandos podem variar (e variam!) conforme a fonte utilizada.</p>
<p>Aqui surge um pequeno problema. Enquanto que no QuarkXPress há uma opção similar a esta chamada <strong>Cap + Accent </strong>que permite fazer uma descolação da caixa alta + diacrítico, o Indesign, sendo também um programa de origem anglo-saxónica, não contempla os diacríticos usados em outras línguas nesta função.</p>
<p>O resultado é o meio caminho entre a caixa alta e o diacrítico, na primeira linha de texto. A coisa resolve-se introduzindo um valor no campo<strong> Min.</strong></p>
<p style="text-align: center;"><a href="http://www.incunabulo.com/wp-content/uploads/2009/05/first_baseline_1.png"><img class="aligncenter frame size-full wp-image-2372" title="first_baseline_1" src="http://www.incunabulo.com/wp-content/uploads/2009/05/first_baseline_1.png" alt="first_baseline_1" width="416" height="457" /></a></p>
<p>O segundo comando é o <strong>Cap Height.</strong> O Indesign faz uma deslocação da primeira linha com base na altura da maiúscula.</p>
<p>Enquanto na fonte usada neste exemplo (Minion Pro) se nota uma uma pequena subida para fora da caixa, já no Chaparral Pro, essa subida não é visível.</p>
<p style="text-align: center;"><a href="http://www.incunabulo.com/wp-content/uploads/2009/05/first_baseline_2.png"><img class="aligncenter frame size-full wp-image-2374" title="first_baseline_2" src="http://www.incunabulo.com/wp-content/uploads/2009/05/first_baseline_2.png" alt="first_baseline_2" width="417" height="454" /></a></p>
<p>A função<strong> Leading</strong> é baseada na entrelinha da primeira linha de texto. Neste caso, o texto está a 11pt, o que significa que a descolcação da primeira linha relativamente ao topo da caixa é de 11pt.</p>
<p style="text-align: center;"><a href="http://www.incunabulo.com/wp-content/uploads/2009/05/first_baseline_3.png"><img class="aligncenter frame size-full wp-image-2375" title="first_baseline_3" src="http://www.incunabulo.com/wp-content/uploads/2009/05/first_baseline_3.png" alt="first_baseline_3" width="420" height="476" /></a></p>
<h5><span style="color: #3366ff;">NOTA SOBRE O X-HEIGHT</span></h5>
<p>O <strong>x-Height</strong> é usado tipograficamente para medir a altura de um corpo.</p>
<p>Um corpo não é medido pela altura da maiúscula, mas sim pela altura da letra minúscula x, em pontos.</p>
<p class="note">Reparem na altura da letra d relativamente à letra x. Quando a letra x se apresenta alta (Helvetica) é normal indicar que esta fonte tem um grande x-heigh. O contrário é válido para uma fonte como a Didot. Na comparação entre a Gill Sans e a Helvetica (2 fontes não-serifadas), o Helvetica apresenta-se com melhor leitura, já que o contraste entre a altura dos vários caracteres é menor.</p>
<p style="text-align: center;"><a href="http://www.incunabulo.com/wp-content/uploads/2009/05/first_baseline_6.png"><img class="aligncenter frame size-full wp-image-2377" title="first_baseline_6" src="http://www.incunabulo.com/wp-content/uploads/2009/05/first_baseline_6.png" alt="first_baseline_6" width="442" height="114" /></a></p>
<p>Felizmente nesta função o Indesign parece acertar na deslocação da primeira linha, independentemente da fonte usada.</p>
<p style="text-align: center;"><a href="http://www.incunabulo.com/wp-content/uploads/2009/05/first_baseline_4.png"><img class="aligncenter frame size-full wp-image-2376" title="first_baseline_4" src="http://www.incunabulo.com/wp-content/uploads/2009/05/first_baseline_4.png" alt="first_baseline_4" width="431" height="495" /></a></p>
<p>Finalmente, o campo <strong>Fixed.</strong> O texto é colocado fora da caixa de texto, permitindo ao utilizador usar o campo <strong>Min</strong> para ajustes verticais.</p>
<p style="text-align: center;"><a href="http://www.incunabulo.com/wp-content/uploads/2009/05/first_baseline_5.png"><img class="aligncenter frame size-full wp-image-2378" title="first_baseline_5" src="http://www.incunabulo.com/wp-content/uploads/2009/05/first_baseline_5.png" alt="first_baseline_5" width="421" height="542" /></a></p>
<p>Bons Baselines.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.incunabulo.com/2009/05/17/definir-o-first-baseline-position/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>Espaços brancos tipográficos</title>
		<link>http://www.incunabulo.com/2009/02/01/espacos-brancos-tipograficos/</link>
		<comments>http://www.incunabulo.com/2009/02/01/espacos-brancos-tipograficos/#comments</comments>
		<pubDate>Sun, 01 Feb 2009 14:15:52 +0000</pubDate>
		<dc:creator>edraant</dc:creator>
				<category><![CDATA[Texto]]></category>
		<category><![CDATA[Tipografia]]></category>
		<category><![CDATA[Óptica]]></category>
		<category><![CDATA[CS4]]></category>

		<guid isPermaLink="false">http://www.incunabulo.com/?p=382</guid>
		<description><![CDATA[ Que símbolos estranhos e desconhecidos são aqueles quando visualizo o meu texto com caracteres invisíveis? Para que servem e como se utilizam?
Não podemos de deixar de editar texto sem verificar quais as possibilidades que o Indesign oferece no tratamento de espaço entre caracteres. Entre espaços fixos, meio espaços, espaços EM, existe uma profusão de [...]]]></description>
			<content:encoded><![CDATA[<p></p> <p><span class="drop_cap">Q</span>ue símbolos estranhos e desconhecidos são aqueles quando visualizo o meu texto com caracteres invisíveis? Para que servem e como se utilizam?</p>
<p>Não podemos de deixar de editar texto sem verificar quais as possibilidades que o Indesign oferece no tratamento de espaço entre caracteres. Entre espaços fixos, meio espaços, espaços EM, existe uma profusão de possibilidades para uma melhor tipografia.</p>
<p><span id="more-382"></span>Para os visualizar, Menu Type &gt; Show Hidden Characters (Cmd + Alt + I).</p>
<p>Para inserir algum dos espaços pretendidos, posiciono o cursor na parte do texto que pretendo alterar e vou a  Menu Type &gt; Insert White Space &gt; escolher o pretendido.<br />
<img class="aligncenter frame size-full wp-image-384" title="white_spaces" src="http://www.incunabulo.com/wp-content/uploads/2009/02/white_spaces.png" alt="white_spaces" width="278" height="259" /></p>
<p><strong>Espaço normal</strong> — É um espaço feito com a barra de espaços, que é variável consoante a fonte utilizada.<br />
<img class="aligncenter frame size-full wp-image-386" title="space_space" src="http://www.incunabulo.com/wp-content/uploads/2009/02/space_space.png" alt="space_space" width="188" height="141" /></p>
<p><strong>EM Space </strong>— Um espaço EM é igual ao corpo utilizado. Se estiver a utilizar um corpo 16, o espaço EM é de 16 pontos. Muitas vezes é também associado à largura da letra ”m”.</p>
<p><img class="aligncenter frame size-full wp-image-389" title="space_em" src="http://www.incunabulo.com/wp-content/uploads/2009/02/space_em.png" alt="space_em" width="301" height="135" /></p>
<p><strong>EN Space </strong>— Metade do espaço EM.</p>
<p><img class="aligncenter frame size-full wp-image-391" title="space_en" src="http://www.incunabulo.com/wp-content/uploads/2009/02/space_en.png" alt="space_en" width="235" height="124" /></p>
<p><strong>Nonbreaking Space</strong> — Espaço indivisível mas flexível, que não permite hifenizar. Permite ”agarrar’ os 2 caracteres. Costumo utilizá-lo quando escrevo algo como ”10 mg”.</p>
<p><img class="aligncenter frame size-full wp-image-392" title="space_nobreaking" src="http://www.incunabulo.com/wp-content/uploads/2009/02/space_nobreaking.png" alt="space_nobreaking" width="191" height="134" /></p>
<p><strong>Nonbreaking Space (Fixed Width)</strong> — Espaço indivisível não flexível. Significa que não é alterado pela justificação horizontal, tracking, kerning, etc.</p>
<p><img class="aligncenter frame size-full wp-image-394" title="space_nobreakingfixed" src="http://www.incunabulo.com/wp-content/uploads/2009/02/space_nobreakingfixed.png" alt="space_nobreakingfixed" width="194" height="131" /></p>
<p><strong>Hair Space</strong> — O lendário ”fio-de-cabelo” tipográfico. Quem usa Tipografia hardcore e não pretende usar kernings, usa esta função. Tem a medida de 1/24 do espaço EM.</p>
<p><img class="aligncenter frame size-full wp-image-395" title="space_hair" src="http://www.incunabulo.com/wp-content/uploads/2009/02/space_hair.png" alt="space_hair" width="165" height="138" /></p>
<p><strong>Sixth Space</strong> — 1/6 do espaço EM.</p>
<p><img class="aligncenter frame size-full wp-image-396" title="space_six" src="http://www.incunabulo.com/wp-content/uploads/2009/02/space_six.png" alt="space_six" width="178" height="131" /></p>
<p><strong>Thin Space</strong> — 1/8 do espaço EM.</p>
<p><img class="aligncenter frame size-full wp-image-397" title="space_thin" src="http://www.incunabulo.com/wp-content/uploads/2009/02/space_thin.png" alt="space_thin" width="177" height="131" /></p>
<p><strong>Quarter Space</strong> — 1/4 do espaço EM.</p>
<p><img class="aligncenter frame size-full wp-image-398" title="space_quarter" src="http://www.incunabulo.com/wp-content/uploads/2009/02/space_quarter.png" alt="space_quarter" width="194" height="139" /><strong>Third Space</strong> — 1/3 do espaço EM.</p>
<p><img class="aligncenter frame size-full wp-image-399" title="space_third" src="http://www.incunabulo.com/wp-content/uploads/2009/02/space_third.png" alt="space_third" width="201" height="134" /><strong>Punctuation Space</strong> — Tem a largura de um ponto final, ponto e vírgula, vírgula, dois pontos ou ponto de exclamação na fonte e corpo utilizados.</p>
<p><img class="aligncenter frame size-full wp-image-400" title="space_punctuation" src="http://www.incunabulo.com/wp-content/uploads/2009/02/space_punctuation.png" alt="space_punctuation" width="190" height="142" /></p>
<p><strong>Figure Space</strong> — Largura de um número na fonte e corpo utilizados.</p>
<p><img class="aligncenter frame size-full wp-image-402" title="space_figure" src="http://www.incunabulo.com/wp-content/uploads/2009/02/space_figure.png" alt="space_figure" width="229" height="137" /></p>
<p><strong>Flush Space</strong> — Permite encostar o caracter da direita ao final da coluna. Só funciona com texto justificado (full). Em alinhamentos à esquerda, direita ou centrados, torna-se um espaço normal.</p>
<p><img class="aligncenter frame size-full wp-image-403" title="space_flush" src="http://www.incunabulo.com/wp-content/uploads/2009/02/space_flush.png" alt="space_flush" width="189" height="135" />Bons espaços.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.incunabulo.com/2009/02/01/espacos-brancos-tipograficos/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Alinhamentos ópticos de texto</title>
		<link>http://www.incunabulo.com/2009/02/01/alinhamentos-opticos-de-texto/</link>
		<comments>http://www.incunabulo.com/2009/02/01/alinhamentos-opticos-de-texto/#comments</comments>
		<pubDate>Sun, 01 Feb 2009 00:42:09 +0000</pubDate>
		<dc:creator>edraant</dc:creator>
				<category><![CDATA[Texto]]></category>
		<category><![CDATA[Tipografia]]></category>
		<category><![CDATA[Óptica]]></category>
		<category><![CDATA[CS4]]></category>

		<guid isPermaLink="false">http://www.incunabulo.com/?p=346</guid>
		<description><![CDATA[ Gosto de uma excelente tipografia. By the way, a minha fonte preferida é o Chaparral Pro, desenhada por Carol Twombly.
O exemplo que se segue é aquilo que eu chamo um purismo tipográfico. Algo em que o Indesign é especialista.
Em blocos destacados de texto (não estou a falar de texto colunado), por vezes são colocadas [...]]]></description>
			<content:encoded><![CDATA[<p></p> <p><span class="drop_cap">G</span>osto de uma excelente tipografia. <em>By the way</em>, a minha fonte preferida é o <a href="http://www.veer.com/products/typedetail.aspx?image=ADT0001717#specimen" target="_blank">Chaparral Pro</a>, desenhada por Carol Twombly.</p>
<p>O exemplo que se segue é aquilo que eu chamo um purismo tipográfico. Algo em que o Indesign é especialista.</p>
<p><span id="more-346"></span>Em blocos destacados de texto (não estou a falar de texto colunado), por vezes são colocadas as chamadas <strong>Typographic quotes</strong>, o que chamamos vulgarmente <strong>comas</strong>.</p>
<p>O problema é que ficam dentro da mancha óptica do texto. Parece que o empurram lá para dentro como podem ver.</p>
<p style="text-align: left;"><img class="aligncenter frame size-full wp-image-348" title="alinhamento_1" src="http://www.incunabulo.com/wp-content/uploads/2009/02/alinhamento_1.png" alt="alinhamento_1" width="434" height="216" />Para estas situações em particular, uso uma palete que anda perdida (e esquecida) no Indesign: a palete Story (menu Type &gt; Story).</p>
<p style="text-align: left;"><img class="aligncenter frame size-full wp-image-349" title="story_palette" src="http://www.incunabulo.com/wp-content/uploads/2009/02/story_palette.png" alt="story_palette" width="222" height="92" />É tão pequena que até parece que pede desculpa por estar aqui, mas neste caso, selecciono a caixa de texto e assinalo Optical Margin Alignment, com a opção de corpo 12. O resultado óptico, gráfico e tipográfico é evidente.</p>
<p style="text-align: left;"><img class="aligncenter frame size-full wp-image-350" title="alinhamento_2" src="http://www.incunabulo.com/wp-content/uploads/2009/02/alinhamento_2.png" alt="alinhamento_2" width="440" height="217" />As comas saem da manha de texto começando antes, permitindo uma leitura (especialmente em corpos grandes) muito mais agradável.</p>
<p style="text-align: left;">Mesmo assim, há algo que não me agrada: aquele hífen também saiu disparado fora da caixa de texto. É altura de editar de novo a palete e mudar para corpo 36.</p>
<p style="text-align: left;"><img class="aligncenter frame size-full wp-image-351" title="story_pallete2" src="http://www.incunabulo.com/wp-content/uploads/2009/02/story_pallete2.png" alt="story_pallete2" width="221" height="92" />O Indesign faz um alinhamento óptico das comas, mantendo o hífen dentro da mancha de texto.</p>
<p style="text-align: center;"><img class="aligncenter frame size-full wp-image-352" title="alinhamento_3" src="http://www.incunabulo.com/wp-content/uploads/2009/02/alinhamento_3.png" alt="alinhamento_3" width="431" height="207" /></p>
<p style="text-align: center;">Reparem que existe agora uma margem branca no lado esquerdo do texto. Nada que não se resolva com o ajuste manual da caixa de texto à largura desejada. Perfeito!</p>
<p style="text-align: center;">
<p style="text-align: left;">Bons alinhamentos.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.incunabulo.com/2009/02/01/alinhamentos-opticos-de-texto/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
