<?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; Typography</title>
	<atom:link href="http://www.incunabulo.com/category/tipografia/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.incunabulo.com</link>
	<description>more InDesign, some Typography</description>
	<lastBuildDate>Mon, 23 May 2011 15:24:02 +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 importância do Forced Line Break</title>
		<link>http://www.incunabulo.com/2010/09/05/a-importancia-do-forced-line-break/</link>
		<comments>http://www.incunabulo.com/2010/09/05/a-importancia-do-forced-line-break/#comments</comments>
		<pubDate>Sun, 05 Sep 2010 15:07:39 +0000</pubDate>
		<dc:creator>edraant</dc:creator>
				<category><![CDATA[Typography]]></category>
		<category><![CDATA[CS5]]></category>

		<guid isPermaLink="false">http://www.incunabulo.com/?p=5331</guid>
		<description><![CDATA[ A possibilidade de automatizar a composição tipográfica no InDesign é notória. À primeira vista pode parecer tudo perfeito, mas se houver necessidade de alguma alteração nas quebras de linha sem a aplicação do automatismo (Space After, Space Before, Paragraph Rules, etc.) existe uma shortcut que muda de linha mas mantém a formatação vinda de [...]]]></description>
			<content:encoded><![CDATA[<p></p> <p style="text-align: justify;"><span class="drop_cap">A</span> possibilidade de automatizar a composição tipográfica no InDesign é notória. À primeira vista pode parecer tudo perfeito, mas se houver necessidade de alguma alteração nas quebras de linha sem a aplicação do automatismo (Space After, Space Before, Paragraph Rules, etc.) existe uma shortcut que muda de linha mas mantém a formatação vinda de trás: o Forced Line Break.</p>
<p style="text-align: justify;"><span id="more-5331"></span>Neste exemplo, está aplicado um Paragraph Rule na última linha do texto, ocupando a largura da última linha.</p>
<p style="text-align: center;"><img class="aligncenter frame size-full wp-image-5332" title="forcedlinebreak_1" src="http://www.incunabulo.com/wp-content/uploads/2010/09/forcedlinebreak_1.png" alt="forcedlinebreak_1" width="426" height="153" /></p>
<p style="text-align: justify;">Para melhorar a estilítica tipográfica foi necessário passar a palavra “As” e “volore” para a linha seguinte. Ao carregar na tecla return, o Paragraph Rule é aplicado automaticamente, já que todo o parágrafo está a ir buscar as características do Paragraph Rule.</p>
<p style="text-align: center;"><img class="aligncenter frame size-full wp-image-5333" title="forcedlinebreak_2" src="http://www.incunabulo.com/wp-content/uploads/2010/09/forcedlinebreak_2.png" alt="forcedlinebreak_2" width="423" height="148" /></p>
<p style="text-align: justify;">O problema resolve-se forçando a mudança de linha sem aplicar o Paragraph Rule.</p>
<p style="text-align: justify;"><span style="color: #ff6600;"><strong>Menu Type &gt; Insert Break Character &gt; Forced Line Break.</strong></span></p>
<p style="text-align: center;"><img class="aligncenter frame size-full wp-image-5334" title="forcedlinebreak_3" src="http://www.incunabulo.com/wp-content/uploads/2010/09/forcedlinebreak_3.png" alt="forcedlinebreak_3" width="428" height="154" /></p>
<p style="text-align: justify;">Este caracter resolve o problema dos Paragraph Rules, mas também em Space Before e After, entrelinha, First Line Left Ident, Drop Caps, Bullets and Numberings, Next Style, etc.</p>
<p><img class="aligncenter frame size-full wp-image-5335" title="forcedlinebreak_4" src="http://www.incunabulo.com/wp-content/uploads/2010/09/forcedlinebreak_4.png" alt="forcedlinebreak_4" width="146" height="110" /></p>
<p>Bons line breaks.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.incunabulo.com/2010/09/05/a-importancia-do-forced-line-break/feed/</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
		<item>
		<title>A importância do quadro Justification em violações da justificação horizontal</title>
		<link>http://www.incunabulo.com/2010/06/09/a-importancia-do-quadro-justification-em-violacoes-da-justificacao-horizontal/</link>
		<comments>http://www.incunabulo.com/2010/06/09/a-importancia-do-quadro-justification-em-violacoes-da-justificacao-horizontal/#comments</comments>
		<pubDate>Wed, 09 Jun 2010 21:05:50 +0000</pubDate>
		<dc:creator>edraant</dc:creator>
				<category><![CDATA[Preferences]]></category>
		<category><![CDATA[Typography]]></category>
		<category><![CDATA[CS5]]></category>

		<guid isPermaLink="false">http://www.incunabulo.com/?p=5242</guid>
		<description><![CDATA[ Na composição tipográfica é muitas vezes necessário usar procedimentos (manuais ou automáticos) para ajustamento de linhas. No caso da justificação horizontal, o InDesign tenta seguir o que está estabelecido por defeito ao nível dos espaços brancos entre palavras e letras. Muitas das vezes não consegue, e a pergunta é: como saber onde (e de [...]]]></description>
			<content:encoded><![CDATA[<p></p> <p style="text-align: justify;"><span class="drop_cap">N</span>a composição tipográfica é muitas vezes necessário usar procedimentos (manuais ou automáticos) para ajustamento de linhas. No caso da justificação horizontal, o InDesign tenta seguir o que está estabelecido por defeito ao nível dos espaços brancos entre palavras e letras. Muitas das vezes não consegue, e a pergunta é: como saber onde (e de que forma) existem violações ao que está definido na justificação horizontal?</p>
<p style="text-align: justify;"><span id="more-5242"></span></p>
<p style="text-align: justify;">Este texto é perfeitamente banal, em que os valores de justificação horizontal são os que estão <strong>por defeito.</strong></p>
<p><img class="aligncenter frame size-full wp-image-5243" title="hj_color_1" src="http://www.incunabulo.com/wp-content/uploads/2010/06/hj_color_1.png" alt="hj_color_1" width="396" height="435" /></p>
<p style="text-align: justify;">No sub-menu da <strong>Palete Control </strong>(ou nos <em>Paragraph Styles</em>) o quadro <strong>Justification </strong>apresenta-se <strong>por defeito</strong> com os valores entre palavras de 80% a 133% de mínimo a máximo. Já o espaço entre caracteres está a 0%, indicando que usa os valores por defeito do <em>kerning </em>da fonte de origem.</p>
<p style="text-align: center;"><img class="aligncenter frame size-full wp-image-5244" title="hj_color_2" src="http://www.incunabulo.com/wp-content/uploads/2010/06/hj_color_2.png" alt="hj_color_2" width="363" height="158" /></p>
<p style="text-align: justify;">Para visualizar o que o InDesign “acha” que não foi respeitado entre os 80% de mínimo e os 133% de máximo, activa-se nas P<strong>referências &gt;</strong> <em>tab </em><strong>Composition, </strong>a opção <strong>H&amp;J Violations.</strong></p>
<p style="text-align: center;"><img class="aligncenter frame size-full wp-image-5245" title="hj_color_3" src="http://www.incunabulo.com/wp-content/uploads/2010/06/hj_color_3.png" alt="hj_color_3" width="379" height="313" /></p>
<p style="text-align: justify;">De repente, todo o documento parece uma árvore de Natal, em que o InDesign mostra destacado a vários amarelos os valores fora do “range” 80–133%.</p>
<p style="text-align: justify;"><img class="aligncenter frame size-full wp-image-5246" title="hj_color_4" src="http://www.incunabulo.com/wp-content/uploads/2010/06/hj_color_4.png" alt="hj_color_4" width="394" height="435" /></p>
<p style="text-align: justify;">Um olhar mais atento permite verificar que existem 3 tipos de amarelo. Quanto mais intenso o amarelo mais fora do “range” o InDesign justificou o texto, o inverso é válido para o amarelo mais claro.</p>
<p style="text-align: justify;">Em zonas onde o amarelo não aparece, o InDesign conseguiu respeitar os valores dentro do 80–133%.</p>
<p style="text-align: justify;"><img class="aligncenter frame size-full wp-image-5247" title="hj_color_5" src="http://www.incunabulo.com/wp-content/uploads/2010/06/hj_color_5.png" alt="hj_color_5" width="380" height="179" /></p>
<p style="text-align: justify;">Como resolver este problema? Bom… ajustando os espaços brancos entre palavras/caracteres linha a linha! Um trabalho homérico, mas algumas vezes necessário.</p>
<p style="text-align: justify;">Bons alinhamentos.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.incunabulo.com/2010/06/09/a-importancia-do-quadro-justification-em-violacoes-da-justificacao-horizontal/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Compreender a construção de alinhamentos com a Palete Tabs</title>
		<link>http://www.incunabulo.com/2010/03/22/compreender-a-construcao-de-alinhamentos-com-a-palete-tabs/</link>
		<comments>http://www.incunabulo.com/2010/03/22/compreender-a-construcao-de-alinhamentos-com-a-palete-tabs/#comments</comments>
		<pubDate>Mon, 22 Mar 2010 00:42:15 +0000</pubDate>
		<dc:creator>edraant</dc:creator>
				<category><![CDATA[Tables]]></category>
		<category><![CDATA[Typography]]></category>
		<category><![CDATA[CS4]]></category>

		<guid isPermaLink="false">http://www.incunabulo.com/?p=4482</guid>
		<description><![CDATA[ Existem tabelas e tabelas. Existem tabelas a la Word, em que a grelha até é bastante boa, mas os alinhamentos de texto são de fugir. Quem faz tabelas profissionais pode usar eventualmente a opção Tables existente no InDesign, mas o processo não fica completo sem usar e compreender (muito) a outra feature existente para [...]]]></description>
			<content:encoded><![CDATA[<p></p> <p style="text-align: justify;"><span class="drop_cap">E</span>xistem tabelas e tabelas. Existem tabelas <em>a la Word,</em> em que a grelha até é bastante boa, mas os alinhamentos de texto são de fugir. Quem faz tabelas profissionais pode usar eventualmente a opção Tables existente no InDesign, mas o processo não fica completo sem usar e compreender (muito) a outra <em>feature </em>existente para a criação de tabelas: a <strong>Palete Tabs.</strong></p>
<p style="text-align: justify;">Quem aterra no InDesign vindo do QuarkXPress (ou mesmo do Freehand) não tem muitas dúvidas sobre o funcionamento desta palete, já que é praticamente igual entre os dois programas. Como usar, quando e de que forma, são alguns dos aspectos a que este texto se propõe.</p>
<p style="text-align: justify;"><span id="more-4482"></span></p>
<p>Algumas considerações:</p>
<ol>
<li style="text-align: justify;">As tabs podem ser configuradas num Paragraph Style.</li>
<li style="text-align: justify;">As tabs podem ser aplicadas dentro de uma célula de uma tabela.</li>
<li style="text-align: justify;">As tabs podem ser reconfiguradas linha a linha.</li>
<li style="text-align: justify;">Basta seleccionar a caixa de texto para alterar as tabs, se estiverem todas com o mesmo alinhamento.</li>
</ol>
<h4><span style="color: #3366ff;">Para que servem as tabs?</span></h4>
<p style="text-align: justify;">Bom, servem essencialmente para alinhamentos de informação dentro de uma tabela. Uma coisa é a tabela em si, outra, é a informação apresentada.</p>
<p style="text-align: center;"><img class="aligncenter frame size-full wp-image-4485" title="tabs_1" src="http://www.incunabulo.com/wp-content/uploads/2010/03/tabs_11.png" alt="tabs_1" width="434" height="179" /></p>
<h4><span style="color: #3366ff;">Como começar a coisa</span></h4>
<p style="text-align: justify;">Uma tabela pode começar com uma caixa em branco ou com texto já dentro da mesma.</p>
<p style="text-align: justify;">A regra é: o alinhamento depende do posicionamento da tecla tab, tal como no exemplo a seguir. O texto está composto mas não alinhado, como se tivesse sido inserido do Excel.</p>
<p style="text-align: center;"><img class="aligncenter frame size-full wp-image-4486" title="Tabs_7" src="http://www.incunabulo.com/wp-content/uploads/2010/03/Tabs_7.png" alt="Tabs_7" width="436" height="165" /></p>
<h4><span style="color: #3366ff;">Compreensão da Palete Tabs</span></h4>
<p style="text-align: justify;">A Palete Tabs tem aspectos muito particulares, independentemente do que se pretende criar.</p>
<p>Para a visualizar, <strong>Menu Type &gt; Tabs<span style="color: #ff6600;"> (Cmd + Shift + T).</span></strong></p>
<p style="text-align: justify;">O aspecto desta palete pode dar vontade de fechá-la imediatamente, tal a forma como se apresenta<strong>, </strong>com setinhas, campos vazios, uma ferramenta com um íman e uma régua que não tem nada a ver com a régua do documento. <strong><br />
</strong></p>
<p style="text-align: center;"><strong><img class="aligncenter frame size-full wp-image-4490" title="tabs_6" src="http://www.incunabulo.com/wp-content/uploads/2010/03/tabs_6.png" alt="tabs_6" width="455" height="75" /><br />
</strong></p>
<p>Vamos então analisá-la.</p>
<p><strong>1. Alinhamento à esquerda: </strong>o texto é alinhado à esquerda</p>
<p style="text-align: justify;"><strong>2. Alinhamento ao centro:</strong><strong> </strong>o texto é alinhado ao centro</p>
<p style="text-align: justify;"><strong>3. Alinhamento à direita:</strong><strong> </strong>o texto é alinhado à direita</p>
<p style="text-align: justify;"><strong>4. Alinhamento decimal (ou outro caracter): </strong>o texto é alinhado pelo caracter especificado.</p>
<p style="text-align: justify;"><strong>5. Posição da tab: </strong>início da tabulação, independentemente do alinhamento.</p>
<p style="text-align: justify;"><strong>6. First Line Left Ident: </strong>avanço da primeira palavra de texto dentro da caixa de texto. Pode alterar-se arrastando o triângulo superior dentro da régua.</p>
<p style="text-align: justify;"><strong>7. Left Indent: </strong>avanço de todo o bloco de texto dentro de uma caixa. Pode alterar-se usando o triângulo inferior dentro da régua.</p>
<p style="text-align: justify;">Estas duas últimas opções usam a identação do InDesign. Se se verificar a Palete Control, os valores são mostrados nesses campos.</p>
<p style="text-align: center;"><img class="aligncenter frame size-full wp-image-4487" title="tabs_3" src="http://www.incunabulo.com/wp-content/uploads/2010/03/tabs_3.png" alt="tabs_3" width="462" height="270" /></p>
<p style="text-align: justify;"><strong>8. Leader: </strong>caracer de preenchimento. Se colocar aqui um ponto final (.) será este o caracter a “encher” o espaço remanescente, como é o caso do pontilhado.</p>
<p style="text-align: justify;"><strong>9. Align On:</strong><em> </em>alinhamentos pela vírgula, pelo ponto de percentagem, pelo ponto final ou outro caracter? É aqui que ele é colocado.</p>
<p style="text-align: justify;"><strong>10. Alinhamento à esquerda:</strong> Para definir, basta clicar em cima da régua com uma das quatro posições (legenda 1, 2, 3 ou 4). Com este alinhamento, o texto irá ser preenchido daquele ponto para o lado direito.</p>
<p style="text-align: justify;"><strong>11. Alinhamento pelo caracter escolhido:</strong><em> </em>Se o caracter colocado no campo <strong>Align On</strong> for uma vírgula ou um ponto, o texto será alinhado sempre que este caracter existir dentro da caixa de texto, depois da chamada da tecla tab.</p>
<p style="text-align: center;"><img class="aligncenter frame size-full wp-image-4488" title="tabs_4" src="http://www.incunabulo.com/wp-content/uploads/2010/03/tabs_4.png" alt="tabs_4" width="449" height="213" /></p>
<p style="text-align: justify;"><strong>12. Íman:</strong><em> </em>este ícone faz com que a Palete Tabs seja colocada automaticamente em cima da caixa de texto em que se trabalha.</p>
<p style="text-align: justify;">Se a coisa não funcionar, fecha-se a Palete, selecciona-se de novo a caixa e abre-se de novo a Palete Tabs, no Menu Type.</p>
<p style="text-align: justify;"><strong>13. Clear All:</strong> Limpa todas as tabs defininadas na régua.</p>
<p style="text-align: justify;"><strong>14. Delete Tab:<em> </em></strong>apaga a tab seleccionada.</p>
<p style="text-align: justify;"><strong>15. Repeat Tab: </strong>ao definir uma tab a 20 mm do início da caixa de texto, e ao seleccioná-la e indo a este sub-menu, a tab é duplicada de 20 em 20 mm até ao final da caixa de texto.</p>
<p style="text-align: justify;"><strong>16. Reset Idents:</strong> elimina a identação atribuída neste quadro, nos pontos 6 e 7.</p>
<p style="text-align: center;"><img class="aligncenter frame size-full wp-image-4491" title="tabs_5" src="http://www.incunabulo.com/wp-content/uploads/2010/03/tabs_5.png" alt="tabs_5" width="468" height="244" /></p>
<h4><span style="color: #3366ff;">Criação de uma tabela</span></h4>
<p style="text-align: justify;">Tudo isto é muito bonito, mas como é que funciona a Palete Tabs?</p>
<p style="text-align: justify;">Temos este texto já com a chamada de tabela.</p>
<p style="text-align: center;"><img class="aligncenter frame size-full wp-image-4494" title="Tabs_7" src="http://www.incunabulo.com/wp-content/uploads/2010/03/Tabs_71.png" alt="Tabs_7" width="436" height="165" /></p>
<p style="text-align: justify;">Selecciona-se o texto e na Palete Tabs, clica-se no alinhamento de tabela à direta, fazendo com que o texto vá alinhar desta forma dentro da tabela.</p>
<p style="text-align: center;"><img class="aligncenter frame size-full wp-image-4495" title="tabs_8" src="http://www.incunabulo.com/wp-content/uploads/2010/03/tabs_8.png" alt="tabs_8" width="429" height="173" /></p>
<p style="text-align: justify;">Se for necessário mudar o alinhamento, selecciona-se o ícone do alinhamento na respectiva régua e selecciona-se, desta vez, o alinhamento ao centro. Automaticamente, o texto seleccionado é alinhado ao centro.</p>
<p style="text-align: center;"><img class="aligncenter frame size-full wp-image-4496" title="tabs_9" src="http://www.incunabulo.com/wp-content/uploads/2010/03/tabs_9.png" alt="tabs_9" width="425" height="186" /></p>
<h4><span style="color: #3366ff;">3 exemplos<br />
</span></h4>
<p style="text-align: justify;">Mostram-se aqui três exemplos, entre tantos outros, de como criar alinhamentos perfeitos. Veja-se de novo o quadro inicial.</p>
<p style="text-align: justify;"><span style="color: #ff6600;"><strong>Exemplo 1 —</strong></span> Este quadro seria perfeito se no campo “Benefits paid” e “Actuarial” a informação não estivesse dentro de parentesis. Numa leitura vertical, o olhar o leitor é desviado para a esquerda quando chega àquelas linhas. A boa regra aqui seria colocar o parêntesis fora do alinhamento.</p>
<p style="text-align: center;"><img class="aligncenter frame size-full wp-image-4497" title="tabs_1" src="http://www.incunabulo.com/wp-content/uploads/2010/03/tabs_12.png" alt="tabs_1" width="459" height="189" /></p>
<p>Apresento uma simulação de como ficará. Começa-se com o texto em “bruto”.</p>
<p style="text-align: center;"><img class="aligncenter frame size-full wp-image-4498" title="tabs_10" src="http://www.incunabulo.com/wp-content/uploads/2010/03/tabs_10.png" alt="tabs_10" width="436" height="154" /></p>
<p style="text-align: justify;">Selecciona-se o texto todo e aplicam-se as respectivas tabs, clicando em cima da regua. O exemplo mostrado é com alinhamento à direita.</p>
<p style="text-align: center;"><img class="aligncenter frame size-full wp-image-4499" title="tabs_11" src="http://www.incunabulo.com/wp-content/uploads/2010/03/tabs_111.png" alt="tabs_11" width="437" height="151" /></p>
<p style="text-align: justify;">Como escrevi no início, é possível aplicar tabulações diferentes linha a linha.</p>
<p style="text-align: justify;">Seleccionam-se as duas linhas a alterar e a tab de alinhamento à direita na régua. Clica-se na tab “alinhamento pelo caracter” (legenda 4) e no campo <strong>Align On</strong> escreve-se o caracter parêntesis.</p>
<p style="text-align: justify;">Assim, nestas duas linhas seleccionadas, sempre que houver um parêntesis, o alinhamento começa a partir daí. Repetir o mesmo procedimento (não mostrado na foto) no segundo valor ( 4 673).</p>
<p style="text-align: center;"><img class="aligncenter frame size-full wp-image-4500" title="tabs_12" src="http://www.incunabulo.com/wp-content/uploads/2010/03/tabs_121.png" alt="tabs_12" width="434" height="153" /></p>
<p style="text-align: justify;"><span style="color: #ff6600;"><strong>Exemplo 2 — </strong></span>Tudo muito bonito e direitinho, mas nos últimos 2 campos, o sinal de percentagem está alinhado para o lado esquerdo, provocando uma confusão visual a quem lê na vertical.</p>
<p style="text-align: center;"><img class="aligncenter frame size-full wp-image-4501" title="tab" src="http://www.incunabulo.com/wp-content/uploads/2010/03/tab.png" alt="tab" width="472" height="142" /></p>
<p style="text-align: justify;">O que se tem neste momento é isto.</p>
<p style="text-align: center;"><img class="aligncenter frame size-full wp-image-4502" title="tabs_13" src="http://www.incunabulo.com/wp-content/uploads/2010/03/tabs_13.png" alt="tabs_13" width="441" height="117" /></p>
<p style="text-align: justify;">Mais uma vez, selecciona-se a segunda linha e procede-se da forma correcta: seleccionar a segunda linha, seleccionar os ícones de alinhamento na Palete Tabs, mudar para alinhamentos decimais e inserir no campo <strong>Align On,</strong> o caracter de percentagem.</p>
<p style="text-align: center;"><img class="aligncenter frame size-full wp-image-4503" title="tabs_14" src="http://www.incunabulo.com/wp-content/uploads/2010/03/tabs_14.png" alt="tabs_14" width="460" height="121" /></p>
<p style="text-align: justify;">Como se pode verificar, a primeira linha da tabela continua com as tabulações definidas inicialmente, já que a alteração pode ser linha a linha.</p>
<p style="text-align: center;"><img class="aligncenter frame size-full wp-image-4504" title="tabs_15" src="http://www.incunabulo.com/wp-content/uploads/2010/03/tabs_15.png" alt="tabs_15" width="444" height="121" /></p>
<p style="text-align: justify;"><span style="color: #ff6600;"><strong>Exemplo 3</strong></span> <span style="color: #ff6600;"><strong>–</strong></span> os famosos “pontinhos” que já expliquei noutro post é aqui dissecado passo a passo.</p>
<p style="text-align: justify;">A tecla tab serve para “encostar” o número apresentado à direita. No entanto, pretende-se que o espaço remanescente seja preenchido com pontos.</p>
<p style="text-align: center;"><img class="aligncenter frame size-full wp-image-4505" title="tabs_16" src="http://www.incunabulo.com/wp-content/uploads/2010/03/tabs_16.png" alt="tabs_16" width="446" height="113" /></p>
<p style="text-align: justify;">Para isso, clica-se duas vezes em cima do símbolo tab, seleccionando o espaço remanescente.</p>
<p style="text-align: center;"><img class="aligncenter frame size-full wp-image-4506" title="tabs_17" src="http://www.incunabulo.com/wp-content/uploads/2010/03/tabs_17.png" alt="tabs_17" width="437" height="110" /></p>
<p style="text-align: justify;">Aí, ir ao campo <strong>Leader</strong> e digitar o ponto final, que será o caracter de preenchimento.</p>
<p style="text-align: center;"><img class="aligncenter frame size-full wp-image-4507" title="tabs_18" src="http://www.incunabulo.com/wp-content/uploads/2010/03/tabs_18.png" alt="tabs_18" width="436" height="108" /></p>
<p style="text-align: justify;"><strong>Conclusão: </strong>notei que é muito mais fácil explicar as tabs em aula do que tentar escrever algo sobre elas. É muito visual, o que pode fazer perder rapidamente a linha condutora. De qualquer forma, espero que tenham entendido e percebido a coisa. Estou cá para satisfazer dúvidas.</p>
<p>Boas tabs.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.incunabulo.com/2010/03/22/compreender-a-construcao-de-alinhamentos-com-a-palete-tabs/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<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[Guides]]></category>
		<category><![CDATA[Layout]]></category>
		<category><![CDATA[Optical]]></category>
		<category><![CDATA[Typography]]></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>8</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[Optical]]></category>
		<category><![CDATA[Typography]]></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>3</slash:comments>
		</item>
		<item>
		<title>Kerning óptico vs métrico</title>
		<link>http://www.incunabulo.com/2009/11/27/kerning-optico-vs-metrico/</link>
		<comments>http://www.incunabulo.com/2009/11/27/kerning-optico-vs-metrico/#comments</comments>
		<pubDate>Fri, 27 Nov 2009 15:32:13 +0000</pubDate>
		<dc:creator>edraant</dc:creator>
				<category><![CDATA[Typography]]></category>
		<category><![CDATA[CS4]]></category>

		<guid isPermaLink="false">http://www.incunabulo.com/?p=3828</guid>
		<description><![CDATA[ O Indesign, como notável programa tipográfico que é, não podia descurar um dos aspectos mais importantes da Tipografia: o Kerning. Esta palavra de origem celta serve, em Tipografia, para ajustar os espaços horizontais entre os caracteres. Mas há mais.
Antes de mais, quando aplicar o Kerning? Esqueçam o corpo de texto, o Kerning é aplicado [...]]]></description>
			<content:encoded><![CDATA[<p></p> <p style="text-align: justify;"><span class="drop_cap">O</span> Indesign, como notável programa tipográfico que é, não podia descurar um dos aspectos mais importantes da Tipografia: o Kerning. Esta palavra de origem celta serve, em Tipografia, para ajustar os espaços horizontais entre os caracteres. Mas há mais.</p>
<p style="text-align: justify;"><span id="more-3828"></span>Antes de mais, quando aplicar o Kerning? Esqueçam o corpo de texto, o Kerning é aplicado normalmente em subtítulos e títulos, ou seja, a partir de um certo corpo é que se justifica a sua utilização. Não há uma regra defininda sobre se é a partir do corpo 14, 36 ou outro qualquer.</p>
<p style="text-align: justify;">O Indesign tem 2 formas de controle do Kerning:  métrico e óptico.</p>
<h5><span style="color: #3366ff;">KERNING MÉTRICO<br />
</span></h5>
<p style="text-align: justify;">Na <strong>Palete Control </strong>e ao seleccionar uma palavra completa a indicação apresentada mostra que em toda a palavra está aplicado um Kerning métrico.</p>
<p><img class="aligncenter frame size-full wp-image-3829" title="kerning_1" src="http://www.incunabulo.com/wp-content/uploads/2009/11/kerning_1.png" alt="kerning_1" width="106" height="24" /></p>
<p style="text-align: justify;">O Kerning métrico indica que o kerning aplicado a cada um dos pares de caracteres foi estabelecido pelo criador da fonte.</p>
<p style="text-align: justify;">Agora vem a parte engraçada, ao colocar o cursor entre cada um dos caracteres dessa palavra, o valor de Kerning vai variando consoante o caracter apresentado relativamente ao seu par.</p>
<p style="text-align: justify;">Reparem nos valores entre o “O” e o “c” que são bem diferentes entre o “e” e o “n”. Neste caso, foi o fabricante que especificou quais os valores ideiais de Kerning (negativos, neutros ou positivos) para cada caracter.</p>
<p style="text-align: center;"><img class="aligncenter frame size-full wp-image-3830" title="kerning_2" src="http://www.incunabulo.com/wp-content/uploads/2009/11/kerning_2.png" alt="kerning_2" width="432" height="198" /></p>
<p style="text-align: justify;">Na <strong>Palete Control,</strong> e com o cursor posicionado entre o “O” e o “c”, a informação apresentada é o valor atribuído ao par de caracteres “Oc”, na fonte <em>Chaparral Pro Regular.</em></p>
<p><img class="aligncenter frame size-full wp-image-3831" title="kerning_3" src="http://www.incunabulo.com/wp-content/uploads/2009/11/kerning_3.png" alt="kerning_3" width="106" height="22" /></p>
<p style="text-align: justify;">Mas o Kerning métrico não é absoluto. Ele varia mesmo dentro da própria família de fontes.</p>
<p style="text-align: justify;">Ainda com o <em>Chaparral Pro,</em> mas no peso <em>Semibold,</em> os valores do Kerning métrico são um pouco diferentes.</p>
<p style="text-align: center;"><img class="aligncenter frame size-full wp-image-3833" title="kerning_4" src="http://www.incunabulo.com/wp-content/uploads/2009/11/kerning_4.png" alt="kerning_4" width="436" height="195" /></p>
<p style="text-align: justify;">E se mudar de família, como neste exemplo, em <em>Minion Pro Regular,</em> temos um kerning métrico ainda mais acentuado</p>
<p><img class="aligncenter frame size-full wp-image-3834" title="kerning_5" src="http://www.incunabulo.com/wp-content/uploads/2009/11/kerning_5.png" alt="kerning_5" width="454" height="214" /></p>
<p class="alert" style="text-align: justify;"><strong>Duas notas:</strong> 1 ) Nem todas as fontes têm kerning métrico atribuído. Muitas delas não foram contempladas pelo fabricante com esta opção. 2) Mesmo com aumento ou redução da fonte, os valores de Kerning métrico são mantidos.</p>
<h5><span style="color: #3366ff;">KERNING ÓPTICO</span></h5>
<p style="text-align: justify;">No Indesign, o Kerning óptico elimina os valores de Kerning dados pelo fabricante e aplica aqueles em função do desenho de cada um dos caracteres.</p>
<p style="text-align: justify;">Na <strong>Palete Control,</strong> e com a palavra seleccionada, aplica-se o Kerning óptico.</p>
<p><img class="aligncenter frame size-full wp-image-3835" title="kerning_6" src="http://www.incunabulo.com/wp-content/uploads/2009/11/kerning_6.png" alt="kerning_6" width="105" height="23" /></p>
<p style="text-align: justify;">Os valores de Kerning são bem diferentes de quando estava aplicado um Kerning métrico.</p>
<p><img class="aligncenter frame size-full wp-image-3836" title="kerning_7" src="http://www.incunabulo.com/wp-content/uploads/2009/11/kerning_7.png" alt="kerning_7" width="455" height="204" /></p>
<p style="text-align: justify;">A vantagem de usar um kerning óptico prende-se com este aspecto: quando há uma mudança de corpo, o kerning óptico é automaticamente ajustado para novos valores. Enquanto que no primeiro quadro o corpo usado é o 48, no segundo, o corpo usado é o 36, em que os valores de Kerning são significativamente diferentes.</p>
<p><img class="aligncenter frame size-full wp-image-3838" title="kerning_9" src="http://www.incunabulo.com/wp-content/uploads/2009/11/kerning_9.png" alt="kerning_9" width="459" height="241" /></p>
<p><img class="aligncenter frame size-full wp-image-3837" title="kerning_8" src="http://www.incunabulo.com/wp-content/uploads/2009/11/kerning_8.png" alt="kerning_8" width="449" height="206" /></p>
<h5><span style="color: #3366ff;">QUAL O VALOR DO KERNING?</span></h5>
<p>No Indesign, o Kerning é medido em <strong>milésimos de</strong> <strong>espaços EM.</strong></p>
<p style="text-align: justify;">Um espaço EM é a largura, em pontos, do corpo usado. Se estiver a usar um corpo 32, o espaço EM tem 32 pontos.</p>
<p style="text-align: justify;">Nas Preferências<span style="color: #ff6600;"><strong> (Cmd + K)</strong></span> é possível alterar os incrementos de teclado no uso do Kerning. Isto não vai alterar o valor de medição kerning.</p>
<p style="text-align: center;"><img class="aligncenter frame size-full wp-image-3839" title="kerning_10" src="http://www.incunabulo.com/wp-content/uploads/2009/11/kerning_10.png" alt="kerning_10" width="447" height="367" /></p>
<p>Para finalizar, é lamentável que um programa como este não permita editar as tabelas de Kerning de cada uma das fontes, coisa que o QuarkXPress faz desde a versão 3.</p>
<p>Bons Kernings.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.incunabulo.com/2009/11/27/kerning-optico-vs-metrico/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>A grande viagem pela Hifenização</title>
		<link>http://www.incunabulo.com/2009/11/07/a-grande-viagem-pela-hifenizacao/</link>
		<comments>http://www.incunabulo.com/2009/11/07/a-grande-viagem-pela-hifenizacao/#comments</comments>
		<pubDate>Sat, 07 Nov 2009 00:30:25 +0000</pubDate>
		<dc:creator>edraant</dc:creator>
				<category><![CDATA[Grandes viagens]]></category>
		<category><![CDATA[Text]]></category>
		<category><![CDATA[Typography]]></category>
		<category><![CDATA[CS4]]></category>

		<guid isPermaLink="false">http://www.incunabulo.com/?p=3665</guid>
		<description><![CDATA[ Uma boa hifenização de texto é uma das traves-mestras da Tipografia. E a optimização da configuração do painel Hyphenation permite evitar dentes de cavalo, palavras mal hifenizadas ou a última palavra pendurada. O controle que o Indesign tem sobre a hifenização é quase perfeito.

Antes de começar
A primeira regra para uma boa hifenização é ter [...]]]></description>
			<content:encoded><![CDATA[<p></p> <p style="text-align: justify;"><span class="drop_cap">U</span>ma boa hifenização de texto é uma das traves-mestras da Tipografia. E a optimização da configuração do painel Hyphenation permite evitar dentes de cavalo, palavras mal hifenizadas ou a última palavra pendurada. O controle que o Indesign tem sobre a hifenização é quase perfeito.</p>
<p style="text-align: justify;"><span id="more-3665"></span></p>
<h4 style="text-align: justify;"><span style="color: #3366ff;">Antes de começar</span></h4>
<p style="text-align: justify;">A primeira regra para uma boa hifenização é ter a língua portuguesa activa. No <strong>Control Panel,</strong> verificar se a mesma se encontra presente.</p>
<p><img class="aligncenter frame size-full wp-image-3667" title="hifen_1" src="http://www.incunabulo.com/wp-content/uploads/2009/11/hifen_1.png" alt="hifen_1" width="145" height="21" /></p>
<p>Ainda no<strong> </strong><em>Control Panel,</em> é aqui que o bloco de texto seleccionado é hifenizado ou não.</p>
<p><img class="aligncenter frame size-full wp-image-3668" title="hifen_3" src="http://www.incunabulo.com/wp-content/uploads/2009/11/hifen_3.png" alt="hifen_3" width="164" height="46" /></p>
<h4><span style="color: #3366ff;">Compreender o quadro Hyphenations Settings</span></h4>
<p style="text-align: justify;">Este quadro está disponível em 2 locais. No <em>sub-menu</em> do canto superior esquerdo da <strong>Palete Control &gt; Hyphenation.</strong> Ao alterar qualquer campo neste quadro, a alteração será apenas local.</p>
<p style="text-align: justify;">O segundo local é nos <strong>Paragraph Styles.</strong> Ao alterar qualquer campo, esta alteração é global, aplicando-se ao estilo em uso.</p>
<p style="text-align: center;"><img class="aligncenter frame size-full wp-image-3669" title="hifen_2" src="http://www.incunabulo.com/wp-content/uploads/2009/11/hifen_2.png" alt="hifen_2" width="438" height="221" /></p>
<h4><span style="color: #3366ff;">1. Hyphenate</span></h4>
<p>Activa ou inactiva a hifenização do parágrafo.</p>
<p style="text-align: center;"><img class="aligncenter frame size-full wp-image-3672" title="hifen_4" src="http://www.incunabulo.com/wp-content/uploads/2009/11/hifen_4.png" alt="hifen_4" width="470" height="257" /></p>
<h4><span style="color: #3366ff;">2. Words with at Least 5 letters</span></h4>
<p style="text-align: justify;">Esta opção “diz” ao Indesign que só hifeniza palavras com mais de 5 caracteres, inclusive. No texto do lado direito, a opção foi alterada para 7, o que resultou com que a palavra “muito” (5 caracteres) não tenha sido hifenizada.</p>
<p style="text-align: center;"><img class="aligncenter frame size-full wp-image-3673" title="hifen_5" src="http://www.incunabulo.com/wp-content/uploads/2009/11/hifen_5.png" alt="hifen_5" width="474" height="257" /></p>
<h4><span style="color: #3366ff;">3. After First 2 letters</span></h4>
<p style="text-align: justify;">Com base na divisão silábica, o Indesign só hifeniza a palavra após os 2 primeiros caracteres. Na coluna da esquerda, foi escolhida a opção “2 letters”, resultando numa hifenização da palavra “Cândido”, mantendo 3 caracteres na linha de cima e 4 caracteres na linha seguinte. Já na coluna da direita foi aplicado a inserção do hífen após 4 caracteres, o que resulta na obrigatoriedade do Indesign de colocar, pelo menos, 4 caracteres na linha onde começa a palavra.</p>
<p style="text-align: center;"><img class="aligncenter frame size-full wp-image-3674" title="hifen_6" src="http://www.incunabulo.com/wp-content/uploads/2009/11/hifen_6.png" alt="hifen_6" width="466" height="253" /></p>
<h4><span style="color: #3366ff;">4. Before Last 2 letters</span></h4>
<p style="text-align: justify;">O mesmo procedimento que o ponto 3, com a diferença que reporta aos caracteres da palavra depois do hífen, na linha sequencial. Como a palavra “muito”, na coluna da direita tem apenas 5 caracteres, a ordem para deixar 4 caracteres na linha seguinte não é respeitada, e o Indesign tenta, com sucesso, colocar toda a palavra na linha anterior.</p>
<p style="text-align: center;"><img class="aligncenter frame size-full wp-image-3675" title="hifen_7" src="http://www.incunabulo.com/wp-content/uploads/2009/11/hifen_7.png" alt="hifen_7" width="471" height="259" /></p>
<h4><span style="color: #3366ff;">5. Hyphen Limit 3 hyphens</span></h4>
<p style="text-align: justify;">Numa boa leitura, especialmente em colunas de largura curta, é importante não ter um hífen seguido em cada linha de texto. Na coluna da esquerda, as palavras “Cândido” e “muito” estão hifenizadas em sequência, já que o valor do <em>Hypen Limit </em>é de 3 . Na coluna da direita, o valor foi reduzido para 1, resultando numa hifenização de apenas uma linha sequencial.</p>
<p style="text-align: center;"><img class="aligncenter frame size-full wp-image-3676" title="hifen_8" src="http://www.incunabulo.com/wp-content/uploads/2009/11/hifen_8.png" alt="hifen_8" width="464" height="252" /></p>
<h4><span style="color: #3366ff;">6. Hyphenation Zone</span></h4>
<p style="text-align: justify;">Esta é uma forma inteligente de limitar o número de hífens no parágrafo. A barra azul simula o espaço branco remanescente desde o final do parágrafo até ao final da coluna. Se o Indesign hifenizar uma palavra no final do parágrafo, vai verificar o valor da <em>Hyphenation Zone</em> e, se esta “cair” na zona da barra azul, não será hifenizada.</p>
<p style="text-align: center;"><img class="aligncenter frame size-full wp-image-3677" title="hifen_9" src="http://www.incunabulo.com/wp-content/uploads/2009/11/hifen_9.png" alt="hifen_9" width="288" height="316" /></p>
<h4><span style="color: #3366ff;">7. Hyphenation Slider</span></h4>
<p style="text-align: justify;">Este slider permite formatar o texto para um melhor espaço entre letras e palavras (mais hífens), ou menos hífens no parágrafo de texto (pior espaço entre letras e palavras).</p>
<p style="text-align: center;"><img class="aligncenter frame size-full wp-image-3678" title="hifen_10" src="http://www.incunabulo.com/wp-content/uploads/2009/11/hifen_10.png" alt="hifen_10" width="462" height="256" /></p>
<h4><span style="color: #3366ff;">8. Hyphenate Capitalized Words</span></h4>
<p style="text-align: justify;">É de bom-tom as palavras começadas por caixa alta não hifenizarem (Fernando, Lisboa, Brasil, etc.), assim como os acrónimos (UNESCO, EFTA, etc.). O Indesign tem prevista essa situação. Na coluna da esquerda, a palavra “Cândido” e “ESPERANÇA” estão a hifenizar. Na coluna da direita, com esta opção inactiva, estas palavras não são hifenizadas.</p>
<p style="text-align: center;"><img class="aligncenter frame size-full wp-image-3679" title="hifen_11" src="http://www.incunabulo.com/wp-content/uploads/2009/11/hifen_11.png" alt="hifen_11" width="473" height="254" /></p>
<h4><span style="color: #3366ff;">9. Hyphenate Last Word</span></h4>
<p style="text-align: justify;">Com esta opção activa, a última linha do parágrafo é hifenizada. O mesmo não acontece com a mesma opção inactiva. Pessoalmente, sou mais adepto da segunda, evitando assim linhas viúvas no final do parágrafo.</p>
<p style="text-align: center;"><img class="aligncenter frame size-full wp-image-3680" title="hifen_12" src="http://www.incunabulo.com/wp-content/uploads/2009/11/hifen_12.png" alt="hifen_12" width="473" height="232" /></p>
<h4><span style="color: #3366ff;">10. Hyphenate Across Column</span></h4>
<p style="text-align: justify;">Aquando da mudança de coluna ou de página num parágrafo de texto, é possível que a linha que passa para a outra coluna não hifenize, inactivando o botão <strong>Hyphenate Across Column.</strong><em> </em>Para mim, é uma das grandes <em>features</em> da hifenização do Indesign.</p>
<p style="text-align: center;"><img class="aligncenter frame size-full wp-image-3681" title="hifen_13" src="http://www.incunabulo.com/wp-content/uploads/2009/11/hifen_13.png" alt="hifen_13" width="469" height="335" /></p>
<h4><span style="color: #3366ff;">Conclusão</span></h4>
<p style="text-align: justify;">Para um excelente controlo tipográfico é fundamental compreender e usar aquilo que o Indesign nos oferece ao nível da hifenização.</p>
<p>Boas hifenizações.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.incunabulo.com/2009/11/07/a-grande-viagem-pela-hifenizacao/feed/</wfw:commentRss>
		<slash:comments>11</slash:comments>
		</item>
		<item>
		<title>O OpenType levado ao extremo com a Bickham Script Pro</title>
		<link>http://www.incunabulo.com/2009/10/28/o-opentype-levado-ao-extremo-com-a-bickham-script-pro/</link>
		<comments>http://www.incunabulo.com/2009/10/28/o-opentype-levado-ao-extremo-com-a-bickham-script-pro/#comments</comments>
		<pubDate>Wed, 28 Oct 2009 00:20:27 +0000</pubDate>
		<dc:creator>edraant</dc:creator>
				<category><![CDATA[Fonts]]></category>
		<category><![CDATA[Glyphs]]></category>
		<category><![CDATA[Typography]]></category>
		<category><![CDATA[CS4]]></category>

		<guid isPermaLink="false">http://www.incunabulo.com/?p=3647</guid>
		<description><![CDATA[ Tenho andado de volta das features OpenType do Indesign. E ao fazer scroll na lista de fontes deparei-me com uma das mais brilhantes fontes que aproveitam a potencialidade do OpenType, coisa que no Indesign é bastante simples de aplicar: a Bickham Script Pro.
Para este exemplo escolhi o peso regular, corpo 24.
Ao olhar para esta [...]]]></description>
			<content:encoded><![CDATA[<p></p> <p style="text-align: justify;"><span class="drop_cap">T</span>enho andado de volta das <em>features </em>OpenType do Indesign. E ao fazer scroll na lista de fontes deparei-me com uma das mais brilhantes fontes que aproveitam a potencialidade do <em>OpenType, </em>coisa que no Indesign é bastante simples de aplicar: a <a href="http://www.linotype.com/57322/bickhamscript-family.html" target="_blank">Bickham Script Pro.</a></p>
<p style="text-align: justify;"><span id="more-3647"></span>Para este exemplo escolhi o peso regular, corpo 24.</p>
<p style="text-align: justify;">Ao olhar para esta fonte pensa-se que é apenas mais uma fonte cursiva, sem nada de especial para oferecer.</p>
<p><img class="aligncenter frame size-full wp-image-3648" title="bickham_1" src="http://www.incunabulo.com/wp-content/uploads/2009/10/bickham_1.png" alt="bickham_1" width="355" height="157" /></p>
<p style="text-align: justify;">As coisas não são bem assim. Começemos por verificar se tem a possibilidade de atribuição de<strong> Swach.</strong></p>
<p style="text-align: justify;">O<em> Swach</em> é uma variante do caracter maiúsculo que existe em algumas fontes <em>OpenType.</em> Mostro aqui um exemplo na fonte <strong>Adobe Caslon Pro Italic.</strong></p>
<p><img class="aligncenter frame size-full wp-image-3655" title="bickham_8" src="http://www.incunabulo.com/wp-content/uploads/2009/10/bickham_8.png" alt="bickham_8" width="448" height="301" /></p>
<p style="text-align: justify;">Para o activar, seleccionar o caracter pretendido e ir ao submenu da<strong> Palete Control </strong>e assinalar <strong>OpenType &gt; Swach.</strong></p>
<p><img class="aligncenter frame size-full wp-image-3649" title="bickham_2" src="http://www.incunabulo.com/wp-content/uploads/2009/10/bickham_2.png" alt="bickham_2" width="195" height="389" /></p>
<p style="text-align: justify;">Neste momento, o caracter “T” passa a ter outro aspecto gráfico, mais floreado e mais trabalhado.</p>
<p><img class="aligncenter frame size-full wp-image-3650" title="bickham_3" src="http://www.incunabulo.com/wp-content/uploads/2009/10/bickham_3.png" alt="bickham_3" width="365" height="191" /></p>
<p style="text-align: justify;">Como o <em>Swach</em> só é aplicado (quando a fonte o permite) em maiúsculas, como refinar o tratamento tipográfico dos restantes caracteres?</p>
<p style="text-align: justify;">Inactivando o <em>Swach</em>, abre-se a <strong>Palete Glyphs (Window &gt; Type &amp; Tables &gt; Glyphs).</strong></p>
<p style="text-align: justify;">Ao seleccionar de novo a letra “T”, esta é seleccionada automaticamente na <em>Palete Glyphs. </em>Como é uma fonte <em>OpenType,</em> as possibilidades de poder aplicar outro desenho são mostradas clicando no pequeno triângulo preto que existe debaixo do caracter e escolhendo um novo.</p>
<p><img class="aligncenter frame size-full wp-image-3651" title="bickham_4" src="http://www.incunabulo.com/wp-content/uploads/2009/10/bickham_4.png" alt="bickham_4" width="243" height="162" /></p>
<p>E a coisa começa a compôr-se.</p>
<p><img class="aligncenter frame size-full wp-image-3652" title="bickham_5" src="http://www.incunabulo.com/wp-content/uploads/2009/10/bickham_5.png" alt="bickham_5" width="447" height="220" /></p>
<p style="text-align: justify;">Agora vem a melhor parte, seleccionar cada um dos caracteres e verificar qual o caracter que o melhor pode substituir. O resultado pode tornar-se extraordinário.</p>
<p><img class="aligncenter frame size-full wp-image-3653" title="bickham_6" src="http://www.incunabulo.com/wp-content/uploads/2009/10/bickham_6.png" alt="bickham_6" width="427" height="210" /></p>
<p style="text-align: justify;">E ainda dá vontade de escrever mais uma palavra, e ajustá-la relativamente à anterior.</p>
<p><img class="aligncenter frame size-full wp-image-3654" title="bickham_7" src="http://www.incunabulo.com/wp-content/uploads/2009/10/bickham_7.png" alt="bickham_7" width="448" height="352" /></p>
<p style="text-align: justify;"><strong>Conclusão:</strong> as possibilidades do <em>OpenType </em>são imensas quando existe uma fonte que foi criada de raíz para o efeito. Nunca fui adepto de fontes cursivas, até usar as potencialidades desta fonte com as opções <em>OpenType</em> do Indesign.</p>
<p>Boas fontes.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.incunabulo.com/2009/10/28/o-opentype-levado-ao-extremo-com-a-bickham-script-pro/feed/</wfw:commentRss>
		<slash:comments>10</slash:comments>
		</item>
		<item>
		<title>Qual o valor da tecla “Tab”?</title>
		<link>http://www.incunabulo.com/2009/10/25/qual-o-valor-da-tecla-tab/</link>
		<comments>http://www.incunabulo.com/2009/10/25/qual-o-valor-da-tecla-tab/#comments</comments>
		<pubDate>Sun, 25 Oct 2009 19:48:16 +0000</pubDate>
		<dc:creator>edraant</dc:creator>
				<category><![CDATA[Tables]]></category>
		<category><![CDATA[Typography]]></category>
		<category><![CDATA[CS4]]></category>

		<guid isPermaLink="false">http://www.incunabulo.com/?p=3626</guid>
		<description><![CDATA[ Recebi um mail do Jorge Abreu com uma pergunta que não esperava de todo: “No InDesign, como podemos definir o valor da tecla ‘tab’?”
Entenda-se o valor como a largura ocupada dentro de uma caixa de texto.
Bom, é uma excelente pergunta, e o Indesign tem um pequeno comando que permite verificar qual a posição do [...]]]></description>
			<content:encoded><![CDATA[<p></p> <p style="text-align: justify;"><span class="drop_cap">R</span>ecebi um mail do Jorge Abreu com uma pergunta que não esperava de todo: <em>“No InDesign, como podemos definir o valor da tecla ‘tab’?”</em></p>
<p style="text-align: justify;">Entenda-se o <em>valor</em> como a largura ocupada dentro de uma caixa de texto.</p>
<p style="text-align: justify;">Bom, é uma excelente pergunta, e o Indesign tem um pequeno comando que permite verificar qual a posição do cursor dentro da caixa, o qual aproveitei para “ver” a largura da tecla “tab”.</p>
<p style="text-align: justify;"><span id="more-3626"></span></p>
<p style="text-align: justify;">No exemplo abaixo, existem 2 chamadas de tab, uma no corpo 24 e outra no corpo 10. A primeira conclusão que se tira é que o caracter “tab” tem sempre a mesma largura, independentemente do corpo usado.</p>
<p><img class="aligncenter frame size-full wp-image-3629" title="tab_position_1" src="http://www.incunabulo.com/wp-content/uploads/2009/10/tab_position_1.png" alt="tab_position_1" width="279" height="116" /></p>
<p style="text-align: justify;">Uma forma decente de medir a largura seria puxar guias. Mas depois lembrei-me que existe no Indesign valores por defeito para a tecla “tab”.</p>
<p style="text-align: justify;">Um dos locais onde ser pode verificar esse avanço é no sub-menu da <strong>Control Palete &gt; Bullets and Numbering. </strong>E o que este painel mostra é que o avanço é de 12,7 mm.</p>
<p style="text-align: center;"><img class="aligncenter frame size-full wp-image-3631" title="tab_position_21" src="http://www.incunabulo.com/wp-content/uploads/2009/10/tab_position_21.png" alt="tab_position_21" width="367" height="381" /></p>
<p style="text-align: justify;">Mas serão assim as coisas tão lineares? Felizmente sim.</p>
<p style="text-align: justify;">Ainda na Palete Control existe um pequeno ícone chamado <strong>Horizontal Cursor Position </strong>que mostra a coordenada <strong>x</strong> do cursor dentro da caixa de texto.</p>
<p style="text-align: justify;">Se avançar com outro <em>tab,</em> o cursor mostra o dobro do valor (25,4 mm) e assim sucessivamente.</p>
<p><img class="aligncenter frame size-full wp-image-3632" title="tab_position_3" src="http://www.incunabulo.com/wp-content/uploads/2009/10/tab_position_3.png" alt="tab_position_3" width="213" height="169" /></p>
<p style="text-align: justify;">Mas o Jorge tinha outra pergunta que faz todo o sentido: <em>Mas, onde podemos defini-lo? Por exemplo colocar 5 mm, em vez dos tais 12,7 mm? Ou não é configurável?</em></p>
<p style="text-align: justify;">Sim, é configurável se usar a função <em>Tabs </em><strong>(Menu Type &gt; Tabs).</strong></p>
<p style="text-align: justify;">Ao abrir este Painel, é necessário seleccionar o alinhamento da<em> tab.</em> Neste caso, alinhamento à esquerda. Depois no campo <strong>X</strong> é onde é dado o avanço pretendido. A <em>tab</em> fica redefinida e a 5 mm do início da caixa de texto.</p>
<p><img class="aligncenter frame size-full wp-image-3634" title="tab_position_4" src="http://www.incunabulo.com/wp-content/uploads/2009/10/tab_position_4.png" alt="tab_position_4" width="331" height="135" /></p>
<p>Bons tabs.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.incunabulo.com/2009/10/25/qual-o-valor-da-tecla-tab/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>2 dicas importantes sobre as Drop Caps</title>
		<link>http://www.incunabulo.com/2009/09/10/2-dicas-importantes-sobre-as-drop-caps/</link>
		<comments>http://www.incunabulo.com/2009/09/10/2-dicas-importantes-sobre-as-drop-caps/#comments</comments>
		<pubDate>Thu, 10 Sep 2009 12:55:18 +0000</pubDate>
		<dc:creator>edraant</dc:creator>
				<category><![CDATA[Typography]]></category>
		<category><![CDATA[CS4]]></category>

		<guid isPermaLink="false">http://www.incunabulo.com/?p=3361</guid>
		<description><![CDATA[ Tal como a formatação deste parágrafo, as Drop Caps (ou capitulares) são bastante usadas em aberturas de capítulo ou inícios de artigos.

Criar uma Drop Cap é simples. Basta seleccionar na Palete Control o número de linhas que a capitular ocupa e o número de caracteres que esta contém.

Escolhi um Character Style com características diferentes [...]]]></description>
			<content:encoded><![CDATA[<p></p> <p><span class="drop_cap">T</span>al como a formatação deste parágrafo, as Drop Caps (ou capitulares) são bastante usadas em aberturas de capítulo ou inícios de artigos.</p>
<p><span id="more-3361"></span></p>
<p>Criar uma Drop Cap é simples. Basta seleccionar na <strong>Palete Control</strong> o número de linhas que a capitular ocupa e o número de caracteres que esta contém.</p>
<p><img class="aligncenter frame size-full wp-image-3362" title="dropcap_1" src="http://www.incunabulo.com/wp-content/uploads/2009/09/dropcap_1.png" alt="dropcap_1" width="193" height="25" /></p>
<p>Escolhi um <em>Character Style</em> com características diferentes do texto: Fonte Formata Bold, a vermelho.<img class="aligncenter size-full wp-image-3363" title="dropcap_2" src="http://www.incunabulo.com/wp-content/uploads/2009/09/dropcap_2.png" alt="dropcap_2" width="490" height="345" /></p>
<p>Neste tipo de fontes e letras, a coisa funciona muito bem. Mas surgem 2 problemas quando a Drop Cap é iniciada por um caracter curvo, e pior ainda, tem uma haste descendente que cai em cima da linha de texto, como é o caso do “nosso” c cedilhado.</p>
<p><img class="aligncenter frame size-full wp-image-3364" title="dropcap_3" src="http://www.incunabulo.com/wp-content/uploads/2009/09/dropcap_3.png" alt="dropcap_3" width="336" height="281" /></p>
<p>Felizmente o Indesign tem previsto este tipo de situação.</p>
<p>No canto superior direito da <strong>Control Panel,</strong> abrir o <em>sub menu </em>e escolher <strong>Drop Caps and Nested Styles.</strong></p>
<p>Mantendo o número de linhas em 2 e o número de caracteres em 1, assinala-se <strong>Align Left Edge: </strong>com esta opção, o Indesign vai verificar a rebarba do caracter da Drop Cap (letra Ç) e vai puxá-la para a esquerda.</p>
<p>Assinalando <strong>Scale for Descenders, </strong>o programa faz uma redução automática da Drop Cap, permitindo que a cedilha não caia em cima da linha de texto.</p>
<p style="text-align: center;"><img class="aligncenter frame size-full wp-image-3365" title="dropcap_4" src="http://www.incunabulo.com/wp-content/uploads/2009/09/dropcap_4.png" alt="dropcap_4" width="454" height="338" /></p>
<p>Não existe redução ou aumento de entrelinha do texto, apenas a redução da Drop Cap.</p>
<p>Tipograficamente, a base da segunda linha de texto está abaixo do baseline da Drop Cap.</p>
<p>Mas opticamente está bastante aceitável. Se precisar de algum ajustamento vertical, uso o <strong>Baseline Shift.</strong></p>
<p><img class="aligncenter frame size-full wp-image-3366" title="dropcap_5" src="http://www.incunabulo.com/wp-content/uploads/2009/09/dropcap_5.png" alt="dropcap_5" width="364" height="341" /></p>
<p>Relembro que as Drop Caps podem ser configuradas (também) nos <em>Paragraph Styles.</em></p>
<p>Boas Drop Caps.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.incunabulo.com/2009/09/10/2-dicas-importantes-sobre-as-drop-caps/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>A grande viagem pelas Footnotes</title>
		<link>http://www.incunabulo.com/2009/07/26/a-grande-viagem-pelas-footnotes/</link>
		<comments>http://www.incunabulo.com/2009/07/26/a-grande-viagem-pelas-footnotes/#comments</comments>
		<pubDate>Sun, 26 Jul 2009 17:05:51 +0000</pubDate>
		<dc:creator>edraant</dc:creator>
				<category><![CDATA[Grandes viagens]]></category>
		<category><![CDATA[Layout]]></category>
		<category><![CDATA[Long Documents]]></category>
		<category><![CDATA[Scripts]]></category>
		<category><![CDATA[Text]]></category>
		<category><![CDATA[Typography]]></category>
		<category><![CDATA[CS4]]></category>

		<guid isPermaLink="false">http://www.incunabulo.com/?p=3046</guid>
		<description><![CDATA[ As Footnotes (ou pés-de-página) têm a sua ciência. Devem obedecer a regras gráficas e tipográficas para não se tornarem num peso extra num livro. Sei que por vezes é necessário, mas pessoalmente, abomino as Footnotes quando são “despachadas” para o final do capítulo, como se de um apêndice se tratassem. No fundo, as footnotes [...]]]></description>
			<content:encoded><![CDATA[<p></p> <p><span class="drop_cap">A</span>s Footnotes (ou pés-de-página) têm a sua ciência. Devem obedecer a regras gráficas e tipográficas para não se tornarem num peso extra num livro. Sei que por vezes é necessário, mas pessoalmente, abomino as Footnotes quando são “despachadas” para o final do capítulo, como se de um apêndice se tratassem. No fundo, as footnotes servem para esclarecer o leitor e aprofundar a informação.</p>
<p><span id="more-3046"></span></p>
<h5><span style="color: #3366ff;">CRIAR E PERSONALIZAR UMA FOOTNOTE</span></h5>
<p>Para inserir uma Footnote, basta posicionar o cursor no final da palavra onde se pretende inserir (a palavra Casti) e ir a <strong>Menu Type &gt; Insert Footnote.</strong></p>
<p>Automaticamente, o Indesign reduz a mancha de texto na altura e coloca a Footnote no final da página.</p>
<p><img class="aligncenter frame size-full wp-image-3049" title="footnote_1" src="http://www.incunabulo.com/wp-content/uploads/2009/07/footnote_1.png" alt="footnote_1" width="412" height="459" /></p>
<p>Repete-se o mesmo procedimento para uma segunda palavra: Catus.</p>
<p>Reparem que agora o Indesign “pegou” na última linha de texto e passou-a para a página seguinte, guardando espaço para a segunda nota.</p>
<p><img class="aligncenter frame size-full wp-image-3050" title="footnote_2" src="http://www.incunabulo.com/wp-content/uploads/2009/07/footnote_2.png" alt="footnote_2" width="390" height="457" /></p>
<p>É altura de escrever as respectivas notas. Se uma delas ou todas ocuparem mais do que uma linha, o Indesign vai passar linhas do texto para outras página ou pode-se fazer a divisão da nota em 2 páginas.</p>
<p style="text-align: center;"><img class="aligncenter frame size-full wp-image-3051" title="footnote_3" src="http://www.incunabulo.com/wp-content/uploads/2009/07/footnote_3.png" alt="footnote_3" width="422" height="411" /></p>
<p>Neste momento é como se apresentam as Footnotes na página. Tipograficamente pobres, é altura de serem personalizadas.</p>
<p style="text-align: center;"><img class="aligncenter frame size-full wp-image-3052" title="footnote_4" src="http://www.incunabulo.com/wp-content/uploads/2009/07/footnote_4.png" alt="footnote_4" width="430" height="641" /></p>
<p>No <strong>Menu Type,</strong> seleccionar  <strong>Document Footnote Options.</strong></p>
<p>Vamos tratar primeiro da <em>Tab</em> <strong>Numbering and Formatting.</strong></p>
<ol>
<li><strong>Style:</strong> estilo aplicado à nota no texto e no rodapé. Pode ser em números, asteriscos, símbolos tipográficos, letras ou numeração romana. Os números, letras e numeração romana podem ser em caixa alta ou baixa.</li>
<li><strong>Start at: </strong>início da numeração da Footnote. Normalmente (sempre?) é o número 1.</li>
<li><strong>Restart Numering Every:</strong> existem 3 opções. <strong>Page, Spread</strong> e <strong>Section.</strong> Seleccionando <em>Page,</em> as Footnotes começam sempre no número definido em “Start at” em cada nova página. <em>Spread,</em> as Footnotes começam sempre no número definido em “Start at” em cada nova dupla página. E <em>Section,</em> as Footnotes só voltam ao ponto zero depois de uma nova inserção de  numeração de página.</li>
<li><strong>Show Prefix/Suffin in:</strong> mais uma vez, existem 3 hipóteses. Footnote Reference, em que coloca apenas na referência do texto o que está escolhido no Prefix e/ou Suffix. Footnote Text, coloca o Prefix/Suffix apenas no texto da Footnote. E Both Reference and Text, coloca o Prefix/Suffix tanto no texto principal como no texto da Footnote.</li>
<li><strong>Prefix:</strong> não é obrigatório escolher alguma das opções. Estas opções contemplam o parentesis recto, curvo, espaço fino (<em>Thin Space</em> e <em>Hair Space</em>).</li>
<li><strong>Suffix:</strong> tem a mesma função que o <em>Prefix, </em>mas sem possibilidade de inserção de espaços finos. Uma nota sobre os <em>Prefix</em> e <em>Suffix:</em> pode colocar-se o caracter que se quiser. Se escrever a letra “a” no campo <em>Suffix,</em> a Footnote aparecerá com a indicação “1a”, “2a”, etc.</li>
<li><strong>Footnote Reference Number in Text &gt; Position:</strong> mais 3 possibilidades, <strong>Superscript, Subscript </strong>e <strong>Normal.</strong> O <em>Superscript </em>(elevado) cria uma redução automática do corpo da nota de texto. <em>Subscript,</em> a mesma função, mas rebaixado. <em>Normal,</em> não há alteração do corpo da letra, mantendo-se do mesmo tamanho do corpo do texto.</li>
<li><strong>Character Style: </strong>possibilidade de aplicar um <em>Character Style</em> à <em>Footnote </em>do texto. Para este exemplo, foi criado um <em>Character Style</em> na fonte Formata, a encarnado.</li>
<li><strong>Footnote Formatting &gt; Paragraph Style:</strong> possibilidade de aplicar um <em>Paragraph Style </em>ao texto da<em> Footnote.</em> Se se pretender que o número da <em>Footnote</em> seja de outro corpo ou fonte, basta criar um <em>Nested Style.</em></li>
<li><strong>Separator: </strong>recordam-se do espaço enorme entre o número e o começo do texto? Por defeito, o Indesign aplica um espaço de <em>tab </em>entre o número e o texto. Aqui foi aplicado meio quadratim <em>(En space)</em>.</li>
</ol>
<p style="text-align: center;"><img class="aligncenter frame size-full wp-image-3053" title="footnote_5" src="http://www.incunabulo.com/wp-content/uploads/2009/07/footnote_5.png" alt="footnote_5" width="436" height="545" /></p>
<p>E pronto, está muito melhor.</p>
<p style="text-align: center;"><img class="aligncenter frame size-full wp-image-3058" title="footnote_6" src="http://www.incunabulo.com/wp-content/uploads/2009/07/footnote_6.png" alt="footnote_6" width="437" height="527" /></p>
<p>Vamos avançar para a segunda parte do problema: filetagem, posicionamento da Footnote, e como é que as notas se comportam através das páginas.</p>
<ol>
<li><strong>Minimum Space Before First Footnote:</strong> valor de espaço entre o final da última linha de texto e o início (topo do caracter) da Footnote. Não confundir com a posição do filete.</li>
<li><strong>Space Between Footnotes: </strong>espaço entre as Footnotes. Funciona como um Space After ou Space Before.</li>
<li><strong>First Baseline &gt; Offset:</strong> 5 possibilidades — <strong>Ascent, Cap Height, Leading, X Height</strong> e <strong>Fixed. </strong>Permite personalizar a posição da primeira linha da Footnote, verticalmente. Para mais informações sobre estas opções, ler <a href="http://www.incunabulo.com/2009/05/17/definir-o-first-baseline-position/" target="_blank">este</a> post.</li>
<li><strong>Place End of Story Footnotes at Bottom of Text: </strong>se tivermos o azar de as Footnotes se apresentarem no final do texto, esta opção resolve o problema, posicionando-as no final de cada página.</li>
<li><strong>Allow Split Footnotes: </strong>permite fazer com que a mesma Footnote continue na página seguinte.</li>
<li><strong>First Footnote in Column</strong> ou <strong>Continued Footnote:</strong> a primeira opção vai permitir personalizar o filete (Rule On) onde está colocada a Footnote. A segunda opção permite personalizar o filete <em>quando</em> a Footnote tiver continuação para outra página. Os campos 7–12 podem ser aplicados de forma diferente entre estas duas opções.</li>
<li><strong>Weight e Type: </strong>espessura e tipo do filete.</li>
<li><strong>Color e Tint:</strong> cor e percentagem de cor do filete.</li>
<li><strong>Overprint Stroke:</strong> independentemente da sua cor, o filete “soma” sobre o fundo impresso.</li>
<li><strong>Left Indent: </strong>margem esquerda onde começa o filete.</li>
<li><strong>Offset: </strong>deslocação vertical, positiva ou negativa, do filete relativamente à Footnote.</li>
<li><strong>Width:</strong> comprimento do filete. Normalmente atribuo ao comprimento do filete 1/4 da largura da coluna.</li>
</ol>
<p style="text-align: center;"><img class="aligncenter frame size-full wp-image-3060" title="footnote_7" src="http://www.incunabulo.com/wp-content/uploads/2009/07/footnote_7.png" alt="footnote_7" width="437" height="544" /></p>
<p>Está completa a primeira parte de como se constroem e personalizam Footnotes (clique para ampliar).</p>
<p style="text-align: center;"><a href="http://www.incunabulo.com/wp-content/uploads/2009/07/footnote_8.png"><img class="aligncenter frame size-full wp-image-3062" title="footnote_8" src="http://www.incunabulo.com/wp-content/uploads/2009/07/footnote_8.png" alt="footnote_8" width="439" height="158" /></a></p>
<p>Surgem agora algumas questões pertinentes aquando da construção de Footnotes.</p>
<h5><span style="color: #3366ff;">COMPORTAMENTO DAS FOOTNOTES EM 2 PÁGINAS<br />
</span></h5>
<p>O Indesign faz-nos o favor de só colocar o resto da Footnote na página seguinte quando o texto da Footnote não permite apresentar toda a Footnote juntamente com a referência no texto principal (clique para ampliar).</p>
<p>Para uma paginação perfeita, não esquecer de usar a função <strong>Keep Options </strong>(que evita linhas órfãs ou viúvas) incluída no <em>Paragraph Style</em> da Footnote.</p>
<p style="text-align: center;"><a href="http://www.incunabulo.com/wp-content/uploads/2009/07/footnote_9.png"><img class="aligncenter frame size-full wp-image-3063" title="footnote_9" src="http://www.incunabulo.com/wp-content/uploads/2009/07/footnote_9.png" alt="footnote_9" width="464" height="326" /></a></p>
<h5><span style="color: #3366ff;"> COMPORTAMENTO DAS FOOTNOTES EM PÁGINAS COM MAIS DO QUE UMA COLUNA<br />
</span></h5>
<p>Em páginas com 2 ou mais colunas, a Footnote é distribuída por essas colunas. Infelizmente, não existe a possibilidade de colocar a Footnote à largura da mancha de texto (clique para ampliar).</p>
<p style="text-align: center;"><a href="http://www.incunabulo.com/wp-content/uploads/2009/07/footnote_10.png"><img class="aligncenter frame size-full wp-image-3064" title="footnote_10" src="http://www.incunabulo.com/wp-content/uploads/2009/07/footnote_10.png" alt="footnote_10" width="464" height="253" /></a></p>
<h5><span style="color: #3366ff;">INFORMAÇÃO SOBRE CONTINUAÇÕES DE FOOTNOTES<br />
</span></h5>
<p>Com a visualização do documento em <strong>Normal,<span style="color: #ff6600;"> (W)</span></strong> o Indesign mostra um pequeno triângulo que representa a continuação de nota para a próxima página ou coluna.</p>
<p style="text-align: justify;"><img class="aligncenter frame size-full wp-image-3066" title="footnote_111" src="http://www.incunabulo.com/wp-content/uploads/2009/07/footnote_111.png" alt="footnote_111" width="372" height="265" />No Story Editor <span style="color: #ff6600;"><strong>(Cmd + Y)</strong></span> as Footnotes são apresentadas logo a seguir à chamada de Footnote no texto, podendo ser expandidas ou contraídas.</p>
<p style="text-align: center;"><img class="aligncenter frame size-full wp-image-3067" title="footnote_12" src="http://www.incunabulo.com/wp-content/uploads/2009/07/footnote_12.png" alt="footnote_12" width="430" height="433" /></p>
<h5><span style="color: #3366ff;">COMPORTAMENTO NA EDIÇÃO DE TEXTO<br />
</span></h5>
<ol>
<li>Ao seleccionar o texto principal, a selecção da Footnote é excluída.</li>
<li>Se uma Footnote for apagada, seja ela de referência ou a própria Footnote, o Indesign faz recorrer todo o texto automaticamente, ajustando da melhor maneira consoante o que está especificado.</li>
<li>É possível inserir manualmente o número da Footnote em qualquer parte do texto em questão, bastando ir ao <strong>Menu Type &gt; Insert Special Character &gt; Markers &gt; Footnote Number.</strong></li>
</ol>
<h5><span style="color: #3366ff;">PESQUISA EM FOOTNOTES<br />
</span></h5>
<p>O Indesign permite pesquisar dentro das Footnotes em todas as 4 opções do <strong>Find/Change: </strong><em>Text, GREP, Glyph</em> e <em>Object.</em></p>
<p style="text-align: center;"><em><img class="aligncenter size-full wp-image-3085" title="footnote_13" src="http://www.incunabulo.com/wp-content/uploads/2009/07/footnote_13.png" alt="footnote_13" width="412" height="389" /><br />
</em></p>
<h5><span style="color: #3366ff;">COLOCAR AS FOOTNOTES NO FINAL DO CAPÍTULO<br />
</span></h5>
<p>Infelizmente, o Indesign não permite esta função. Para isso vão buscar <a href="http://www.adobe.com/cfusion/exchange/index.cfm?event=extensionDetail&amp;extid=1345518" target="_blank">este script,</a> instalem-no e num instante as Footnotes serão colocadas no final do capítulo. Para realizar a operação inversa basta assinalar a <strong>opção 4</strong> das <strong>Footnote Options &gt; Layout.</strong></p>
<h5><span style="color: #3366ff;">RELAÇÃO ENTRE FOOTNOTES DO WORD E DO INDESIGN<br />
</span></h5>
<p>Se copiarem o texto principal do Indesign e colá-lo no Word 2008,  as Footnotes são criadas automaticamente. Já o contrário não é possível. Para que isso aconteça, ir ao <strong>Menu File &gt; Place,</strong> e depois de escolher o documento a importar, seleccionar <strong>Show Import Options.</strong></p>
<p>Depois é só activar a opção (ou opções) <strong>Footnotes </strong>e/ou <strong>Endnotes.</strong></p>
<p style="text-align: center;"><img class="aligncenter frame size-full wp-image-3070" title="footnotes_14" src="http://www.incunabulo.com/wp-content/uploads/2009/07/footnotes_14.png" alt="footnotes_14" width="417" height="384" /></p>
<h5><span style="color: #3366ff;">CONCLUSÃO<br />
</span></h5>
<p>As Footnotes no Indesign são extremamente completas, permitindo um controlo (quase) absoluto, mantendo a integridade do <em>Layout.</em></p>
<p>Boas Footnotes.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.incunabulo.com/2009/07/26/a-grande-viagem-pelas-footnotes/feed/</wfw:commentRss>
		<slash:comments>11</slash:comments>
		</item>
		<item>
		<title>2 coisinhas sobre fontes</title>
		<link>http://www.incunabulo.com/2009/07/22/2-coisinhas-sobre-fontes/</link>
		<comments>http://www.incunabulo.com/2009/07/22/2-coisinhas-sobre-fontes/#comments</comments>
		<pubDate>Wed, 22 Jul 2009 18:12:51 +0000</pubDate>
		<dc:creator>edraant</dc:creator>
				<category><![CDATA[Fonts]]></category>
		<category><![CDATA[Interface]]></category>
		<category><![CDATA[Typography]]></category>
		<category><![CDATA[CS4]]></category>

		<guid isPermaLink="false">http://www.incunabulo.com/?p=3024</guid>
		<description><![CDATA[ Que tipo de informação é apresentada quando se abre um documento que não contém a fonte instalada? Será que a fonte permite fracções automáticas e numeradores?

1. CONFIRMAR A EXISTÊNCIA DAS FONTES
Quando o Indesign abre um documento em que a fonte está instalada, esta é apresentada na Palete Control desta forma: no campo superior o [...]]]></description>
			<content:encoded><![CDATA[<p></p> <p><span class="drop_cap">Q</span>ue tipo de informação é apresentada quando se abre um documento que não contém a fonte instalada? Será que a fonte permite fracções automáticas e numeradores?</p>
<p><span id="more-3024"></span></p>
<h5><span style="color: #3366ff;">1. CONFIRMAR A EXISTÊNCIA DAS FONTES</span></h5>
<p>Quando o Indesign abre um documento em que a fonte está instalada, esta é apresentada na <strong>Palete Control </strong>desta forma: no campo superior o nome da fonte, no campo inferior, o peso desta.</p>
<p><img class="aligncenter frame size-full wp-image-3026" title="2coisinhas_2" src="http://www.incunabulo.com/wp-content/uploads/2009/07/2coisinhas_2.png" alt="2coisinhas_2" width="198" height="44" /></p>
<p>Se a fonte não estiver instalada no computador, a mesma é apresentada na <strong>Palete Control</strong> entre 2 parentesis rectos.</p>
<p><img class="aligncenter frame size-full wp-image-3025" title="2coisinhas_1" src="http://www.incunabulo.com/wp-content/uploads/2009/07/2coisinhas_1.png" alt="2coisinhas_1" width="188" height="44" /></p>
<h5><span style="color: #3366ff;">2. ESPECIFICAÇÕES OPENTYPE<br />
</span></h5>
<p>É necessário confirmar se a fonte <em>Optima</em> tem as funções tipográficas necessárias, como fracções, versaletes, etc.</p>
<p><img class="aligncenter frame size-full wp-image-3027" title="2coisinhas_3" src="http://www.incunabulo.com/wp-content/uploads/2009/07/2coisinhas_3.png" alt="2coisinhas_3" width="253" height="177" /></p>
<p>Ao posicionar o cursor no texto, selecciona-se o sub-menu da <strong>Palete Control &gt; OpenType.</strong></p>
<p>Mais uma vez, os parentesis rectos informam que esta fonte não dispõe de todo o mapa de caracteres necessário.</p>
<p><img class="aligncenter frame size-full wp-image-3028" title="2coisinhas_4" src="http://www.incunabulo.com/wp-content/uploads/2009/07/2coisinhas_4.png" alt="2coisinhas_4" width="204" height="388" /></p>
<p>Muda-se agora para a <em>Myriad Pro.</em></p>
<p><img class="aligncenter frame size-full wp-image-3029" title="2coisinhas_5" src="http://www.incunabulo.com/wp-content/uploads/2009/07/2coisinhas_5.png" alt="2coisinhas_5" width="249" height="348" /></p>
<p>E no mesmo local, alguns dos parentesis rectos desaparecem, indicando que esta fonte permite usar fracções, numeração tabular, numeradores, etc.</p>
<p><img class="aligncenter frame size-full wp-image-3030" title="2coisinhas_6" src="http://www.incunabulo.com/wp-content/uploads/2009/07/2coisinhas_6.png" alt="2coisinhas_6" width="205" height="389" /></p>
<p>Boas fontes.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.incunabulo.com/2009/07/22/2-coisinhas-sobre-fontes/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Adobe Paragraph Composer vs Adobe Single-line Composer</title>
		<link>http://www.incunabulo.com/2009/07/09/adobe-paragraph-composer-vs-adobe-single-line-composer/</link>
		<comments>http://www.incunabulo.com/2009/07/09/adobe-paragraph-composer-vs-adobe-single-line-composer/#comments</comments>
		<pubDate>Thu, 09 Jul 2009 18:58:11 +0000</pubDate>
		<dc:creator>edraant</dc:creator>
				<category><![CDATA[Text]]></category>
		<category><![CDATA[Typography]]></category>
		<category><![CDATA[CS4]]></category>

		<guid isPermaLink="false">http://www.incunabulo.com/?p=2903</guid>
		<description><![CDATA[ Por defeito (felizmente!) todos os parágrafos de texto no Indesign usam uma função que nem sequer se dá muita atenção: o Adobe Paragraph Composer.

No texto do lado esquerdo usei a função Adobe Paragraph Composer para justificar o texto. Do lado direito usei a opção Adobe Single-line Composer.

A função Adobe Paragraph Composer (neste texto, justificado, [...]]]></description>
			<content:encoded><![CDATA[<p></p> <p><span class="drop_cap">P</span>or defeito (felizmente!) todos os parágrafos de texto no Indesign usam uma função que nem sequer se dá muita atenção: o <strong>Adobe Paragraph Composer.</strong></p>
<p><span id="more-2903"></span></p>
<p>No texto do lado esquerdo usei a função <strong>Adobe Paragraph Composer </strong>para justificar o texto. Do lado direito usei a opção <strong>Adobe Single-line Composer.</strong></p>
<p style="text-align: center;"><a href="http://www.incunabulo.com/wp-content/uploads/2009/07/adobe_composer_1.png"><img class="aligncenter frame size-full wp-image-2906" title="adobe_composer_1" src="http://www.incunabulo.com/wp-content/uploads/2009/07/adobe_composer_1.png" alt="adobe_composer_1" width="428" height="307" /></a></p>
<p>A função <em>Adobe Paragraph Composer</em> (neste texto, justificado, mas não hifenizado) faz a verificação da justificação horizontal em tempo real em<strong> todo o parágrafo.</strong> Já a função <em>Adobe Single-line Composer</em> utiliza uma verificação (também em tempo real) <strong>linha a linha </strong>para a justificação horizontal.</p>
<p>É evidente que no texto à esquerda ainda falta poli-lo a nível de ajustamentos horizontais, mas podem verificar os dentes de cavalo sensivelmente a meio do texto à direita, e de como o bloco de texto fica tipograficamente mais pobre.</p>
<p>Os dois tipos de ajustamento horizontal podem ser atribuídos na caixa de diálogo <strong>Justification, </strong>que se encontra no canto superior direito da janela do Indesign, junto ao <em>QuickApply.</em> Em opção é possível atribuí-los também nos <em>Paragraph Styles.</em></p>
<p style="text-align: center;"><img class="aligncenter frame size-full wp-image-2907" title="adobe_composer_2" src="http://www.incunabulo.com/wp-content/uploads/2009/07/adobe_composer_2.png" alt="adobe_composer_2" width="434" height="189" /></p>
<p>Então que utilidade tem o <em>Adobe single-line Composer?</em> Bom, para escrever verdade… só se for para criar algo que se revela tipograficamente errado.</p>
<p>Boas composições.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.incunabulo.com/2009/07/09/adobe-paragraph-composer-vs-adobe-single-line-composer/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Boas práticas e crimes tipográficos</title>
		<link>http://www.incunabulo.com/2009/07/08/boas-praticas-e-crimes-tipograficos/</link>
		<comments>http://www.incunabulo.com/2009/07/08/boas-praticas-e-crimes-tipograficos/#comments</comments>
		<pubDate>Wed, 08 Jul 2009 19:20:28 +0000</pubDate>
		<dc:creator>edraant</dc:creator>
				<category><![CDATA[Typography]]></category>

		<guid isPermaLink="false">http://www.incunabulo.com/?p=2918</guid>
		<description><![CDATA[ O título do post prende-se apenas naquilo que considero que é de evitar e incentivar em Tipografia. Longe de ser um ortodoxo tipográfico, prefiro belíssimas paisagens tipográficas do que cidades caóticas de texto.

1. Número de famílias de fontes usadas
Menos é sempre mais. Isso também se aplica ao número de famílias de fontes a usar [...]]]></description>
			<content:encoded><![CDATA[<p></p> <p><span class="drop_cap">O</span> título do post prende-se apenas naquilo que considero que é de evitar e incentivar em Tipografia. Longe de ser um ortodoxo tipográfico, prefiro belíssimas paisagens tipográficas do que cidades caóticas de texto.</p>
<p><span id="more-2918"></span></p>
<h4>1. Número de famílias de fontes usadas</h4>
<p>Menos é sempre mais. Isso também se aplica ao número de famílias de fontes a usar num texto.</p>
<p>Um texto com Chaparral, subtítulos a Helvetica, títulos a Cooperplate e legendas em Adobe Caslon Italic?</p>
<p>É melhor usar os vários pesos da família (<em>italic, narrow, condensed, heavy,</em> etc.) complementando com versaletes e versais, e talvez uma pitada de outra família para o contraste ser ainda melhor.</p>
<p style="text-align: center;"><a href="http://www.incunabulo.com/wp-content/uploads/2009/07/crimes_1.png"><img class="aligncenter frame size-full wp-image-2919" title="crimes_1" src="http://www.incunabulo.com/wp-content/uploads/2009/07/crimes_1.png" alt="crimes_1" width="433" height="416" /></a></p>
<h4>2. Certifique-se que a fonte escolhida não comunica aquilo que não quer</h4>
<p>O nome de uma banda de Heavy Metal em Monotype Corsiva? Ou uma extensa carta em Braggadocio? E o “compre já” numa fonte a redondo, sem nenhum destaque? Estão a ver a ideia?</p>
<p style="text-align: center;"><img class="aligncenter frame size-full wp-image-2921" title="crimes_2" src="http://www.incunabulo.com/wp-content/uploads/2009/07/crimes_2.png" alt="crimes_2" width="382" height="288" /></p>
<h4>3. Utilize fontes que contemplem diacríticos na sua língua nativa</h4>
<p>Ao escolher uma fonte, testem sempre 2 coisas: a sua conversão em curvas e se existe mapa de diacríticos.</p>
<p>Ninguém gosta de repaginar um trabalho ou mudar de fonte depois de aprovada pelo cliente porque lhe falta o “c” cedilhado…</p>
<p style="text-align: center;"><img class="aligncenter frame size-full wp-image-2922" title="crimes_3" src="http://www.incunabulo.com/wp-content/uploads/2009/07/crimes_3.png" alt="crimes_3" width="472" height="248" /></p>
<h4 style="text-align: left;">4. Aquando de alinhamentos, e se possível, justifique à esquerda, sem hifenização</h4>
<p style="text-align: left;">Compreendo que se use texto em bandeira à esquerda com hifenização para ganhar umas linhas. Mas o que se pode ganhar em espaço destrói invariavelmente uma boa composição. Mas terá mesmo de ser assim?</p>
<p style="text-align: center;"><img class="aligncenter frame size-full wp-image-2923" title="crimes_4" src="http://www.incunabulo.com/wp-content/uploads/2009/07/crimes_4.png" alt="crimes_4" width="455" height="295" /></p>
<h4>5. Utilize um alinhamento vertical consistente</h4>
<p>Agarre numa revista ou num jornal e encoste a cabeça ao corte do documento, olhando para dentro, e observe o texto alinhado ao longo das várias colunas. Está tudo alinhado? Óptimo!</p>
<p>Um alinhamento vertical inconsistente faz perder a percepção de continuidade, “fecha-nos” pontes de transição entre colunas de texto e sim, é má tipografia.</p>
<p>Sempre que possível, use grelhas tipográficas, juntamente com o<strong> Baseline Grid, </strong>no Indesign.</p>
<p style="text-align: center;"><img class="aligncenter frame size-full wp-image-2924" title="crimes_5" src="http://www.incunabulo.com/wp-content/uploads/2009/07/crimes_5.png" alt="crimes_5" width="413" height="382" /></p>
<h4>6. Evite itálicos, bolds e versaletes automáticos</h4>
<p>Felizmente o Indesign já não permite tal coisa, mas o QuarkXPress ainda tem a opção para “bold” e “itálico”.</p>
<p>A função é duplamente errada: a) não vai buscar o <em>bold </em>puro da fonte, apenas coloca uma fonte redonda com “carregado”; b) poderão ter grandes problemas nos RIP’s, especialmente em versões Postscript 2 ou anteriores.</p>
<p>Admito que se possa usar, excepcionalmente, quando não existe bold ou itálico da fonte usada. Mas usem com moderação e por conta e risco. O Indesign e o QuarkXPress não são o Word.</p>
<p><img class="aligncenter frame size-full wp-image-2925" title="crimes_6" src="http://www.incunabulo.com/wp-content/uploads/2009/07/crimes_6.png" alt="crimes_6" width="294" height="78" /></p>
<h4>7. Aprenda a usar a hifenização e justificação de texto</h4>
<p>Tanto o QuarkXPress como o Indesign contém poderosas ferramentas de justificação e hifenização. Não as descure e explore-as até conseguir o resultado que pretende.</p>
<p style="text-align: center;"><img class="aligncenter frame size-full wp-image-2926" title="crimes_7" src="http://www.incunabulo.com/wp-content/uploads/2009/07/crimes_7.png" alt="crimes_7" width="463" height="465" /></p>
<h4>8 — Utilize os sinais correctos para cada situação</h4>
<p>Duplos-hífens simulando um travessão é para as máquinas de escrever.</p>
<p>O hífen, tirando situações excepcionais deve ser usado apenas no modo automático, ou seja, quando o texto hifeniza.</p>
<p>Para separar números de telefone, datas, etc., aconselho o meio travessão <span style="color: #ff6600;"><strong>(Alt + hífen),</strong></span> no Indesign.</p>
<p>Quanto às Blind Quotes, são de todo a evitar. Se a fonte a usar não o permitir (mais uma vez a escolha da fonte conta muito), escolham outra. O resultado final é nitidamente melhor.</p>
<p style="text-align: center;"><a href="http://www.incunabulo.com/wp-content/uploads/2009/07/crimes_8.png"><img class="aligncenter frame size-full wp-image-2927" title="crimes_8" src="http://www.incunabulo.com/wp-content/uploads/2009/07/crimes_8.png" alt="crimes_8" width="403" height="165" /></a></p>
<h4 style="text-align: left;">9. A barra de espaços não é uma ferramenta de design</h4>
<p style="text-align: left;">12 espaços de barra para abrir um parágrafo? Tecla <em>tab</em> para a mesma função?</p>
<p style="text-align: left;">O Indesign tem as ferramentas certas: um ou meio quadratim (abertura de parágrafo equivalente ao corpo usado, em pontos), ou o First Line Left Indent (à direita)</p>
<p style="text-align: center;"><a href="http://www.incunabulo.com/wp-content/uploads/2009/07/crimes_9.png"><img class="aligncenter frame size-full wp-image-2929" title="crimes_9" src="http://www.incunabulo.com/wp-content/uploads/2009/07/crimes_9.png" alt="crimes_9" width="463" height="234" /></a></p>
<h4 style="text-align: left;">10. Não escolha duas fontes iguais</h4>
<p style="text-align: left;">Não preciso de me alongar muito sobre este ponto. A ideia é contraste e não complemento.</p>
<p style="text-align: center;"><img class="aligncenter frame size-full wp-image-2930" title="crimes_10" src="http://www.incunabulo.com/wp-content/uploads/2009/07/crimes_10.png" alt="crimes_10" width="434" height="234" /></p>
<h4 style="text-align: left;">11. Evite imitações</h4>
<p style="text-align: left;">Não escolha uma fonte por ser “nova” e “cool”. Além de ter de funcionar, muitas vezes é um <em>clone</em> de uma fonte profissional e testada.</p>
<p style="text-align: left;">Recordo-me de uma vez usar uma fonte chamada, salvo erro, Olympia. Era uma cópia fiel do Helvetica em que a diferença residia no ponto final. Um era redondo, o outro era quadrado. Ah, e deu erro a criar o Postscript!</p>
<p style="text-align: center;"><img class="aligncenter frame size-full wp-image-2931" title="crimes_11" src="http://www.incunabulo.com/wp-content/uploads/2009/07/crimes_11.png" alt="crimes_11" width="429" height="115" /></p>
<h4 style="text-align: left;">12. Não altere a forma de leitura convencional</h4>
<p style="text-align: left;">Lá por os Árabes e Hebreus lerem da direita para a esquerda e os Chineses de cima para baixo, não há razão para fazermos o mesmo. A evitar, de todo.</p>
<p style="text-align: center;"><img class="aligncenter frame size-full wp-image-2932" title="crimes_12" src="http://www.incunabulo.com/wp-content/uploads/2009/07/crimes_12.png" alt="crimes_12" width="309" height="414" /></p>
<p style="text-align: left;">Por fim, algumas anotações finais.</p>
<p style="text-align: left;">
<ul>
<li>Para uma melhor legibilidade, escolha fontes clássicas e já testadas</li>
<li> Usar texto em caixa alta atrasa a leitura</li>
<li> Escolha um corpo adequado à leitura</li>
<li> Evite usar vários corpos e pesos ao mesmo tempo</li>
<li> Evite <em> extralight</em> ou <em>Black</em></li>
<li> Use pesos redondos. Evite <em>narrows</em> ou <em>extended</em></li>
<li> Para corpo de texto, usar um espaço entre palavras para uma boa leitura</li>
<li> Use uma largura de texto apropriada</li>
<li> Use uma entrelinha em que a leitura seja sequencial</li>
<li> Enfatize o texto com bom senso</li>
<li> Mantenha a integridade do texto. Evite condensados ou expandidos exagerados</li>
<li> Quanto trabalhar com cor, assegure-se da sua legibilidade e contraste</li>
</ul>
<p style="text-align: left;">Boas práticas.</p>
<p style="text-align: left;">
]]></content:encoded>
			<wfw:commentRss>http://www.incunabulo.com/2009/07/08/boas-praticas-e-crimes-tipograficos/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>10 livros essenciais sobre Tipografia</title>
		<link>http://www.incunabulo.com/2009/06/18/10-livros-essenciais-sobre-tipografia/</link>
		<comments>http://www.incunabulo.com/2009/06/18/10-livros-essenciais-sobre-tipografia/#comments</comments>
		<pubDate>Thu, 18 Jun 2009 22:51:44 +0000</pubDate>
		<dc:creator>edraant</dc:creator>
				<category><![CDATA[Typography]]></category>

		<guid isPermaLink="false">http://www.incunabulo.com/?p=2632</guid>
		<description><![CDATA[ A Arte Negra, esquecida na transição das fotocompositoras para o PostScript, está de novo em força. Livros, sites, blogs e fóruns, onde se discute aprofundada e apaixonadamente cada haste, cada versalete, cada kerning, fazem com que a Tipografia volte a ser um elemento essencial no Design contemporâneo.
Estes 10 livros não estão listados por ordem [...]]]></description>
			<content:encoded><![CDATA[<p></p> <p><span class="drop_cap">A</span> Arte Negra, esquecida na transição das fotocompositoras para o PostScript, está de novo em força. Livros, sites, blogs e fóruns, onde se discute aprofundada e apaixonadamente cada haste, cada versalete, cada kerning, fazem com que a Tipografia volte a ser um elemento essencial no Design contemporâneo.</p>
<p>Estes 10 livros não estão listados por ordem de importância.</p>
<p><span id="more-2632"></span></p>
<h4 style="text-align: center;"><span style="color: #000000;">1 — The Complete Manual of Typography – James Felici</span></h4>
<p><img class="aligncenter frame size-full wp-image-2633" title="complete_manual_typography" src="http://www.incunabulo.com/wp-content/uploads/2009/06/complete_manual_typography.jpg" alt="complete_manual_typography" width="193" height="239" /></p>
<p><strong>Editor:</strong> Adobe, 2003, 360 pp.</p>
<p>Dentro da área, é dos mais técnicos e complexos. James Felici sabe do que fala, apesar de por vezes o seu hermetismo ser dirigido apenas a iniciados.</p>
<h4 style="text-align: center;"><span style="color: #000000;">2 – 22 things you should never do with typefaces/22 tips on tipography – Enric Jardí</span></h4>
<p><img class="aligncenter frame size-full wp-image-2635" title="22tips" src="http://www.incunabulo.com/wp-content/uploads/2009/06/22tips.jpg" alt="22tips" width="137" height="165" /><strong>Editor: </strong>Actar, 2007, 156 pp.</p>
<p>Este livrinho que cabe no bolso nem precisa de ser explicado. Tem lá todos os truquezinhos básicos a fazer e a evitar.</p>
<p>Tem a particularidade de ser dividido em duas partes, com o texto de pernas para o ar entre as duas partes, daí os 2 títulos, que funcionam independentemente. Já apareceu pela FNAC.</p>
<h4 style="text-align: center;"><span style="color: #000000;">3 – O que é a tipografia? – David Jury</span></h4>
<p><img class="aligncenter frame size-full wp-image-2636" title="o_que_e_tipografia" src="http://www.incunabulo.com/wp-content/uploads/2009/06/o_que_e_tipografia.jpg" alt="o_que_e_tipografia" width="152" height="208" /><strong>Editor:</strong> GG, 2006, 256 pp.</p>
<p>Apesar da capa ser da edição inglesa, adquiri este título na versão portuguesa (FNAC).</p>
<p>É o menos técnico de todos. Aborda a tipografia de uma forma simples e introduz temas raramente vistos noutros livros do género (Grafologia, Retórica, Semiótica, Semântica, etc.).</p>
<h4 style="text-align: center;"><span style="color: #000000;">4 – Tipografia – Paulo Heitlinger</span></h4>
<p><img class="aligncenter frame size-full wp-image-2637" title="tipografia" src="http://www.incunabulo.com/wp-content/uploads/2009/06/tipografia.jpg" alt="tipografia" width="180" height="240" /></p>
<p><strong>Editor:</strong> Dinalivro, 2006, 400 pp.</p>
<p>Este é o único livro escrito por um português, Paulo Heitlinger, que tive o prazer de conhecer pessoalmente há uns meses. Há na FNAC.</p>
<p>Profusamente ilustrado, não é definitivamente um guia tipográfico, mas faz uma circum-navegação pela história da tipografia desde Roma até aos nossos dias. De destacar óptimos textos sobre o alfabeto Bauhaus, o desconstrutivismo tipográfico ou a vanguarda americana.</p>
<h4 style="text-align: center;"><span style="color: #000000;">5 – The New Typography – Jan Tschichold</span></h4>
<h4 style="text-align: center;"><img class="aligncenter frame size-full wp-image-2638" title="jan_tschichold" src="http://www.incunabulo.com/wp-content/uploads/2009/06/jan_tschichold.jpg" alt="jan_tschichold" width="149" height="207" /></h4>
<p><strong>Editor:</strong> University of California, 1998, 236 pp.</p>
<p>Um marco na comunicação gráfica, rasgando os dogmas tipográficos existentes. Escrito em 1928, trata-se de um ensaio sobre comunicação, layouts, soluções minimalistas, assimetrias e contraste de pesos. Para quem é fã da escola Bauhaus e dos dadaístas do Cabaret Voltaire. Ou apenas para compreender como o Design mudou a partir daqui.</p>
<h4 style="text-align: center;">6 – From Gutenberg to Open Type – Robin Dodd</h4>
<p style="text-align: center;"><img class="frame size-full wp-image-2639 aligncenter" title="from_gutenberg" src="http://www.incunabulo.com/wp-content/uploads/2009/06/from_gutenberg.jpg" alt="from_gutenberg" width="218" height="239" /></p>
<p><strong>Editor:</strong> Ilex, 2006, 192 pp.</p>
<p>Um livro que faz uma enorme viagem pelas fontes, desde o Bembo até Hermann Zapf.</p>
<h4 style="text-align: center;">7 – Type &amp; Tipography – Phil Baines/Andrew Haslam</h4>
<p style="text-align: center;"><img class="frame size-full wp-image-2640 aligncenter" title="type_and_tipography" src="http://www.incunabulo.com/wp-content/uploads/2009/06/type_and_tipography.jpg" alt="type_and_tipography" width="171" height="207" /></p>
<p><strong>Editor:</strong> GG, 2005, 222 pp.</p>
<p>Um notável trabalho sobre definição, função, forma, desenho e estrutura da letra. Faz uma perninha nos caracteres 3D (formas de perspectiva e iluminação) e termina com fogo de artifício, com várias páginas sobre como usar diacríticos em teclados ISO Latino 1 americanos. Fundamental.</p>
<h4 style="text-align: center;">8– Typography – Ambrose/Harris</h4>
<p style="text-align: center;"><img class="frame size-full wp-image-2641 aligncenter" title="ambrose_typography" src="http://www.incunabulo.com/wp-content/uploads/2009/06/ambrose_typography.jpg" alt="ambrose_typography" width="140" height="208" /></p>
<p><strong>Editor:</strong> AVA, 2005, 176 pp.</p>
<p>Fazendo parte de uma excelente colecção (Format, Layout, Image, Color), é o mais visual de todos e o menos informativo para aqueles que procuram “sumo” tipográfico. De qualquer forma, não deixa de ser uma óptima obra, valendo pela grande quantidade de informação contida em menos de 2oo páginas.</p>
<h4 style="text-align: center;">9– The Elements of Typographic Style – Robert Bringhurst</h4>
<p style="text-align: center;"><img class="frame size-full wp-image-2642 aligncenter" title="elementos_do_estilo_tipografico" src="http://www.incunabulo.com/wp-content/uploads/2009/06/elementos_do_estilo_tipografico.jpg" alt="elementos_do_estilo_tipografico" width="136" height="239" /></p>
<p><strong>Editor:</strong> Cosacnaify (Brasil), 2006, 423 pp.</p>
<p>A Bíblia tipográfica. Há poucos adjectivos para classificar este livro (edição brasileira, excelente). Harmonias, ritmos e proporções, símbolos não alfabéticos, combinções de tipos e dispositivos estruturais. Está lá tudo o que é preciso e o que nem nos passa pela cabeça que existisse. E ainda com glossário inglês-português e excelente índice remissivo.</p>
<p>Se Bach nascesse tipógrafo, esta seria a sua obra-prima. Um livro ímpar. Por 23 euros.</p>
<h4 style="text-align: center;">10– Getting it right with Type – Victoria Squire</h4>
<p style="text-align: center;"><img class="frame size-full wp-image-2643 aligncenter" title="getting_in_right" src="http://www.incunabulo.com/wp-content/uploads/2009/06/getting_in_right.jpg" alt="getting_in_right" width="131" height="206" /><strong></strong></p>
<p><strong>Editor:</strong> Laurence King, 2006, 176 pp.</p>
<p>Para evitar crimes tipográficos e realizar boas-práticas, este é o livro ideal. A autora mostra-nos a bela e o monstro tipográfico. De anotar a inclusão de vários papéis para termos a possibilidade de verificar como o texto é afectado em cada um dos papéis.</p>
<p>Bons livros.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.incunabulo.com/2009/06/18/10-livros-essenciais-sobre-tipografia/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>(as minhas outras) boas práticas Tipográficas para tabelas</title>
		<link>http://www.incunabulo.com/2009/06/07/as-minhas-outras-boas-praticas-tipograficas-para-tabelas/</link>
		<comments>http://www.incunabulo.com/2009/06/07/as-minhas-outras-boas-praticas-tipograficas-para-tabelas/#comments</comments>
		<pubDate>Sun, 07 Jun 2009 16:39:04 +0000</pubDate>
		<dc:creator>edraant</dc:creator>
				<category><![CDATA[Typography]]></category>
		<category><![CDATA[CS4]]></category>

		<guid isPermaLink="false">http://www.incunabulo.com/?p=2510</guid>
		<description><![CDATA[ O António Carvalho fez um comentário acerca do conteúdo das tabelas. Escreve ele que…
(…) Pessoalmente sou adepto do texto próximo da linha de base da célula e da ausência de filetes verticais. Estando neste momento com 1 trabalho entre mãos onde abundam tabelas gostaria de lhe perguntar o que faz quando tem que acomodar [...]]]></description>
			<content:encoded><![CDATA[<p></p> <p><span class="drop_cap">O</span> António Carvalho fez um comentário acerca do conteúdo das tabelas. Escreve ele que…</p>
<blockquote><p>(…) Pessoalmente sou adepto do texto próximo da linha de base da célula e da ausência de filetes verticais. Estando neste momento com 1 trabalho entre mãos onde abundam tabelas gostaria de lhe perguntar o que faz quando tem que acomodar grande quantidades de informação em tabelas verticais e/ou horizontais. Reduz o corpo, salta a mancha? E quando tem de compensar espaços em rodapé? Alarga o espaço de parágrafo, aumenta o espaço da célula? (…)
</p></blockquote>
<p><span id="more-2510"></span></p>
<h5><span style="color: #3366ff;">QUANTO A TABELA OCUPA TODA A ALTURA DA PÁGINA</span></h5>
<p>Uma tabela deve começar e terminar dentro da mancha de texto.</p>
<p>Em situações como esta, especialmente se na página ao lado também existir tabelas, costumo utilizar 3 técnicas:</p>
<ul>
<li>aumento ligeiro da entrelinha;</li>
<li>aumento ligeiro da célula;</li>
<li>partir manualmente algumas linhas, ganhando com isso espaço vertical.</li>
</ul>
<h5><span style="color: #3366ff;">QUANDO O TEXTO É JUSTIFICADO DENTRO DAS CÉLULAS OU QUANDO HÁ UM GRANDE BLOCO DE TEXTO NA CÉLULA</span></h5>
<p>Aqui a coisa fia mais fino. Se tiver 10 tabelas com o mesmo número de colunas e em 2 das tabelas haver texto justificado, não penso que seja relevante todas terem a mesma largura em cada coluna.</p>
<p>Se tiver a informação em algumas colunas nas tabelas for reduzida, diminuo a largura de cada coluna, aumentando a largura da coluna onde tenho texto justificado, permitindo à tabela ficar com menos altura.</p>
<p style="text-align: center;"><img class="aligncenter size-full wp-image-2513" title="tabela_1" src="http://www.incunabulo.com/wp-content/uploads/2009/06/tabela_1.png" alt="tabela_1" width="486" height="238" /></p>
<p style="text-align: center;"><img class="aligncenter size-full wp-image-2514" title="tabela_2" src="http://www.incunabulo.com/wp-content/uploads/2009/06/tabela_2.png" alt="tabela_2" width="505" height="172" /></p>
<p>Esta situação também é perfeita se me faltarem 2 ou 3 linhas para o final da página.</p>
<h5><span style="color: #3366ff;">FILETES HORIZONTAIS: SIM OU NÃO?</span></h5>
<p>Em certas tabelas, nem justifica um click adicional. Mais uma vez, depende da largura da tabela e da sua quantidade de informação.</p>
<p>Neste exemplo, só com 3 <em>rows</em>, já existe uma certa dificuldade em seguir a informação do tópico “verde”. Se a tabela tiver ainda mais rows, o mais certo é colocar o dedo na página para seguir a linha do “verde” ao longo da tabela.</p>
<p style="text-align: center;"><a href="http://www.incunabulo.com/wp-content/uploads/2009/06/tabela_3.png"><img class="aligncenter size-full wp-image-2516" title="tabela_3" src="http://www.incunabulo.com/wp-content/uploads/2009/06/tabela_3.png" alt="tabela_3" width="498" height="107" /></a></p>
<p>Se não puder aumentar os espaços entre <em>rows</em> ou mesmo a largura da tabela, uso os filetes horizontais ou, noutra hipótese, cores para alternar as <em>rows,</em> desta vez sem filetes horizontais.</p>
<p style="text-align: center;"><a href="http://www.incunabulo.com/wp-content/uploads/2009/06/tabela_4.png"><img class="aligncenter size-full wp-image-2517" title="tabela_4" src="http://www.incunabulo.com/wp-content/uploads/2009/06/tabela_4.png" alt="tabela_4" width="494" height="101" /></a></p>
<p style="text-align: center;"><a href="http://www.incunabulo.com/wp-content/uploads/2009/06/tabela_5.png"><img class="aligncenter size-full wp-image-2518" title="tabela_5" src="http://www.incunabulo.com/wp-content/uploads/2009/06/tabela_5.png" alt="tabela_5" width="501" height="115" /></a></p>
<p><strong>Conselho importante:</strong> antes de criar várias tabelas, certifiquem-se de as verificar todas. Muitas delas não têm informação uniforme e constante entre elas. Construindo bem a primeira, as outras serão muito mais fáceis.</p>
<p>Boas tabelas.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.incunabulo.com/2009/06/07/as-minhas-outras-boas-praticas-tipograficas-para-tabelas/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>(as minhas) 7 boas práticas Tipográficas para tabelas</title>
		<link>http://www.incunabulo.com/2009/05/31/as-minhas-7-boas-praticas-tipograficas-para-tabelas/</link>
		<comments>http://www.incunabulo.com/2009/05/31/as-minhas-7-boas-praticas-tipograficas-para-tabelas/#comments</comments>
		<pubDate>Sun, 31 May 2009 22:57:54 +0000</pubDate>
		<dc:creator>edraant</dc:creator>
				<category><![CDATA[Typography]]></category>
		<category><![CDATA[CS4]]></category>

		<guid isPermaLink="false">http://www.incunabulo.com/?p=2493</guid>
		<description><![CDATA[ Há regras Tipográficas antigas que se vão mantendo actuais. No caso das tabelas (o advento da cor, os programas DTP e o Excel também não ajudaram), quase que se perdeu a capacidade de construir uma tabela com as regras (ditas) correctas. Por falar em regras, estas são apenas as minhas.
Este exemplo mostra 7 boas [...]]]></description>
			<content:encoded><![CDATA[<p></p> <p><span class="drop_cap">H</span>á regras Tipográficas antigas que se vão mantendo actuais. No caso das tabelas (o advento da cor, os programas DTP e o Excel também não ajudaram), quase que se perdeu a capacidade de construir uma tabela com as regras (ditas) correctas. Por falar em regras, estas são apenas as minhas.</p>
<p><span id="more-2493"></span>Este exemplo mostra 7 boas práticas que tento usar sempre que posso. Mais uma vez recordo que a inclusão de cor numa tabela faz toda a diferença.</p>
<p style="text-align: center;"><a href="http://www.incunabulo.com/wp-content/uploads/2009/05/regras_tabelas.png"><img class="aligncenter frame size-full wp-image-2494" title="regras_tabelas" src="http://www.incunabulo.com/wp-content/uploads/2009/05/regras_tabelas.png" alt="regras_tabelas" width="420" height="272" /></a></p>
<p><span style="color: #3366ff;"><strong>1ª regra – Mancha</strong></span></p>
<p>Uma tabela dentro de uma página ou numa coluna de texto já tem destaque suficiente. Não faz sentido colocá-la numa mancha mais pequena que a coluna. Neste caso, a tabela tem a largura da coluna de texto.</p>
<p><span style="color: #3366ff;"><strong>2ª regra – Texto e títulos</strong></span></p>
<p>Se o corpo do texto da página for a 9/10, é de bom tom colocar a informação da tabela um corpo abaixo (8/9). Já os títulos, uso-os em versalete, <em>semibold,</em> corpo 6/7, mantendo também a preocupação de alinhar o título verticalmente centrado.</p>
<p>Isto faz com que a hierarquia tipográfica dentro da tabela seja respeitada. Nem os títulos estão a absorver o olhar, nem o texto está escondido.</p>
<p><span style="color: #3366ff;"><strong>3ª regra – Alinhamentos de texto</strong></span></p>
<p>As entradas ficam alinhadas à esquerda, já o miolo da tabela fica normalmente alinhado ao centro dentro da célula.</p>
<p><span style="color: #3366ff;"><strong>4ª regra – Alinhamentos decimais</strong></span></p>
<p>Quando existe numeração com vírgulas, pontos ou sinais de percentagem, é conveniente o alinhamento horizontal dessa linha ser alinhado com esses mesmos caracteres.</p>
<p><span style="color: #3366ff;"><strong>5ª regra – Destaques dentro da tabela<br />
</strong></span></p>
<p>Poderão ser em <em>semibold</em> ou em versaletes.</p>
<p><span style="color: #3366ff;"><strong>6ª regra – Nota de tabela</strong></span></p>
<p>Mantendo a proporcionalidade tipográfica, a nota ficará neste caso, a corpo 5/6.</p>
<p><span style="color: #3366ff;"><strong>7ª regra – Filetes</strong></span></p>
<p>Filete exterior a 1 pt, filetes separadores interiores a 0,5 pt.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.incunabulo.com/2009/05/31/as-minhas-7-boas-praticas-tipograficas-para-tabelas/feed/</wfw:commentRss>
		<slash:comments>4</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[Glyphs]]></category>
		<category><![CDATA[Optical]]></category>
		<category><![CDATA[QuarkXPress]]></category>
		<category><![CDATA[Text]]></category>
		<category><![CDATA[Typography]]></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>3 formas de criar Hanging Idents</title>
		<link>http://www.incunabulo.com/2009/04/08/3-formas-de-criar-hanging-idents/</link>
		<comments>http://www.incunabulo.com/2009/04/08/3-formas-de-criar-hanging-idents/#comments</comments>
		<pubDate>Wed, 08 Apr 2009 22:26:17 +0000</pubDate>
		<dc:creator>edraant</dc:creator>
				<category><![CDATA[Shortcuts]]></category>
		<category><![CDATA[Typography]]></category>
		<category><![CDATA[CS4]]></category>

		<guid isPermaLink="false">http://www.incunabulo.com/?p=1941</guid>
		<description><![CDATA[ Os Hanging Idents, também conhecidos por parágrafos à francesa, são normalmente utilizados quando se pretende que a primeira linha da coluna ocupe toda a largura e as linhas subsequentes sejam recolhidas e identadas à esquerda, com um determinado valor atribuído.
Este é o exemplo de um Hanging Ident.

1. USAR A PALETE CONTROL
A forma mais rigorosa [...]]]></description>
			<content:encoded><![CDATA[<p></p> <p><span class="drop_cap">O</span>s<em> Hanging Idents,</em> também conhecidos por parágrafos à francesa, são normalmente utilizados quando se pretende que a primeira linha da coluna ocupe toda a largura e as linhas subsequentes sejam recolhidas e identadas à esquerda, com um determinado valor atribuído.</p>
<p><span id="more-1941"></span>Este é o exemplo de um <strong>Hanging Ident.</strong></p>
<p><img class="aligncenter frame size-full wp-image-1942" title="hanging_1" src="http://www.incunabulo.com/wp-content/uploads/2009/04/hanging_1.png" alt="hanging_1" width="337" height="216" /></p>
<h5><span style="color: #3366ff;">1. USAR A PALETE CONTROL</span></h5>
<p>A forma mais rigorosa é usar os valores da <strong>Palete Control.</strong></p>
<p>Basta posicionar o <strong>cursor em cima do parágrafo </strong>que se pretende identar e na <strong>Palete Control </strong>usar os valores de 3 mm em <strong>Left Ident</strong> (que faz um avanço de 3 mm em todo o parágrafo) e o mesmo valor, mas negativo de <strong>First Line Left Ident</strong> (fazendo recolher a primeira linha 3 mm, deixando o resto do parágrafo identado).</p>
<p><img class="aligncenter frame size-full wp-image-1943" title="hanging_2" src="http://www.incunabulo.com/wp-content/uploads/2009/04/hanging_2.png" alt="hanging_2" width="316" height="295" /></p>
<h5><span style="color: #3366ff;">2. USAR A PALETE TABS</span></h5>
<p>Esta forma continua a ser rigorosa, mas menos utilizada.</p>
<p>Mais uma vez, <strong>o cursor é posicionado em cima do parágrafo. </strong>No lado esquerdo da Palete Tabs existem 2 triângulos. O triângulo inferior faz avançar todas as linhas do parágrafo excepto a primeira linha. O triângulo superior define o começo da primeira linha do parágrafo.</p>
<p><img class="aligncenter frame size-full wp-image-1945" title="hanging_3" src="http://www.incunabulo.com/wp-content/uploads/2009/04/hanging_3.png" alt="hanging_3" width="327" height="275" /></p>
<h5><span style="color: #3366ff;">3. USAR A SHORTCUT IDENT TO HERE</span></h5>
<p>A terceira forma é por vezes a mais utilizada, mas menos rigorosa. Desta vez o <strong>cursor tem de estar no local onde vai começar a identação do texto.</strong></p>
<p>Através do teclado no Mac: <span style="color: #008080;"><span style="color: #ff6600;">Cmd</span> </span>+ <span style="color: #ff6600;">\</span> no pc: <span style="color: #ff6600;">Ctrl</span> + <span style="color: #ff6600;">\</span> (tecla do lado do número 1). O caracter que aparece no texto em forma de cruz indica o princípio da identação de texto.</p>
<p>Outra forma de usar este comando é no <strong>Menu Type &gt; Insert Special Character &gt; Other &gt; Ident to Here.</strong></p>
<p style="text-align: center;"><img class="aligncenter frame size-full wp-image-1946" title="hanging_4" src="http://www.incunabulo.com/wp-content/uploads/2009/04/hanging_4.png" alt="hanging_4" width="386" height="244" /></p>
<p style="text-align: left;">Bons parágrafos.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.incunabulo.com/2009/04/08/3-formas-de-criar-hanging-idents/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Alinhamentos de texto com o comando Spine</title>
		<link>http://www.incunabulo.com/2009/04/05/alinhamentos-de-texto-com-o-comando-spine/</link>
		<comments>http://www.incunabulo.com/2009/04/05/alinhamentos-de-texto-com-o-comando-spine/#comments</comments>
		<pubDate>Sun, 05 Apr 2009 15:27:31 +0000</pubDate>
		<dc:creator>edraant</dc:creator>
				<category><![CDATA[Typography]]></category>
		<category><![CDATA[CS4]]></category>

		<guid isPermaLink="false">http://www.incunabulo.com/?p=1907</guid>
		<description><![CDATA[ Nos alinhamentos de texto encontramos os mais comuns: alinhamento à esquerda, à direita, ao centro e justificado. Dentro deste também podemos alinhar a última linha do bloco de texto à esquerda, ao centro e ela própria justificada.
Mas como fazer com que as linhas de texto fiquem alinhadas relativamente à margem interior da página (spine), [...]]]></description>
			<content:encoded><![CDATA[<p></p> <p><span class="drop_cap">N</span>os alinhamentos de texto encontramos os mais comuns: alinhamento à esquerda, à direita, ao centro e justificado. Dentro deste também podemos alinhar a última linha do bloco de texto à esquerda, ao centro e ela própria justificada.</p>
<p>Mas como fazer com que as linhas de texto fiquem alinhadas relativamente à margem interior da página (spine), independentemente da sua justificação horizontal?</p>
<p><span id="more-1907"></span>Neste documento tenho um alinhamento à esquerda. O <em>spine</em> é o filete preto vertical que divide estas duas páginas.</p>
<p style="text-align: center;"><a href="http://www.incunabulo.com/wp-content/uploads/2009/04/spine_1.png"><img class="aligncenter frame size-full wp-image-1908" title="spine_1" src="http://www.incunabulo.com/wp-content/uploads/2009/04/spine_1.png" alt="spine_1" width="456" height="234" /></a></p>
<p>Na <strong>Control Palete,</strong> onde especifico os alinhamentos horizontais, tenho os 6 já referidos. Mas para que servem os 2 ícones mais à direita?</p>
<p><img class="aligncenter frame size-full wp-image-1909" title="spine_2" src="http://www.incunabulo.com/wp-content/uploads/2009/04/spine_2.png" alt="spine_2" width="94" height="46" /></p>
<p>Ao seleccionar todo o texto e na <strong>Control Palete</strong> escolher<strong> Align Towards Spine,</strong> todo o texto é alinhado ao spine do meu documento. O texto das páginas pares é alinhado à direita e o das páginas ímpares é alinhado à esquerda.</p>
<p style="text-align: center;"><a href="http://www.incunabulo.com/wp-content/uploads/2009/04/spine_3.png"><img class="aligncenter frame size-full wp-image-1910" title="spine_3" src="http://www.incunabulo.com/wp-content/uploads/2009/04/spine_3.png" alt="spine_3" width="454" height="274" /></a></p>
<p>Ao seleccionar <strong>Align away from Spine,</strong> o texto é afastado do<em> spine</em>. Aqui o texto das páginas pares é alinhado à esquerda e o das páginas ímpares é alinhado à direita.</p>
<p style="text-align: center;"><a href="http://www.incunabulo.com/wp-content/uploads/2009/04/spine_4.png"><img class="aligncenter frame size-full wp-image-1911" title="spine_4" src="http://www.incunabulo.com/wp-content/uploads/2009/04/spine_4.png" alt="spine_4" width="455" height="276" /></a></p>
<p>Mesmo com a rejustificação de texto ou inserção de quebras de página, o texto automaticamente é alinhado de encontro ao especificado na Palete Control.</p>
<p style="text-align: center;"><a href="http://www.incunabulo.com/wp-content/uploads/2009/04/spine_5.png"><img class="aligncenter frame size-full wp-image-1912" title="spine_5" src="http://www.incunabulo.com/wp-content/uploads/2009/04/spine_5.png" alt="spine_5" width="455" height="276" /></a></p>
<p>Esta função funciona para qualquer número de colunas.</p>
<p>Bons alinhamentos.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.incunabulo.com/2009/04/05/alinhamentos-de-texto-com-o-comando-spine/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

