<?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>Innovart Publicidade &#187; Blog</title>
	<atom:link href="http://innovart.com.br/blog/category/blog/feed/" rel="self" type="application/rss+xml" />
	<link>http://innovart.com.br</link>
	<description>Innovart Publicidade - Ilustração, WebSites, Redes Sociais, Publicidade, Web Aplicativos, Hospedagem, Projetos, Vídeos Web, Infografia, Simuladores.</description>
	<lastBuildDate>Fri, 20 Jan 2012 03:13:38 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.2</generator>
		<item>
		<title>O que é Infografia?</title>
		<link>http://innovart.com.br/blog/2010/08/31/o-que-e-infografia/</link>
		<comments>http://innovart.com.br/blog/2010/08/31/o-que-e-infografia/#comments</comments>
		<pubDate>Tue, 31 Aug 2010 18:13:42 +0000</pubDate>
		<dc:creator>Julio Carraro</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[Design]]></category>

		<guid isPermaLink="false">http://innovart.com.br/?p=21</guid>
		<description><![CDATA[Conhecendo esta equilibrada ferramenta de design de informação   A Infografia é importante ferramenta para resumir o entendimento de um assunto. A linguagem, através de símbolos, trouxe o advento dos textos. Mas os textos excessivamente longos, são cansativos e exigem normalmente um “ritual” para leitura. O mundo extremamente acelerado exige atalhos. E a Infografia atalha [...]]]></description>
			<content:encoded><![CDATA[<p><span style="font-size: xx-large;"><span style="color: #009290;">Conhecendo esta equilibrada ferramenta de design de informação</span></span></p>
<p style="text-align: justify;"> </p>
<p style="text-align: justify;">A Infografia é importante ferramenta para resumir o entendimento de um assunto.</p>
<p style="text-align: justify;">A linguagem, através de símbolos, trouxe o advento dos textos. Mas os textos excessivamente longos, são cansativos e exigem normalmente um “ritual” para leitura.<br />
 O mundo extremamente acelerado exige atalhos. E a Infografia atalha o entendimento sem deixar de ser completa.</p>
<p style="text-align: justify;">Uma de suas vantagens é o uso equilibrado entre imagens e textos. Imagens são naturalmente procuradas em qualquer meio de informação, normalmente atrai imediata atenção. Textos são mais depurativos, exigem interesse.</p>
<p style="text-align: justify;">A Infografia usa através da inteligência, o equilíbrio entre textos titulares, textos explicativos e imagens logicamente diagramadas para informar uma grande quantidade de dados.</p>
<p style="text-align: justify;">Historicamente, o maior infografista de todos os tempos, em nossa opinião, é o mestre da pintura Leonardo da Vinci. Ele utilizou esta ferramenta diversas vezes para informar grande quantidade de dados. Vejamos alguns exemplos:</p>
<h1><a href="http://innovart.com.br/wp-content/uploads/2010/08/estudo_de_embrioes.jpg" rel="shadowbox[sbpost-21];player=img;"><img class="alignnone size-full wp-image-851" title="estudo_de_embrioes_h" src="http://innovart.com.br/wp-content/uploads/2010/08/estudo_de_embrioes_h.jpg" alt="" width="870" height="169" /></a></h1>
<p style="text-align: justify;">Estudos de Embriões: os estudos anatômicos de Leonardo da Vinci eram  feitos com cadáveres</p>
<p style="text-align: justify;"> </p>
<p style="text-align: justify;"><a href="http://innovart.com.br/wp-content/uploads/2010/08/homem_vitruviano.jpg" rel="shadowbox[sbpost-21];player=img;"><img class="alignnone size-full wp-image-852" title="homem_vitruviano_h" src="http://innovart.com.br/wp-content/uploads/2010/08/homem_vitruviano_h.jpg" alt="" width="870" height="155" /></a></p>
<p style="text-align: justify;">Homem Vitruviano: um estudo completo de proporções corporais</p>
<p style="text-align: justify;"> </p>
<p style="text-align: justify;"><a href="http://innovart.com.br/wp-content/uploads/2010/08/estudo_de_anatomia.jpg" rel="shadowbox[sbpost-21];player=img;"><img class="alignnone size-full wp-image-853" title="estudo_de_anatomia_h" src="http://innovart.com.br/wp-content/uploads/2010/08/estudo_de_anatomia_h.jpg" alt="" width="870" height="172" /></a></p>
<p style="text-align: justify;">Estudos de Anatomia: vasta pesquisa para ser mais completo possível, característica básica da Infografia de Leonardo da Vinci</p>
<p style="text-align: justify;"> </p>
<p style="text-align: justify;"> </p>
<p style="text-align: justify;">Podemos ver que a Infografia se destaca por informar ricamente de forma bastante sintética e direta. É um recurso poderoso, bonito e que exige vasta capacidade de síntese.</p>
<p style="text-align: justify;">Mas a capacidade de síntese não significa resumir diretamente. Aqui é que está um dos segredos. Uma boa infografia exige uma vasta pesquisa. Para saber quais detalhes ressaltar no resumo de uma idéia, exige do Designer conhecer o assunto por dentro e por fora, mesmo que de forma providencial, ou seja, apenas no momento da pesquisa, sem ter que ser um especialista no tema, mas sabendo pesquisar os tópicos mais importantes do tema.</p>
<p style="text-align: justify;"> </p>
<p style="text-align: justify;">Recentemente, o Ministério do Planejamento, Orçamento e Gestão, através da Secretaria de Logística e Tecnologia da Informação, juntamente com o Governo Eletrônico, lançou uma excelente cartilha de Redação Web, em abril de 2010.</p>
<p style="text-align: justify;">Esta cartilha rege as melhores práticas para escrever para a Web. E um de seus tópicos é a Infografia. Vejamos o que a cartilha fala sobre este assunto:</p>
<ul>
<li><em>“INFOGRÁFICO</em></li>
<li><em> Criar um infográfico, seja para a mídia online ou a mídia impressa, é extrair da informação o que existe de essencial e utilizar recursos da comunicação visual para veiculá-la.</em></li>
<li><em> Na prática, existem duas funções para o infográfico: ser um instrumento de resumo para a informação e uma alternativa ao texto como forma de comunicação.</em></li>
<li><em> Por isso, ao criar um infográfico, leve em consideração que o entendimento do que está sendo transmitido precisa ser imediato, já que se deseja o máximo de objetividade e clareza.</em></li>
<li><em> Além disso, procura-se persuasão, ou seja, atrair o cidadão com a informação textual em meio à imagem. Então, seja foto ou ilustração, a imagem escolhida precisa harmonizar com palavras ou expressões que a pontuam.</em></li>
<li><em> E são justamente as palavras em um infográfico que, na mídia online, fazem toda a diferença. A possibilidade de utilizar recursos interativos aumenta a capacidade de informar, como, por exemplo, palavras que dão acesso a detalhes sobre um dado, dentro do próprio infográfico. </em></li>
<li><em> Fique atento: É a informação o principal elemento em um infográfico, e não a imagem &#8211; ela deve servir apenas como pano de fundo, ainda que tenha grande relevância. Cuidado ao selecioná-la, portanto.”</em></li>
</ul>
<ul>
<li><a href="http://imasters.uol.com.br/artigo/18155/webwriting/cartilha_de_redacao_web_uma_enorme_contribuicao_para_a_criacao_de_um_padrao_nacional_de_redacao/" target="_blank">Fonte: Imasters</a></li>
</ul>
<p><a title="Cartilha de Redação Web" onclick="window.location='http://docs.google.com/viewer?url='+this.href;return false;" href="http://www.innovart.com.br/downloads/Padroes Brasil e-GOV - Cartilha de Redacao Web.pdf">Faça Download e conheça a Cartilha de Redação Web</a> (formato PDF).</p>
<p>Atualmente, na geração “Ctrl C + Ctrl V” ou “copiar e colar”, chegou a hora de diferenciar conteúdo e aproveitar esta “preguiça” para buscar destaque. Esta falta de vontade de escrever com recursos próprios cria uma pobreza de informações, mas também uma oportunidade para destacar idéias. A infografia ajuda neste sentido.</p>
<p style="text-align: justify;">Podemos ver que no texto da cartilha de redação web, acima citado, temos importantes dicas para um bom infográfico:<br />
 &#8211; Resumo entre imagens e textos;<br />
 &#8211; Recursos de comunicação visual;<br />
 &#8211; Máxima objetividade e clareza;<br />
 &#8211; Persuasão;<br />
 &#8211; Possibilidade de usar interação;<br />
 &#8211; Conteúdo é principal, acima da imagem;<br />
 &#8211; Design diferenciado e inovador para ajudar no conteúdo, e não somente na estética.</p>
<p style="text-align: justify;">Vejamos alguns exemplos de infografia:</p>
<p style="text-align: justify;">Exemplos de Infográficos Interativos, onde o usuário pode interagir com os gráficos, isolando variantes de interesse, <a href="http://veja.abril.com.br/infograficos/">da Revista Veja</a>:</p>
<p style="text-align: justify;"><a href="http://veja.abril.com.br/infograficos/economia_brasileira/">A economia brasileira em 23 indicadores interativos </a></p>
<p style="text-align: justify;"><a href="http://innovart.com.br/wp-content/uploads/2010/08/infograficos_interativos_veja.jpg" rel="shadowbox[sbpost-21];player=img;"><img class="alignnone size-full wp-image-854" title="infograficos_interativos_veja_h" src="http://innovart.com.br/wp-content/uploads/2010/08/infograficos_interativos_veja_h.jpg" alt="" width="870" height="116" /></a></p>
<p style="text-align: justify;"> </p>
<p style="text-align: justify;">O <a href="http://usabilidoido.com.br/cat_infografia.html">site Usabilidoido</a> faz um completo estudo sobre infografia, citando:<br />
 <em>“Lembra daqueles gráficos transados da revista SuperInteressante? Imagine interagir com eles. Infográficos Interativos são uma nova forma para contar histórias, dar instruções de uso de produtos ou fazer simulações.”</em></p>
<p style="text-align: justify;"><a href="http://innovart.com.br/wp-content/uploads/2010/08/estudo_infografia_usabilidoido.jpg" rel="shadowbox[sbpost-21];player=img;"><img class="alignnone size-full wp-image-858" title="estudo_infografia_usabilidoido_h" src="http://innovart.com.br/wp-content/uploads/2010/08/estudo_infografia_usabilidoido_h1.jpg" alt="" width="870" height="152" /></a></p>
<p style="text-align: justify;"> </p>
<p style="text-align: justify;">Alguns Top Best (os melhores), de vários blogs especialistas em design, com tema Infografia:</p>
<p style="text-align: justify;">Enfoque na visualização de grande quantidade de dados: <a href="http://www.smashingmagazine.com/2008/01/14/monday-inspiration-data-visualization-and-infographics/">Smashing Magazine</a><br />
 <a href="http://innovart.com.br/wp-content/uploads/2010/08/infografia_smashing.jpg" rel="shadowbox[sbpost-21];player=img;"><img class="alignnone size-full wp-image-856" title="infografia_smashing_h" src="http://innovart.com.br/wp-content/uploads/2010/08/infografia_smashing_h.jpg" alt="" width="870" height="146" /></a></p>
<p style="text-align: justify;"> </p>
<p style="text-align: justify;">Estudos de como montar um infográfico: <a href="http://www.smashingmagazine.com/2010/06/06/designing-the-world-of-programming-infographic/">Smashing Magazine</a><br />
 <a href="http://innovart.com.br/wp-content/uploads/2010/08/infografia_smashing1.jpg" rel="shadowbox[sbpost-21];player=img;"><img class="alignnone size-full wp-image-857" title="infografia_smashing1_h" src="http://innovart.com.br/wp-content/uploads/2010/08/infografia_smashing1_h.jpg" alt="" width="870" height="125" /></a></p>
<p style="text-align: justify;"> </p>
<p style="text-align: justify;"><a href="http://www.webdesignerdepot.com/2009/10/30-superb-examples-of-infographic-maps/">Infografia em mapas:</a></p>
<p style="text-align: justify;"><a href="http://innovart.com.br/wp-content/uploads/2010/08/infografia_top30.jpg" rel="shadowbox[sbpost-21];player=img;"><img class="alignnone size-full wp-image-860" title="infografia_top30_h" src="http://innovart.com.br/wp-content/uploads/2010/08/infografia_top30_h.jpg" alt="" width="870" height="117" /></a></p>
<p style="text-align: justify;"> </p>
<p style="text-align: justify;">Este site lista periodicamente a visualização complexa de dados (infografia): <a href="http://www.visualcomplexity.com/vc/">Visual Complexity</a></p>
<p style="text-align: justify;"><a href="../wp-content/uploads/2010/08/visual_complexity.jpg" rel="shadowbox[sbpost-21];player=img;"><img title="visual_complexity_h" src="../wp-content/uploads/2010/08/visual_complexity_h.jpg" alt="" width="870" height="140" /></a></p>
<p style="text-align: justify;"> </p>
<p style="text-align: justify;"><a href="http://blogof.francescomugnai.com/2009/04/50-great-examples-of-infographics/">50 Infográficos de renome mundial:</a></p>
<p style="text-align: justify;"><a href="http://innovart.com.br/wp-content/uploads/2010/08/infografia_top50.jpg" rel="shadowbox[sbpost-21];player=img;"><img class="alignnone size-full wp-image-861" title="infografia_top50_h" src="http://innovart.com.br/wp-content/uploads/2010/08/infografia_top50_h.jpg" alt="" width="870" height="147" /></a></p>
<p style="text-align: justify;"> </p>
<p style="text-align: justify;">Futuramente, iremos abordar outros artigos sobre o assunto, dando dicas de como você pode montar seu infográfico. A Innovart Publicidade trabalha com esta ferramenta.</p>
]]></content:encoded>
			<wfw:commentRss>http://innovart.com.br/blog/2010/08/31/o-que-e-infografia/feed/</wfw:commentRss>
		<slash:comments>9</slash:comments>
		</item>
	</channel>
</rss>

