<?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>André Miranda &#187; alinhamento</title>
	<atom:link href="http://www.andremiranda.com.br/blog/tag/alinhamento/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.andremiranda.com.br/blog</link>
	<description>Professor, Designer, DesignerWeb</description>
	<lastBuildDate>Mon, 09 Aug 2010 21:07:52 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>Uso de textos a alinhamentos</title>
		<link>http://www.andremiranda.com.br/blog/2001/02/14/uso-de-textos-a-alinhamentos/</link>
		<comments>http://www.andremiranda.com.br/blog/2001/02/14/uso-de-textos-a-alinhamentos/#comments</comments>
		<pubDate>Wed, 14 Feb 2001 03:52:17 +0000</pubDate>
		<dc:creator>André</dc:creator>
				<category><![CDATA[WebDesign]]></category>
		<category><![CDATA[alinhamento]]></category>
		<category><![CDATA[caixa alta]]></category>
		<category><![CDATA[caixa baixa]]></category>
		<category><![CDATA[hipertextos]]></category>
		<category><![CDATA[itálico]]></category>
		<category><![CDATA[negrito]]></category>
		<category><![CDATA[texto]]></category>

		<guid isPermaLink="false">http://www.andremiranda.com.br/blog/?p=260</guid>
		<description><![CDATA[Essas formatações são usadas em design e muitas vezes cabem perfeitamente para websites também. Salvo quando o webdesigner quer diferenciar, quebrar paradigmas, &#8220;provocar&#8221; o usuário. Uso de textos: O texto em negrito, chama atenção para uma palavra ou frase. Tem como principais características o retardamento a leitura e o destaque das palavras; O texto em [...]]]></description>
			<content:encoded><![CDATA[<div id="_mcePaste" style="position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;">Essas formatações são usadas em design e muitas vezes cabem perfeitamente para websites também.</div>
<div id="_mcePaste" style="position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;">Salvo quando o webdesigner quer diferenciar, quebrar paradigmas, &#8220;provocar&#8221; o usuário.</div>
<div id="_mcePaste" style="position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;">Uso de textos:</div>
<div id="_mcePaste" style="position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;">O texto em negrito, chama atenção para uma palavra ou frase. Tem como principais características o retardamento a leitura e o destaque das palavras;</div>
<div id="_mcePaste" style="position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;">O texto em itálico foi criado para reproduzir a escrita manual e economizar papel. É utilizado quando queremos destacar termos técnicos e palavras em outras línguas. A inclinação no seu eixo caracteriza a velocidade na leitura.</div>
<div id="_mcePaste" style="position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;">o texto em caixa baixa significa todas as letras minúsculas. Elas facilitam a leitura prolongada e economizam espaço.</div>
<div id="_mcePaste" style="position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;">O texto em caixa alta todas as letras em maiúsculas. Aconselhada a ser usada quando se quer dar muita ênfase a uma palavra. Na Internet, deve-se evitar seu uso, pois, dá idéia de GRITO. Outra dica, evite usar juntamente com itálico.</div>
<div id="_mcePaste" style="position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;">o texto em letras separadas equivalem a uma frase soletrada.</div>
<div id="_mcePaste" style="position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;">Os hipertextos indicam a posição de um link, indicando para onde o usuário deve seguir.</div>
<div id="_mcePaste" style="position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;">Alinhamentos:</div>
<div id="_mcePaste" style="position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;">Alinhado a esquerda &#8211; é a forma mais fácil de se ler (em nossa cultura ocidental, que fique bem claro). Os olhos marcam a margem com uma linha imaginária. Desta forma eles acompanham a linha inteira e pulam imediatamente para linha abaixo;</div>
<div id="_mcePaste" style="position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;">Textos centralizados &#8211; São estáticos. usados como títulos. Evite usar para texto corrido. A sensacão pode ser a de não saber onde começa a linha, pois não tem o apoio da margem;</div>
<div id="_mcePaste" style="position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;">Alinhado a direita &#8211; Solução de contraste (em nossa cultura ocidental, que fique bem claro). Essa formatação chama muito a atenção, mas devem ser evitadas para textos longos, pois não mostra a referência do início da linha;</div>
<div id="_mcePaste" style="position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;">Alinhamento justificado &#8211; Evitar usar em colunas estreitas, pois, quando visualizadas como &#8220;o todo&#8221; criam &#8220;rios&#8221; de espaços brancos entre as palavras dificultando a leitura.</div>
<p>Essas formatações são usadas em design e muitas vezes cabem perfeitamente para websites também.</p>
<p>Salvo quando o webdesigner quer diferenciar, quebrar paradigmas, &#8220;provocar&#8221; o usuário.</p>
<p><strong>Uso de textos</strong>:</p>
<ul>
<li>O texto em negrito, chama atenção para uma palavra ou frase. Tem como principais características o retardamento a leitura e o destaque das palavras;</li>
<li>O <em>texto em itálico</em> foi criado para reproduzir a escrita manual e economizar papel. É utilizado quando queremos destacar termos técnicos e palavras em outras línguas. A inclinação no seu eixo caracteriza a velocidade na leitura.</li>
<li>o texto em caixa baixa significa todas as letras minúsculas. Elas facilitam a leitura prolongada e economizam espaço.</li>
<li>O texto em CAIXA ALTA todas as letras em maiúsculas. Aconselhada a ser usada quando se quer dar muita ênfase a uma palavra. Na Internet, deve-se evitar seu uso, pois, dá idéia de GRITO. Outra dica, evite usar juntamente com itálico.</li>
<li>O texto em letras s e p a r a d a s equivalem a uma frase soletrada.</li>
<li>Os hipertextos indicam a posição de um link, indicando para onde o usuário deve seguir.</li>
</ul>
<p><strong>Alinhamentos</strong>:</p>
<p><strong>Alinhado a esquerda</strong> &#8211; é a forma mais fácil de se ler (em nossa cultura ocidental, que fique bem claro). Os olhos marcam a margem com uma linha imaginária. Desta forma eles acompanham a linha inteira e pulam imediatamente para linha abaixo;</p>
<p style="text-align: center;"><strong>Textos centralizados<br />
<span style="font-weight: normal;">São estáticos. usados como títulos. Evite usar para texto corrido. A sensacão pode ser a de não saber onde começa a linha, pois não tem o apoio da margem;</span></strong></p>
<p style="text-align: right;"><strong>Alinhado a direita</strong> &#8211; Solução de contraste (em nossa cultura ocidental, que fique bem claro). Essa formatação chama muito a atenção, mas devem ser evitadas para textos longos, pois não mostra a referência do início da linha;</p>
<p><strong>Alinhamento justificado</strong> &#8211; Evitar usar em colunas estreitas, pois, quando visualizadas como &#8220;o todo&#8221; criam &#8220;rios&#8221; de espaços brancos entre as palavras dificultando a leitura.</p>

<div class="sociable">
<div class="sociable_tagline">
<strong>Compartilhe e Aprecie:</strong>
</div>
<ul>
	<li class="sociablefirst"><a rel="nofollow"  target="_blank" href="http://digg.com/submit?phase=2&amp;url=http%3A%2F%2Fwww.andremiranda.com.br%2Fblog%2F2001%2F02%2F14%2Fuso-de-textos-a-alinhamentos%2F&amp;title=Uso%20de%20textos%20a%20alinhamentos&amp;bodytext=Essas%20formata%C3%A7%C3%B5es%20s%C3%A3o%20usadas%20em%20design%20e%20muitas%20vezes%20cabem%20perfeitamente%20para%20websites%20tamb%C3%A9m.%0D%0ASalvo%20quando%20o%20webdesigner%20quer%20diferenciar%2C%20quebrar%20paradigmas%2C%20%22provocar%22%20o%20usu%C3%A1rio.%0D%0AUso%20de%20textos%3A%0D%0AO%20texto%20em%20negrito%2C%20chama%20aten%C3%A7%C3%A3o%20para%20uma" title="Digg">Digg</a></li>
	<li><a rel="nofollow"  target="_blank" href="http://delicious.com/post?url=http%3A%2F%2Fwww.andremiranda.com.br%2Fblog%2F2001%2F02%2F14%2Fuso-de-textos-a-alinhamentos%2F&amp;title=Uso%20de%20textos%20a%20alinhamentos&amp;notes=Essas%20formata%C3%A7%C3%B5es%20s%C3%A3o%20usadas%20em%20design%20e%20muitas%20vezes%20cabem%20perfeitamente%20para%20websites%20tamb%C3%A9m.%0D%0ASalvo%20quando%20o%20webdesigner%20quer%20diferenciar%2C%20quebrar%20paradigmas%2C%20%22provocar%22%20o%20usu%C3%A1rio.%0D%0AUso%20de%20textos%3A%0D%0AO%20texto%20em%20negrito%2C%20chama%20aten%C3%A7%C3%A3o%20para%20uma" title="del.icio.us">del.icio.us</a></li>
	<li><a rel="nofollow"  target="_blank" href="http://www.facebook.com/share.php?u=http%3A%2F%2Fwww.andremiranda.com.br%2Fblog%2F2001%2F02%2F14%2Fuso-de-textos-a-alinhamentos%2F&amp;t=Uso%20de%20textos%20a%20alinhamentos" title="Facebook">Facebook</a></li>
	<li><a rel="nofollow"  target="_blank" href="http://www.linkedin.com/shareArticle?mini=true&amp;url=http%3A%2F%2Fwww.andremiranda.com.br%2Fblog%2F2001%2F02%2F14%2Fuso-de-textos-a-alinhamentos%2F&amp;title=Uso%20de%20textos%20a%20alinhamentos&amp;source=Andr%C3%A9+Miranda+Professor%2C+Designer%2C+DesignerWeb&amp;summary=Essas%20formata%C3%A7%C3%B5es%20s%C3%A3o%20usadas%20em%20design%20e%20muitas%20vezes%20cabem%20perfeitamente%20para%20websites%20tamb%C3%A9m.%0D%0ASalvo%20quando%20o%20webdesigner%20quer%20diferenciar%2C%20quebrar%20paradigmas%2C%20%22provocar%22%20o%20usu%C3%A1rio.%0D%0AUso%20de%20textos%3A%0D%0AO%20texto%20em%20negrito%2C%20chama%20aten%C3%A7%C3%A3o%20para%20uma" title="LinkedIn">LinkedIn</a></li>
	<li><a rel="nofollow"  target="_blank" href="http://technorati.com/faves?add=http%3A%2F%2Fwww.andremiranda.com.br%2Fblog%2F2001%2F02%2F14%2Fuso-de-textos-a-alinhamentos%2F" title="Technorati">Technorati</a></li>
	<li class="sociablelast"><a rel="nofollow"  target="_blank" href="http://twitter.com/home?status=Uso%20de%20textos%20a%20alinhamentos%20-%20http%3A%2F%2Fwww.andremiranda.com.br%2Fblog%2F2001%2F02%2F14%2Fuso-de-textos-a-alinhamentos%2F" title="Twitter">Twitter</a></li>
</ul>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.andremiranda.com.br/blog/2001/02/14/uso-de-textos-a-alinhamentos/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Criatividade sem barreiras</title>
		<link>http://www.andremiranda.com.br/blog/2000/08/23/criatividade-sem-barreiras/</link>
		<comments>http://www.andremiranda.com.br/blog/2000/08/23/criatividade-sem-barreiras/#comments</comments>
		<pubDate>Wed, 23 Aug 2000 03:48:15 +0000</pubDate>
		<dc:creator>André</dc:creator>
				<category><![CDATA[Coluna Design na Web]]></category>
		<category><![CDATA[alinhamento]]></category>
		<category><![CDATA[complementaridade]]></category>
		<category><![CDATA[concordância]]></category>
		<category><![CDATA[contraste]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[dezáiner]]></category>
		<category><![CDATA[proporção]]></category>
		<category><![CDATA[proximidade]]></category>
		<category><![CDATA[redundância]]></category>
		<category><![CDATA[similaridade]]></category>

		<guid isPermaLink="false">http://www.andremiranda.com.br/blog/?p=77</guid>
		<description><![CDATA[Salvador, quarta-feira, 23/8/2000 – ATARDE – Caderno de Informática – página 5 Alinhando a esquerda o nosso texto, dgio que é chegada a hora de você compreender que website não é home page, que cor luz não é para impressão e quem vos escreve não é webmaster. Do mesmo jeito que licuri não é côco! De [...]]]></description>
			<content:encoded><![CDATA[<p>Salvador, quarta-feira, 23/8/2000 – ATARDE – Caderno de Informática – página 5</p>
<p>Alinhando a esquerda o nosso texto, dgio que é chegada a hora de você compreender que website não é home page, que cor luz não é para impressão e quem vos escreve não é webmaster. Do mesmo jeito que licuri não é côco!</p>
<p>De certo modo, entendemos que o termo Internet para alguns significa tecnologia. E, acredito eu, é isso que confunde a tão recente (para alguns) profissão.</p>
<p>Ser webdesigner é mais do que simplesmente usar Frontepage ou Dreamweaver para editar um website, ou, ser um fera no Photoshop ou Fireworks para tratar imagens.</p>
<p>Ser webdesigner significa ter uma capacidade para análise visual privilegiada. É saber que um website é um produto (a quem diga que não). E, que ele é a personificação de uma empresa ou de uma pessoa.</p>
<p>Programação visual sempre será o diferencial na elaboração de um bom projeto, será ele gráfico ou para a web. Sabe porque? É simples:</p>
<ol>
<li>Porque concordância, redundância e complementaridade são em alguns casos, fatores importantes para fixar o logo de uma empresa, ou, o conteúdo de seus produtos e/ou serviços;</li>
<li>Porque em nossa vida tudo tem alinhamento, proximidade, similaridade, proporção e contraste. O que seria do branco sem o preto? Do bem sem o mal? Do designer sem o &#8220;dezáiner&#8221;;</li>
</ol>
<p>Depois não reclame se por acaso um dia você vir num supermercado um litro de leite junto ao de um refrigerante achando que alguém mexeu na prateleira.</p>
<p>Paradigmas são o grande problema. Mas isso é outra história? Claro que não!</p>
<p>Num mundo onde relógios digitais japoneses são altamente tecnológicos e uma empresa suíça investe milhões &#8220;apenas&#8221; para voltar a vender relógios de ponteiros&#8230;</p>
<p>E olha que tem quem diga que design não é importante. E como dizia o ditado: <em>&#8220;rapadura é doce mas não é mole!&#8221;</em></p>

<div class="sociable">
<div class="sociable_tagline">
<strong>Compartilhe e Aprecie:</strong>
</div>
<ul>
	<li class="sociablefirst"><a rel="nofollow"  target="_blank" href="http://digg.com/submit?phase=2&amp;url=http%3A%2F%2Fwww.andremiranda.com.br%2Fblog%2F2000%2F08%2F23%2Fcriatividade-sem-barreiras%2F&amp;title=Criatividade%20sem%20barreiras&amp;bodytext=Salvador%2C%20quarta-feira%2C%2023%2F8%2F2000%20%E2%80%93%20ATARDE%20%E2%80%93%20Caderno%20de%20Inform%C3%A1tica%20%E2%80%93%20p%C3%A1gina%205%0D%0A%0D%0AAlinhando%20a%20esquerda%20o%20nosso%20texto%2C%20dgio%20que%20%C3%A9%20chegada%20a%20hora%20de%20voc%C3%AA%20compreender%20que%20website%20n%C3%A3o%20%C3%A9%20home%20page%2C%20que%20cor%20luz%20n%C3%A3o%20%C3%A9%20para%20impress%C3%A3o%20e%20quem%20vo" title="Digg">Digg</a></li>
	<li><a rel="nofollow"  target="_blank" href="http://delicious.com/post?url=http%3A%2F%2Fwww.andremiranda.com.br%2Fblog%2F2000%2F08%2F23%2Fcriatividade-sem-barreiras%2F&amp;title=Criatividade%20sem%20barreiras&amp;notes=Salvador%2C%20quarta-feira%2C%2023%2F8%2F2000%20%E2%80%93%20ATARDE%20%E2%80%93%20Caderno%20de%20Inform%C3%A1tica%20%E2%80%93%20p%C3%A1gina%205%0D%0A%0D%0AAlinhando%20a%20esquerda%20o%20nosso%20texto%2C%20dgio%20que%20%C3%A9%20chegada%20a%20hora%20de%20voc%C3%AA%20compreender%20que%20website%20n%C3%A3o%20%C3%A9%20home%20page%2C%20que%20cor%20luz%20n%C3%A3o%20%C3%A9%20para%20impress%C3%A3o%20e%20quem%20vo" title="del.icio.us">del.icio.us</a></li>
	<li><a rel="nofollow"  target="_blank" href="http://www.facebook.com/share.php?u=http%3A%2F%2Fwww.andremiranda.com.br%2Fblog%2F2000%2F08%2F23%2Fcriatividade-sem-barreiras%2F&amp;t=Criatividade%20sem%20barreiras" title="Facebook">Facebook</a></li>
	<li><a rel="nofollow"  target="_blank" href="http://www.linkedin.com/shareArticle?mini=true&amp;url=http%3A%2F%2Fwww.andremiranda.com.br%2Fblog%2F2000%2F08%2F23%2Fcriatividade-sem-barreiras%2F&amp;title=Criatividade%20sem%20barreiras&amp;source=Andr%C3%A9+Miranda+Professor%2C+Designer%2C+DesignerWeb&amp;summary=Salvador%2C%20quarta-feira%2C%2023%2F8%2F2000%20%E2%80%93%20ATARDE%20%E2%80%93%20Caderno%20de%20Inform%C3%A1tica%20%E2%80%93%20p%C3%A1gina%205%0D%0A%0D%0AAlinhando%20a%20esquerda%20o%20nosso%20texto%2C%20dgio%20que%20%C3%A9%20chegada%20a%20hora%20de%20voc%C3%AA%20compreender%20que%20website%20n%C3%A3o%20%C3%A9%20home%20page%2C%20que%20cor%20luz%20n%C3%A3o%20%C3%A9%20para%20impress%C3%A3o%20e%20quem%20vo" title="LinkedIn">LinkedIn</a></li>
	<li><a rel="nofollow"  target="_blank" href="http://technorati.com/faves?add=http%3A%2F%2Fwww.andremiranda.com.br%2Fblog%2F2000%2F08%2F23%2Fcriatividade-sem-barreiras%2F" title="Technorati">Technorati</a></li>
	<li class="sociablelast"><a rel="nofollow"  target="_blank" href="http://twitter.com/home?status=Criatividade%20sem%20barreiras%20-%20http%3A%2F%2Fwww.andremiranda.com.br%2Fblog%2F2000%2F08%2F23%2Fcriatividade-sem-barreiras%2F" title="Twitter">Twitter</a></li>
</ul>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.andremiranda.com.br/blog/2000/08/23/criatividade-sem-barreiras/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
