<?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, Designer Web</description>
	<lastBuildDate>Sat, 04 Feb 2012 23:59:34 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Novo Logo da Ipiaú FM</title>
		<link>http://www.andremiranda.com.br/blog/2010/09/26/novo-logo-da-ipiau-fm/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=novo-logo-da-ipiau-fm</link>
		<comments>http://www.andremiranda.com.br/blog/2010/09/26/novo-logo-da-ipiau-fm/#comments</comments>
		<pubDate>Mon, 27 Sep 2010 00:56:46 +0000</pubDate>
		<dc:creator>André</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Marcas]]></category>
		<category><![CDATA[alinhamento]]></category>
		<category><![CDATA[contraste]]></category>
		<category><![CDATA[Gestalt]]></category>
		<category><![CDATA[identidade visual]]></category>
		<category><![CDATA[ipiaú]]></category>
		<category><![CDATA[ipiaú fm]]></category>
		<category><![CDATA[logo]]></category>
		<category><![CDATA[proximidade]]></category>
		<category><![CDATA[rádio fm]]></category>
		<category><![CDATA[repetição]]></category>
		<category><![CDATA[semelhança]]></category>

		<guid isPermaLink="false">http://www.andremiranda.com.br/blog/?p=379</guid>
		<description><![CDATA[Saindo do forno o novo logo da Ipiaú FM. Confira abaixo: Redesenhar uma marca dá muito mais trabalho que desenvolver uma nova. A grande pergunta é: Que mudança eu posso fazer? No caso da marca em questão, primeiro resolvi remover completamente o degradê do amarelo. Afinal a marca em questão tem como parte integrante do [...]]]></description>
			<content:encoded><![CDATA[<p>Saindo do forno o novo logo da Ipiaú FM. Confira abaixo:</p>
<p style="text-align: center;">
<p style="text-align: center;"><img class="aligncenter" title="Nova Identidade Visual da Ipiaú FM 91,1" src="http://www.andremiranda.com.br/logos/ipiau_fm.gif" alt="" width="306" height="452" /></p>
<p>Redesenhar uma marca dá muito mais trabalho que desenvolver uma nova.</p>
<p>A grande pergunta é: Que mudança eu posso fazer?</p>
<p>No caso da marca em questão, primeiro resolvi remover completamente o degradê do amarelo. Afinal a marca em questão tem como parte integrante do slogan &#8220;coração&#8221; e não &#8220;sol&#8221;.</p>
<p>A letra &#8220;M&#8221; da marca anterior tentava passar a idéia de coração. Tentava&#8230;</p>
<p>Mantive as cores azul, vermelho e amarelo e alinhei a frequência 91,1 utilizando alguns elementos básicos do Design: proximidade e alinhamento.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.andremiranda.com.br/blog/2010/09/26/novo-logo-da-ipiau-fm/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Uso de textos a alinhamentos</title>
		<link>http://www.andremiranda.com.br/blog/2001/02/14/uso-de-textos-a-alinhamentos/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=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>
]]></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/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=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>
]]></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>

